2020年5月8日
微信小程序性能优化技巧
摘要： 微信小程序如果想要优化性能，有关键性的两点： 提高加载性能 提高渲染性能 接下来分别来介绍一下： 提高加载性能 首先，问一个问题，当用户点击小程序后发生了什么？ image 上图中的三个状态，我们经常遇到，它们分别对应小程序的下面三个状态： 有三个点的白屏（左侧）： 下载代码包的阶段 没有三个点的白 阅读全文
posted @ 2020-05-08 12:21 红叶舞秋山 阅读(424) 评论(0) 推荐(0) 编辑
微信小程序的小问题
摘要： 无法实现动态字体引入 这个属于小程序设计问题，因为无法动态创建 css，所以也就无法引入动态生成的 css。一种解决办法是使用后端生成图片，然后页面引入图片。例如使用 node-canvas 模块，比较麻烦就是要在服务器上配置好字体。 小程序后续可能会引入载入自定义字体方案来解决这个问题。 canv 阅读全文
posted @ 2020-05-08 11:34 红叶舞秋山 阅读(241) 评论(0) 推荐(0) 编辑
2017年9月1日
webpack vue-cli 常见问题总结
摘要： 1. webpack打包压缩 ES6 js、.vue报错： 这个问题通常是因为js用了es6的写法，uglifyJs 不支持压缩出错。 解决办法： 1 查看是否有使用babel转换。 打开webpack.base.conf.js 检查include里是否包含了你的代码。 2 查看转换的版本是否是es 阅读全文
posted @ 2017-09-01 15:14 红叶舞秋山 阅读(772) 评论(0) 推荐(0) 编辑
2015年10月12日
NodeJs 中的Crypto 加密模块
摘要： 加密技术通常分为两大类：“对称式”和“非对称式”。对称式加密：就是加密和解密使用同一个密钥，通常称之为“Session Key ”这种加密技术在当今被广泛采用，如美国政府所采用的DES加密标准就是一种典型的“对称式”加密法，它的Session Key长度为56bits。非对称式加密：就是加密和解密所... 阅读全文
posted @ 2015-10-12 13:52 红叶舞秋山 阅读(791) 评论(0) 推荐(0) 编辑
2015年10月8日
BigPipe学习研究
摘要： from: http://www.searchtb.com/2011/04/an-introduction-to-bigpipe.html1. 技术背景 FaceBook页面加载技术试想这样一个场景，一个经常访问的网站，每次打开它的 页面都要要花费6 秒；同时另外一个网站提供了相似的服务，但响应时间... 阅读全文
posted @ 2015-10-08 16:28 红叶舞秋山 阅读(410) 评论(0) 推荐(0) 编辑
2015年1月6日
调试工具-fiddler
摘要： 本地资源替换线上调试Fiddler是一个http协议调试代理工具，它能够记录并检查所有你的电脑和互联网 之间的http通讯，设置断点，查看所有的“进出”Fiddler的数据（指cookie,html,js,css等文件，这些都可以让你任意替换线上进 行修改的意思），用线下的文件替换线上的进行修改调试... 阅读全文
posted @ 2015-01-06 14:37 红叶舞秋山 阅读(154) 评论(0) 推荐(0) 编辑
2014年9月4日
分享到微信时如何自定义文字描述和图片
摘要： document.addEventListener("WeixinJSBridgeReady", function() { if (WeixinJSBridge) { //分享给好友 WeixinJSBridge.on("menu:share:appmessage", function() { W... 阅读全文
posted @ 2014-09-04 14:57 红叶舞秋山 阅读(694) 评论(0) 推荐(0) 编辑
2013年5月16日
仿iPhone上的SCROLL效果
摘要： 查看演示最近项目中需要用这种效果，为了方便调试就写了个WEB版。面向过程的写法确实扩展性差。此版本就此打住吧。实现原理过程基本类似拖拽效果，需要注意一点的是左右拖动时的动画速度和距离，如果拖动的快，那么滚动的也快距离也远。根据鼠标mousemove时候最后两次的e.clientX值相减来得到速度值。 移动越快得到的数值越大。利用它就可以计算动画的速度了。 var lastX=0; function mouseMove(e){ speed=e.clientX-lastX; lastX=e.clientX //最后更新lastX值 }其它就是一些边... 阅读全文
posted @ 2013-05-16 17:43 红叶舞秋山 阅读(387) 评论(0) 推荐(0) 编辑
2013年5月6日
js 获取和设置css3 属性值
摘要： 众多周知 CSS3 增加了很多属性，在读写的时候就没有原先那么方便了。 如： <div style="left:100px"></div>只考虑行间样式的话，只需 div.style.left 就可获取，设置的时候也只需要 div.style.left='100px' 即可。很简单。但是css3来了如： <div style="-webkit-transform:translate(20px,-20px)"></div> 怎么搞？被吓住了。。。 设置的时候很简单： div.style.web 阅读全文
posted @ 2013-05-06 18:05 红叶舞秋山 阅读(1335) 评论(0) 推荐(1) 编辑
2013年3月25日
jquery 左右滚动插件
摘要： 简单的写了个滚动的插件，准备明天用。记号，再修改。。。View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" 阅读全文
posted @ 2013-03-25 23:54 红叶舞秋山 阅读(347) 评论(0) 推荐(0) 编辑
下一页