随笔分类 - web前端
摘要：chrome 的performance用来分析性能优化性能非常好用，下面以一个页面来举例 性能分析 性能分析最好使用隐私无痕模式，以保证干净的环境下，避免chrome插件对性能分析结果的影响 Performance 性能面板 ：可看到白屏时间，FPS，资源加载曲线，内存变化 Memory 内存面板，
阅读全文
摘要：通过配置多页面应用，从而将给子模块依赖分隔开各自加载，可以减少初始资源的请求，加快页面的访问速度。 比如我们有很多H5页面，并且相互独立，比如报修，购卡，计价规则等等，那我们如果访问购卡，只需要通过/buyCards/进行访问，不需要初始资源的加载支持。 目录结构 ├── build 打包后的静态资
阅读全文
摘要：//可以放在main.js上，然后再需要用的地方直接调用 if (!Array.prototype.includes) { Object.defineProperty(Array.prototype, 'includes', { value: function(valueToFind, fromIn
阅读全文
摘要：javaScript设计模式之策略模式 定义一系列的算法，把他们一个个封装起来，并且使他们可以互相替换 使用策略模式计算奖金 我们就用计算奖金为栗子，比如说绩效S就是4倍奖金，A绩效3倍奖金，B绩效2倍奖金，我们来提供一段代码，来方便计算 最初的代码实现 可以发现，这段代码非常简单，但是有个缺点，
阅读全文
摘要：正常逻辑 注意日期格式 yyyy mm dd 因为yyyy/mm/dd也有兼容性问题 但是各别iOS版本不支持
阅读全文
摘要：// gotoPage 是app提供的方法，我们只要在需要的地方调用就好
阅读全文
摘要：html2canvas 把h5网页保存为图片 想把一个网页得某些元素，绘制成图片保存，有些数据是接口动态加载的，所以不能UI给到图片，需要我们把api的数据也绘制到图片上 html2canvas这个插件可以完美解决，以下是使用方法和一些坑 html2canvas : http://html2canv
阅读全文
摘要：node + koa2 + mongodb 写了一个给前端的接口 如果不是写这个接口，这辈子都发现不了mongodb里这个大坑 mongoose 是个ODM(Object Document Mapper),mongodb是nosql数据库，文档存储 mysql,sqlserver,oracle都是关
阅读全文
摘要：1.安装nginx 先到 官网下在 http://nginx.org/en/download.html 将下载好的文件解压出来修改文件名为 nginx ,然后拷贝到C盘下，目录如下： 运行 nginx 验证 2.安装 OpenSSL 下载OpenSSL http://slproweb.com/pro
阅读全文
摘要：git仓库迁移 我们有时候需要迁移git仓库，但又想保留每次commit的记录，所以我们只需要更改git remote [源]的问题即可 首先查看你的remote的地址 是自己远程仓库的分支， 是远程主仓库的分支 我们采用先删除后增加 然后我们就把本地代码进行提交 现在我们就可以看到新的远程仓库保留
阅读全文
摘要：nuxt.js 官网地址：https://zh.nuxtjs.org/guide/installation 1.安装 2.目录结构 2.1 layout layout/blog.vue layout/error.vue 3.路由 3.1 validate 方法 页面校验 Nuxt.js 可以让你在动
阅读全文
摘要：1.首先查找被占用的进程 ps ef |grep '被占用的进程名字' 2.杀死进程 9 永久杀死 20934 被占用的进程号 kill 9 20934
阅读全文
摘要：弹窗24小时显示一次 https://www.w3cschool.cn/javascript/js cookies.html 我们需要借助cookie来实现这个功能
阅读全文
摘要：node部署静态页面上线 静态页面上线可以采用 nginx , tomcat 或者 node ,我们这里介绍下node部署静态页面 这里采用最简单的上线方式，我们就不用 node + express + ejs ，直接采用 node + html 1.首先确定好安装了 node 如果没有安装，请下载
阅读全文
摘要：```
npm install pm2-windows-startup -g;
pm2-startup install;
pm2 kill;
pm2 start ecosystem.config.js --only shidian-dev;
pm2 save; ```
阅读全文
摘要：首先在我们可以直接写到需要的 page 中，然后再进行抽取组件，自定义组件建议 wxzx xxx 命名 官网地址：https://developers.weixin.qq.com/miniprogram/dev/framework/custom component/ 例如，我们封装的组件名为 wxz
阅读全文
摘要：小程序 swiper 组件默认高度150px，并且如果子元素过高，swiper不会自适应高度 解决方案一： （总体来说不够完美，适合满屏滑动） 如果不是满屏的状态，用scroll view IOS滑动兼容性不好，在IOS会有无法滑动的情况 适应场景： 适合这种满屏滑动的，嵌套 scroll view
阅读全文
摘要：cloc 统计代码行数工具 官网地址：http://cloc.sourceforge.net/ 下载完成后 会生成一个.exe文件 需要修改文件名为 然后把这个文件拷贝到需要统计的根目录下， 通过系统dos窗口， 运行 // 注意有一个空格和点（.）
阅读全文
摘要：小程序自定义音频组件，带滚动条 摘要：首先自定义音频组件，是因为产品有这样的需求，需要如下样式的 而微信小程序API给我们提供的就是这样的 而且产品需要小程序有后台播放功能，所以我们不考虑小程序的 audio 组件，即使官方推荐更强大的 wx.createInnerAudioContext 但是不符
阅读全文
