首页专题 orient

orient

很多同学在进行编程学习时缺乏系统学习的资料。本页面基于orient内容，从基础理论到综合实战，通过实用的知识类文章，标准的编程教程，丰富的视频课程，为您在orient相关知识领域提供全面立体的资料补充。同时还包含 object、object c、objective 的知识内容，欢迎查阅！

orient相关知识

webpack 打包编译有些CSS样式莫名消失？
相信很多小伙伴已经遇到过了，在使用webpack构建项目（npm run build），部署项目后，会发现有些CSS样式丢失了，比如： .content{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 这里用了CSS多行超出省略号，build后，发现并没有用编译后的代码 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;丢失了... 解
【小程序】文本超出则省略号
单行：.text{font-size:28rpx;height:70rpx;line-height:35rpx; display: block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} 多行：.text{font-size:28rpx;height:70rpx;line-height:35rpx; display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:2;   //行数为2overflow: hidden;text-overflow:ellipsis;}
微信小程序图片使用示例
小程序官方API:https://developers.weixin.qq.com/miniprogram/dev/component/image.html 1：加载本地文件夹图片 <image src="/image/pig.jpg" mode="aspectFill"> </image> 2:加载服务器图片 wxml: <image src="{{imageUrl}}" mode="aspectFill"> </image> js: Page({ data: { imageUrl: "http://www.intmote.com/timg.jpg", }, ![图片.png](https://upload-images.jianshu.io/upload_images/5640239-9bda7a548ffe778d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1
总结：小程序常见问题(1)
这是我在开发小程序的过程中总结的一些问题欢迎加入我的小程序交流群 wx: guzhan321 备注:小程序 1. 第二行文字省略这是我常用的样式，autoprefixer: off 这个是为了避免 webpack 编译时去掉某些代码 .ellipsis{ /* autoprefixer: off */ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; /* autoprefixer: on */ } 2. 原生小程序使用 async await 并且 this 不丢失我的方法是在 function 函数内部