逍遥云天 - 博客园

微信小程序开发——点击按钮退出小程序的实现

摘要：微信小程序官方是没有提供退出的API的，但是在navigator这个组件中，是有退出这个功能的：详情参考官方文档：navigator。示例代码：不过这个功能最低支持版本时 2.1.0 ，如果一定要使用这个功能，那么最好在小程序管理后台中设置最低基础库版本不低于2.1.0，如果对小程序支持的最低阅读全文

posted @ 2019-04-16 11:35 逍遥云天阅读(10934) 评论(0) 推荐(1) 编辑

css选择器的优先级

摘要：为同一个元素设置多个样式时，此时哪个样式生效由选择器的优先级确定：选择器的优先级（权重）：阅读全文

posted @ 2019-04-11 15:02 逍遥云天阅读(245) 评论(0) 推荐(0) 编辑

html页面的CSS、DIV命名规则(仅供参考学习）

摘要： CSS命名规则：头：header 内容：content/containe 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页阅读全文

posted @ 2019-04-03 11:36 逍遥云天阅读(510) 评论(0) 推荐(0) 编辑

微信小程序开发——使用mock数据模拟api请求

摘要：前言：微信小程序开发中，后端提供了接口设计文档，前端可以先mock数据模拟api请求进行开发调试，而且可以根据需要设计mock文件的格式和内容，这样在后端接口开发完成之前，前端可以最大限度的完成前端的开发。编写mock数据文件：为了方便接口请求的异常处理，mock数据中最好带有接口请求结果的状阅读全文

posted @ 2019-04-02 16:01 逍遥云天阅读(10442) 评论(0) 推荐(0) 编辑

如何让商品标题类文本根据内容长度垂直居中

摘要： 1. 前言 2. 使用 vertical-align 样式实现指定行数的垂直居中布局 3. 使用js计算文本所占总宽度，与文本盒子宽度比较追加不同类样式进行调整 4. vertical-align:middle的使用扩展——不限行数全展示垂直居中 5. 最好的方法：使用弹性盒子前言：如下图，商品阅读全文

posted @ 2019-04-02 15:19 逍遥云天阅读(619) 评论(0) 推荐(0) 编辑

编写高效的 CSS 选择器

摘要：高效的CSS已经不是一个新的话题了，也不是我一个非得重拾的话题，但它却是我在Sky公司工作之时，所感兴趣的，关注已久的话题。有很多人都忘记了，或在简单的说没有意识到，CSS在我们手中，既能很高效，也可以变得很低能。这很容易被忘记，尤其是当你意识到你会的太少，CSS代码效率很低的时候。下面的规则只阅读全文

posted @ 2019-04-01 17:42 逍遥云天阅读(448) 评论(0) 推荐(0) 编辑

微信小程序发布新版本时自动提示用户更新

摘要：如图，当小程序发布新的版本后，用户如果之前访问过该小程序，通过已打开的小程序进入（未手动删除），则会弹出这个提示，提醒用户更新新的版本。用户点击确定就可以自动重启更新，点击取消则关闭弹窗，不再更新。官方给的示例代码：官方提供的demo中，只有最基本的更新提示，并未做异常处理。而且官方也说了这个功阅读全文

posted @ 2019-03-28 18:02 逍遥云天阅读(10209) 评论(1) 推荐(0) 编辑

vue项目性能优化，优化项目加载慢的问题

摘要：一. 对路由组件进行懒加载：如果使用同步的方式加载组件，在首屏加载时会对网络资源加载加载比较多，资源比较大，加载速度比较慢。所以设置路由懒加载，按需加载会加速首屏渲染。在没有对路由进行懒加载时，在Chrome里devtool查阅可以看到首屏网络资源加载情况（6requests 3.8MB tran 阅读全文

posted @ 2019-03-18 11:39 逍遥云天阅读(39597) 评论(0) 推荐(1) 编辑

css文本垂直居中的实现

摘要：本案例已经有新的比较简便的解决方案，可以直接采用 vertical-align：middle 样式对行内元素进行垂直居中布局，详见：微信小程序开发——如何让商品标题类文本根据内容长度垂直居中。以下方案涉及到操作dom，需要进行计算，总归是会对页面渲染会有一定影响的，不建议使用，仅供学习研究。前阅读全文

posted @ 2019-03-14 14:37 逍遥云天阅读(1432) 评论(0) 推荐(0) 编辑

CSS文本超出指定行数省略显示

摘要：单行： 2行：其中， -webkit-line-clamp: 2; line-clamp: 2; 这两个样式设置的是显示行数， height: 50px; 则是限制显示高度，为了完整的显示指定行数的内容，最好与line-height成一定的线性相关关系，如：虽然可以根据font-size、lin 阅读全文

posted @ 2019-03-14 11:01 逍遥云天阅读(2311) 评论(0) 推荐(0) 编辑

导航

公告