逍遥云天 - 博客园

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

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

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

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

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

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

编写高效的 CSS 选择器

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

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

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

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

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

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

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

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

css文本垂直居中的实现

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

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

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

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

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

Vue框架H5商城类项目商品详情点击返回弹出推荐商品弹窗的实现方案

摘要： h5返回监控阅读全文

posted @ 2019-03-12 15:49 逍遥云天阅读(2653) 评论(0) 推荐(0)

vue项目强制清除页面缓存

摘要：异常描述：支付宝中内嵌h5项目（vue框架开发），前端重新打包上传之后访问页面会导致页面空白、页面tab点击异常之类异常情况，需要手动清除支付宝缓存才可以正常访问。解决方案：在HTTP协议中，只有后端返回 expires 或 Cache-Control:max-age=XXX，前端才缓存。但阅读全文

posted @ 2019-02-25 15:30 逍遥云天阅读(57538) 评论(0) 推荐(0)

使用es6的then()方法封装jquery的ajax请求

摘要：使用场景： jsp页面中使用jquery的ajax请求比较频繁，以前vue框架的项目用过axios，所以就想着用then()封装一个公共请求的方法，这样每次请求就不用那么麻烦的写一大堆请求参数了。示例代码：代码解析：如上，ajax请求的具体请求在封装的方法中进行处理并返回响应数据，调用方法只需阅读全文

posted @ 2019-02-15 15:08 逍遥云天阅读(7923) 评论(0) 推荐(2)