摘要：一. 对路由组件进行懒加载： 如果使用同步的方式加载组件，在首屏加载时会对网络资源加载加载比较多，资源比较大，加载速度比较慢。所以设置路由懒加载，按需加载会加速首屏渲染。在没有对路由进行懒加载时，在Chrome里devtool查阅可以看到首屏网络资源加载情况（6requests 3.8MB tran
阅读全文
摘要：本案例已经有新的比较简便的解决方案，可以直接采用 vertical-align：middle 样式对行内元素进行垂直居中布局，详见： 微信小程序开发——如何让商品标题类文本根据内容长度垂直居中。 以下方案涉及到操作dom，需要进行计算，总归是会对页面渲染会有一定影响的，不建议使用，仅供学习研究。 前
阅读全文
摘要：单行： 2行： 其中， -webkit-line-clamp: 2; line-clamp: 2; 这两个样式设置的是显示行数， height: 50px; 则是限制显示高度，为了完整的显示指定行数的内容，最好与line-height成一定的线性相关关系，如： 虽然可以根据font-size、lin
阅读全文
摘要：异常描述： 支付宝中内嵌h5项目（vue框架开发），前端重新打包上传之后访问页面会导致页面空白、页面tab点击异常之类异常情况，需要手动清除支付宝缓存才可以正常访问。 解决方案： 在HTTP协议中，只有后端返回 expires 或 Cache-Control:max-age=XXX， 前端才缓存。但
阅读全文
摘要：使用场景： jsp页面中使用jquery的ajax请求比较频繁，以前vue框架的项目用过axios，所以就想着用then()封装一个公共请求的方法，这样每次请求就不用那么麻烦的写一大堆请求参数了。 示例代码： 代码解析： 如上，ajax请求的具体请求在封装的方法中进行处理并返回响应数据，调用方法只需
阅读全文
摘要：emta标签的组成：meta标签分两大部分：HTTP-EQUIV和NAME变量。 HTTP-EQUIV:HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有：1.expires(期限)：说明：可以用于设定网页的到
阅读全文
摘要：web前端的职业发展方向有哪些？本文献给正在迷茫中，准备入坑web前端的初学者以及知海匠库web前端培训班的准前端工程师们: 一、职业方向定位 首先，只有确定好自己的职业方向，才能做好职业规划。在我看来，做WEB前端技术能够找到的职业方向有以下几种： （1）资深WEB前端工程师 这个方向算是一个WE
阅读全文
摘要：1. 超链接导航失效： 小程序规则——wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面，只能用 wx.switchTab 跳转到 tabbar 页面
阅读全文
摘要：除了component，微信小程序中还有另一种组件化你的方式template模板，这两者之间的区别是，template主要是展示，方法则需要在调用的页面中定义。而component组件则有自己的业务逻辑，可以看做一个独立的page页面。简单来说，如果只是展示，使用template就足够了，如果涉及到的业务逻辑交互比较多，那就最好使用component组件了。
阅读全文
摘要：jquery-qrcode生成二维码，微信中识别二维码——转换为图片格式，生成中文格式内容。。。。。。
阅读全文
摘要：为什么需要这个？
使用vue框架开发项目，npm run build这个命令会一直用到，如果需要给后端发包，那你还要打包成zip格式的压缩包，特别是项目提测的时候，一天可能要执行重复好几次，所以才有了写这个批处理的冲动。
虽然说以前没写过，但至少用过。找了份批处理命令的文章了解了下，按自己预先想好的思路，百度了关键的执行命令，然后就自己不断的修改调试，最终完成了这个集webpack打包、压缩成zip格式文件、打开当前文件夹这三个功能的批处理。
阅读全文
摘要：异常描述： ios系统手机中访问h5页面，按钮点击有延迟，连续点击卡顿、无反应。 异常原因： 这要追溯至 2007 年初。苹果公司在发布首款 iPhone 前夕，遇到一个问题：当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定，应对 iPhone 这种小屏幕浏览桌面端站点的问题。这当
阅读全文
摘要：单页面应用（SinglePage Web Application，SPA） 只有一张Web页面的应用，是一种从Web服务器加载的富客户端，单页面跳转仅刷新局部资源 ，公共资源(js、css等)仅需加载一次，常用于PC端官网、购物等网站 如图: 单页面应用结构视图 多页面应用（MultiPage Ap
阅读全文
摘要：FileReader读取文件详细介绍请访问：http://www.cnblogs.com/xyyt/p/9066882.html FileReader提供了如下方法： readAsDataURL和readAsText较为常用，这里以这两个为例，说明具体使用方法： 1.readAsDataURL：re
阅读全文
摘要：对于没有使用过这几个表达式的人，应该对这个概念都有点不太理解，下面就以实际例子说明这几个表达式的用户。 一、?:pattern——匹配检验：会作为匹配校验，是一个非获取匹配，并出现在匹配字符结果里面,比如 windows(?:2000|NT|98) 等同于 windows2000|windowsNT
阅读全文
摘要：一. 运行环境： iphone所有机型的qq浏览器，safari浏览器，微信内置浏览器（qq浏览器内核）等。 二. 异常现象： 1. 大幅度上下滑动h5页面，然后停止滑动，有时候会影响到页面滚动，如局部滚动条； 2. 大幅度上下滑动h5页面，页面中的悬浮层，如头部，底部菜单之类需要固定在指定位置的层
阅读全文
摘要：异常如下: ios应用内嵌h5页面，本来是设置了白色的数字，两三秒之后会自动变为黑色，然后点击的时候就会弹出是否拨号的提示； 解决方法： 添加如下meta标签，即可解决：
阅读全文
摘要：前言： h5分享到微信，h5使用微信支付这些功能，都需要先判断是否安装微信客户端，如果已安装就启动微信，如果没有安装微信，就提示用户前去安装。 我们可以通过访问微信提供的URL协议（weixin://）来实现这个功能，代码如下： 示例代码： 扩展： 同样，通过上边的方法，也可以判断是否安装第三方ap
阅读全文
