kaiyou

win下 capsLock + w,a,s,d 为上下左右 用auto hot key 的一个脚本 ```ahk SetCapsLockState, AlwaysOff ;===========================;H = Left CapsLock & a:: if getkeystate("alt") = 0 Send, {Left} else Send, +{Left} return ;===========================;J =...

项目中碰到了一个 首字母 通讯录类似的 例子 之前也写过一回 当时是通过手动写一个数组每一项是对象 每个对象有一个代表首字母的字段...虽然也能达到需求觉着也不错,但现在看确实有点儿傻... 此次是类似这种 遍历对象 按属性排序: ``` javascript //后台会传来类似这种objectArray 有个type字段存有name的全拼 let arr = [ {name:'啊',type:"a"}, {name:'百度',type:"baidu"}, {name:'bcd',type:"bcd"}, {name:'ccc',type:"ccc"}, {name:'ab',type:"ab"}, {name:'ac',type:"ac"}, {name:'cvbg',type:"cvbg"}, {name:'cyf',type:"cyf"} ]; let order =...

### 记录项目中服务代理 前端用node服务中引入proxyMiddleware ```javascript const proxyMiddleware = require('http-proxy-middleware'); ``` 请求代理设置 ```javascript const proxyOptions = { // target host 会将请求代理到此 target: 'http://target.something.some:8080', // needed for virtual hosted sites changeOrigin: true, //...

点击空白处隐藏弹窗 --- * 给`document`绑定点击事件 弹框本身组织事件冒泡 ```javascript $('some').on('click',function(e){ $("弹出层").show() $(document).one('click',function () { $("弹出层").hide(); }) e.stopPropagation() }) ``` ```javascript //实现 $('selector').one() function once(dom, event, callback) { var handle = function() { callback();...

监听浏览器后退 --- ```javascript function pushHistory(){ var state = { title: "title", url: "#" } window.history.pushState(state, "title", "#"); } // 进入页面后执行,增加一条空记录 pushHistory() // 监听返回键 or history.back() window.addEventListener("popstate", function(){ //doSomething }, false)...

微信静默授权 --- ```javascript // 例如vue created钩子中 created () { let code = this.$route.query.code; let myUri = encodeURIComponent(window.location.href + ""); const openid = sessionStorage.getItem('openId') // openid 有 且code没有 if (openid &&...

ios 滚动 --- 流畅滚动 `-webkit-overflow-scrolling:touch`,添加了会有坑 >如果在-webkit-overflow-scrolling:touch属性的元素上，想通过动态添加内容来撑开容器，触发滚动，是有bug 的，页面是会卡住不动的 如果添加动态内容页面不能滚动，让子元素height+1   >此外 -webkit-overflow-scrolling: touch;属性让ios默认不显示滚动条 (滑动时出现,之后消失) [其他坑及参考](https://www.cnblogs.com/xiahj/p/8036419.html) [参考](https://www.chengrang.com/ios-scrollbar.html) [滚动条滑块无法设置宽度](http://www.it1352.com/582159.html)

oninput事件，在中文输入法状态多次触发 (v-model中vue已处理) --- 主动监听的`oninput`事件 在ios使用默认输入法时会把拼音字母输入 通过监听`compositionstart`,`compositionend`来规避 ```javascript // ... let inputLock = false el.addEventListener('compositionstart', e => { inputLock = true }) el.addEventListener('compositionend', e => { inputLock = false }) el.addEventListener('input',...

[移动 Web 最佳实践（干货长文，建议收藏）](https://mp.weixin.qq.com/s/rTJLEX_jDN2R2Ag6nWwWpA)

```javascript // js 插件写法 ;(function(undefined) { "use strict" var _global; var plugin = { add: function(n1,n2){ return n1 + n2; },//加 sub: function(n1,n2){ return n1 - n2; },//减 mul: function(n1,n2){...