上一页 1 ··· 9 10 11 12 13 14 15 16 17 ··· 36 下一页

2019年4月2日

微信小程序开发——使用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)

2019年4月1日

编写高效的 CSS 选择器

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

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

2019年3月28日

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

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

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

2019年3月18日

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

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

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

2019年3月14日

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)

2019年3月12日

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

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

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

2019年2月25日

vue项目强制清除页面缓存

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

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

2019年2月15日

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

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

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

上一页 1 ··· 9 10 11 12 13 14 15 16 17 ··· 36 下一页

导航