发表于 | 分类于

1. 图片在某些ios端webview里为空白

a方案: 给img加父级div, 设置父级div的高宽, 再给img设置宽度100%, a方法缺点, 增加了不必要的dom元素;
b方案: 用div背景图取代img标签, 此方法虽简单粗暴, 不太好做懒加载, 而且在微信端用户无法保存图片或者识别图片中的二维码;
总结: 根据不同的图片展示用途选择方案

阅读全文 »

发表于 | 分类于

从JavaScript的单线程谈起

       什么是单线程, 大白话: 同一时间, 只能做一件事情. JavaScript的诞生主要是为了操作DOM, 如果有多个线程, 假设线程A在它的时间片里去修改DOM_FOO, 但是来不及修改完就得退出CPU, 进入就绪状态, 等待下一次调度, 接着线程B占用CPU, 然而它的任务是删除DOM_FOO, 而且线程B这哥们比较麻溜儿的在一个时间片里就把DOM_FOO给干掉了, 功成身退, 等到线程A再来执行任务的时候压根就找不到DOM_FOO,这下就尴尬了😂, 完不成任务该咋整啊, 要主人来一套锁机制吧, 会不会成本太高, 布兰登巴巴一开始就把它设计成了单线程(而且与浏览器渲染DOM共用一个线程), 并被瑞安大大发扬光大, 膜拜一下我JS两大男神😍

阅读全文 »

发表于 | 分类于

判断一个数字数组的排序类型
考虑升序, 降序, 平序, 乱序四种情况

基本实现

       遍历整个数组, 记录相邻两个数字的比较结果保存到升序和降序的计数器里并以此判断结果

optimization 算法性能优化

阅读全文 »

发表于 | 分类于

this是什么

       函数是语句的容器, 而this代表函数调用invocation时的上下文环境context

this从哪里来

       每个函数默认会接收两个附加的参数, this和arguments

this的5种应用场景

阅读全文 »

发表于 | 分类于

atbulbs-project webpack-vue

       模块化强迫症😂webpack配置工程师😎的webpack-vue配置,采用最新的webpack v-4.16和vue-loader v-15.3, 开箱📦即用, 引入vw适配(建议UI图为375px宽度, 写px单位会自动转为vw)和wechat-js-sdk(方便二次分享以及调用微信其他API),二次封装axios,更高效🚀更激爽💋的构建H5项目

基于此配置构建的组件/插件库, 自己撸的一些小轮子, welcome npm install 😄

npm package https://www.npmjs.com/package/jsl-vue-h5

git仓库 https://github.com/atbulbs/jsl-vue-h5

在线demo https://atbulbs.github.io/jsl-vue-h5-demo-online/

demo仓库 https://github.com/atbulbs/jsl-vue-h5-demo

阅读全文 »