![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
实战
Joy__Yue
这个作者很懒,什么都没留下…
展开
-
移动web的适配
我在另一篇文章中谈到过一些移动端分辨率自适应问题,主要是基于个人实际开发中遇到的问题提出的解决方法。近期有幸听到他人对移动web开发的分享,特来补充上一篇文章,向大神讨教。Part 1 理解关于长度单位的一些概念1、设备像素或逻辑像素指设备能控制显示的最小物理单位,意指屏幕上一个个的点(还是不理解??太正常了,接着往下看)2、CSS像素或设备独立像素指CSS样式代码中使用的逻辑像素...原创 2018-11-19 15:14:37 · 8532 阅读 · 0 评论 -
localStorage本地存储
做项目遇到这样一个问题:通过vue-router的<router-link :to=""></router-link>跳转链接带的参数id,保存在了vuex的store里,但页面一刷新,该id就没有了。怎么解决这一问题:将id存进localStorage参考下面这个博客:本地存储localStorage用法详解...转载 2019-01-21 15:12:36 · 164 阅读 · 0 评论 -
从 0 到 1 再到 100, 搭建、编写、构建一个前端项目
如何搭建一个前端项目https://segmentfault.com/a/1190000017158444转载 2019-01-14 11:01:43 · 282 阅读 · 0 评论 -
js onerror事件
官方文档上对这个事件的解释是:onerror 事件会在文档或图像加载过程中发生错误时被触发。在装载文档或图像的过程中如果发生了错误,就会调用该事件句柄。那么它是用在什么地方,怎么用的?举个栗子:在开发中,有通过接口传来的图片,但该图片不一定能读出来(也就是报404错误)。这时如果不做处理,在Chrome下图片会不显示,在ie下会出现一个图片缺省的样子(很丑...)。测试小姐...原创 2018-12-13 17:48:03 · 1361 阅读 · 0 评论 -
beforeRouteEnter (to, from, next)获取前后下的路由
在某个页面文件内(如welcom.vue)用beforeRouteEnter (to, from, next)可以获取前后下的所有路由,在项目开发中经常会用到。比如用来做路由跳转控制、在路由跳转前或后调用方法等。其中遇到的一个问题是,要点击浏览器返回按钮返回上一页,但我们这个项目进入首页前还有一个动画页(也就是说,只点一次返回按钮,是到动画页,动画页自动鉴权又直接进了首页,导致看起来是没有正常...原创 2018-12-13 16:33:05 · 14125 阅读 · 0 评论 -
浏览器缓存问题--时间戳
一、URL时间戳作用作用:为了防止浏览器缓存。缓存易引起新资源无法加载,还是从缓存中拿旧资源URL后面添加随机数或时间戳通常用于防止浏览器(客户端)缓存页面。 浏览器缓存是基于URL进行缓存的,如果页面允许缓存,则在缓存时效前再次访问相同的URL,浏览器就不会再次发送请求到服务器端,而是直接从缓存中获取指定资源。而当URL 的末尾追加了随机数或时间戳,就会保证每次都会实际生成新请求且 Web...原创 2018-10-10 10:51:03 · 844 阅读 · 0 评论 -
同步与异步 || async/await 和 promise 的执行顺序
通俗理解下:多个异步请求几乎是同时进行的;多个同步请求会等请求1结束后,再调请求2,以此类推...怎么让请求同步?async await参考这篇文章:ES6系列文章 异步神器async-await那么就要谈到第二个话题:async/await 和 promise 的执行顺序,请看下面文章,讲的比较清晰8 张图帮你一步步看清 async/await 和 promise 的执行...转载 2018-12-13 15:53:01 · 485 阅读 · 0 评论 -
错误:Cannot read property ' editIndex' of undefined
报undefined错误时,最基本的就是没有定义。而这里要提到的原因是关于this的原因:在回调函数中用的this去取值,this的指向乱掉,找不到该字段值,陷入“回调地狱”解决方法:在回调中用箭头函数,或者在函数块开头用let self = this,用self去取字段值...原创 2018-12-13 15:23:07 · 2325 阅读 · 0 评论 -
报错:Cannot read property 'xxx' of null
这个错误在开发时经常遇到,这里谈谈引起该问题的其中一种可能原因及解决方法,希望能帮到你。开发场景:用for循环渲染列表,列表中需要渲染某个字段值,该字段值报null错误原因:列表数据很多,没有一一查看每条数据该字段值是否都有。一旦某条数据的该字段值为空,就会报这个错误,进而整个列表不能渲染解决方法:在用for循环的html标签上加上v-if="该字段值"。意思是,如果字段值为空,就不渲...原创 2018-12-13 15:06:06 · 35552 阅读 · 1 评论 -
网页首屏优化及骨架屏
打开应用时,有没有遇到过首屏白屏的情况?浏览器渲染页面,在等待HTML文档返回时,会处于白屏状态,用户体验不好,没有任何引导和缓冲那么,有没有看到过这种界面?看到这种界面时,用户一般认为页面正在加载,是值得等的这就是骨架屏,加强了用户体验骨架屏现在有越来越多的应用,这篇文章就是关于如何解决首屏白屏加载问题以及骨架屏实现的介绍几篇文章,按顺序看能更明白些:美团网页首屏...转载 2018-11-30 11:00:18 · 1177 阅读 · 0 评论 -
圆柱注水统计图实现
项目需要,前段时间简单研究了下怎么实现把数据用圆柱中注水的方式表现出来,设计图如下:具体需求:数据范围[0, 40],不要求动态显示(该图会导出为pdf),根据数据的多少控制注水的高度;【如果需要动态的过渡效果,可以用CSS transition属性,把样式加在对应的div上{ position: absolute transition: height xxxpx...原创 2018-11-26 20:21:51 · 948 阅读 · 0 评论 -
Charles抓包的在前端调试中的两个应用
【在开始之前,先甩一个链接H5移动调试全攻略,把H5的调试技巧介绍的比较全面】但今天重点是把里面的Charles抓包工具拿出来,捋一捋两个常用的Charles调试应用,特别是调试线上问题的便利之处一、调试移动端的配置Charles抓包首先需要配置手机代理,在手机上操作步骤如下:选择(电脑和手机)正在连的WiFi --> 进代理设置 --> 手动 --> 输入电脑ip和...原创 2018-11-29 20:26:02 · 422 阅读 · 0 评论 -
使用elementUI的日期时间选择控件报错"TypeError: value.getTime is not a function"
原因是:日期选择器【el-date-picker】加了格式 value-format="yyyy-MM-dd" format="yyyy-MM-dd"和校验规则:{ type: 'date', required: true, message: '请选择日期', trigger: 'change' }后,结果报错解决方法:将校验规则中的 type: 'date',改成 type: 'St...原创 2019-02-22 15:26:39 · 5579 阅读 · 1 评论