前端技术
mr_japson
这个作者很懒,什么都没留下…
展开
-
一张图说清楚angular中的所有Ref用法
原创 2019-12-17 14:43:04 · 835 阅读 · 0 评论 -
ios上解决异步事件收起键盘
页面中有文本框和多行文本框,输入框唤起时,点击左右上角执行异步事件时需要先收起键盘;1、考虑document.getElementById(id).blur();2、在事件中先执行 window.scrollTo(0,0.8); 然后再执行3、代码较多://判断是否为苹果var isIPHONE = navigator.userAgent.toUpperCase().in...原创 2019-11-15 20:20:47 · 242 阅读 · 0 评论 -
vue项目实现返回不刷新,再点返回刷新的需求
问题背景:有时候一些列表会有一些跳转的需求,比如跳到详情页、或者是其他相关的页面(比如跳到用户列表去查看用户的相关信息)等,此时再返回列表页,列表页会刷新重置。目前需求就是需要改成如下情况: 问题1、列表 - 详情页,返回,不刷新重置; 问题2、再点其他菜单,再返回,需要刷新重置。 解决思路: 解决需求自然是想到vue的keep-alive去缓存组件,但是缓存组件有个不好的...原创 2019-08-22 11:24:22 · 1964 阅读 · 0 评论 -
js实现监听键盘的收起和弹出
之前遇到一个bug,前提因素:1. vue项目2. 弹出层popup3. ios手机4. 弹出层中的input获取焦点后 点击键盘上的“完成”按钮收起键盘,再次触发input获取焦点发现没有反应。分析原因后,发现实则是弹出层随着键盘的收起和展开进行了下移和上移,而元素的点击位置没有实时变化,如下:正常的时候:唤起键盘:收起键盘后:实则弹层位置还没归位...原创 2019-08-13 10:28:06 · 5001 阅读 · 2 评论 -
关于Android的window/location/href不跳转
问题背景:window.location.href 在Android手机微信浏览器 不跳转,没反应。1、在href的链接后面拼接随机数window.location.href = url + '?v='+ (newDate().getTime());或 top.window.location = url + '?v='+ (newDate().getTime());...原创 2019-08-20 18:52:25 · 3364 阅读 · 0 评论 -
关于node-sass报错
问题场景:本地打包或者docker上编译报错信息也不同类型:1、提示 cannot find module 'node-sass' 或者cannot find module 'node-sass/vendor';2、提示引入的scss文件有问题,直接贴图:目前来说,绝大可能是node-sass安装依赖时出问题了,因为node-sass自身的底层是从github下载...原创 2019-08-20 18:49:53 · 286 阅读 · 0 评论 -
Vue官方风格指南
官方链接:https://cn.vuejs.org/v2/style-guide/链接中是具体的代码演示,图示如下:原创 2019-08-15 14:34:00 · 304 阅读 · 0 评论 -
浅谈下前端缓存机制
由于是本人的演讲内容摘录,所以上下文衔接有些抽象,适合有基础的阅读:先附上本人喜欢的由腾讯团队维护的技术网站:http://www.alloyteam.com/category/webdevelop/引言:在项目中遇到了IE浏览器因缓存问题未能成功向后端发送GET类型请求的bug。导出:性能优化之一——合理使用缓存在前端开发中,性能一直都是被大家所重视的一点,然而判...原创 2019-08-23 20:13:15 · 314 阅读 · 0 评论 -
vue3.0尝鲜 -- 摒弃Object.defineProperty,基于 Proxy 的观察者机制探索
写在前面:11月16日早上,Vue.js的作者尤大大在 Vue Toronto 的主题演讲中预演了Vue.js 3.0的一些新特性,其中一个很重要的改变就是Vue3 将使用 ES6的Proxy 作为其观察者机制,取代之前使用的Object.defineProperty。我相信许多同学深有体会,许多面试中Object.defineProperty是vue这个框架一个出现率很高的考察点,一开始大家对...转载 2019-06-26 16:35:15 · 367 阅读 · 0 评论 -
vue源码分析:渲染篇
一、前言Vue.js框架是目前比较火的MVVM框架之一,简单易上手的学习曲线,友好的官方文档,配套的构建工具,让Vue.js在2016大放异彩,大有赶超React之势。前不久Vue.js 2.0正式版已出,在体积优化(相比1.0减少了50%)、性能提升(相比1.0提升60%)、API优化等各方面都更上一层楼;本文是系列文章,主要想通过对于Vue.js 2.0源码的分析,从代码层面解析Vue...转载 2019-06-26 15:57:37 · 164 阅读 · 0 评论