- 博客(18)
- 收藏
- 关注
RSS订阅转载 WebStorm微信小程序单位rpx出现空格问题
Windows先下载sed配置Tools->File Watchers->+添加下图配置//windows系统-i s/"\ rpx"/rpx/g $FilePath$//MacOS系统-i "" s/"\ rpx"/rpx/g $FilePath$参考至WebStorm格式化代码，微信小程序rpx出现空格问题转载于:https://www.cnb...
2019-03-26 16:45:00
1064
转载 基于Vue的简单通用分页组件
分页组件是每一个系统里必不可少的一个组件，分页组件分为两部分。第一部分是模版部分，用于显示当前分页组件的状态，例如正在获取数据、没有数据、没有下一页等等；第二部分是分页数据对象，用于封装一个分页组件的属性和方法，例如获取数据的 url、当前第几页(page)、每次加载条数(count)、一共有多少页(totalPage)等等，方法可能会有上一页、下一页、处理数据等等。分页数据对象im...
2019-03-01 15:01:00
181
转载 VS Code配置初探
之前一直在用 Webstorm，看现在 VS Code 热度那么高，想着尝试一下。熟悉编辑器的快捷键VS Code 快捷键一览安装使用到的插件Chinese（修改你的编辑器语言，默认英文）ESLint（代码规范和错误检查工具）Prettier（代码格式化工具）EditorConfig for VS Code（定义项目的编码规范，编辑器的行为会与.editorconfig ...
2019-02-14 17:39:00
172
转载 网页从url到网页展示到页面的流程
心血来潮整理的https://mubu.com/doc/oLDc49lx39转载于:https://www.cnblogs.com/Juliana1992/p/10333023.html
2019-01-29 10:50:00
127
转载 webpack3升级为webpack4
写在前面的话：为什么要升级，因为公司目前的项目使用webpack3，但是因为是多页应用，入口估计有一百多个，开发模式下慢得不像话，修改一个文件需要十几秒才编译好，之前的解决方案是减少入口，但是要调试其他入口的文件就必须重启，这一直是我心里的刺。后来听说webpack4优化了打包速度，于是就准备去尝试了。升级后速度直接变为热更新2秒。惊到我~webpack3的配置webpackCon...
2019-01-29 10:45:00
237
转载 vue里extend、mixins、extends的区别
1.extendVue.extend使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。// Vue.extend// 创建构造器var Profile = Vue.extend({ template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>', data: fun...
2019-01-29 10:44:00
644
转载 基于webpack4和vue2的多页应用
https://github.com/Juliazlj/webpack_vue_multi转载于:https://www.cnblogs.com/Juliana1992/p/10332984.html
2019-01-29 10:44:00
107
转载 前端怎么做用户行为统计分析
1.解释用户行为统计分析，是指在获得网站访问量基本数据的情况下，对有关数据进行统计、分析，从中发现用户访问网站的规律，并将这些规律与网络营销策略等相结合，从而发现目前网络营销活动中可能存在的问题，并为进一步修正或重新制定网络营销策略提供依据。这是狭义的只指网络上的用户行为分析。2.思路3.前端能做什么3.1获取性能数据如何获取页面性能数据请看【使用performance...
2019-01-29 10:40:00
226
转载 trampoline蹦床函数解决递归调用栈问题
递归函数的调用栈太多，造成溢出，那么只要减少调用栈，就不会溢出。怎么做可以减少调用栈呢？就是采用“循环”换掉“递归”。下面是一个正常的递归函数。function sum(x, y) { if (y > 0) { return sum(x + 1, y - 1); } else { return x; }}sum(1, 100000)// Un...
2019-01-29 10:39:00
653
转载 ios有些机型input和fixed导致的页面错位问题
_fixIosInputH () { let [timeout, beforeTop] = [null, 0] $('input, textarea').on('focus', () => { // 记录当前页面的滚动高度 beforeTop = document.body.scrollTop // 清除定时器 clearTimeout(ti...
2019-01-29 10:38:00
151
转载 使用performance进行前端性能监控
该文章仅作为自己的总结1.performance.timing对象navigationStart：当前浏览器窗口的前一个网页关闭，发生unload事件时的Unix毫秒时间戳。如果没有前一个网页，则等于fetchStart属性。unloadEventStart：如果前一个网页与当前网页属于同一个域名，则返回前一个网页的unload事件发生时的Unix毫秒时间戳。如果没有前一个网页，...
2019-01-29 10:38:00
412
转载 throttle(节流)和debounce(防抖)
防抖和节流都是用来控制频繁调用的问题，但是这两种的应用场景是有区别的。throttle(节流)有一个调用周期，在一个很长的时间里分为多段，每一段执行一次。例如onscroll,resize，500ms执行一次// 使用时间差function throttle (fun, wait) { let previous = 0 return function (...a...
2019-01-29 10:37:00
90
转载 object-fit/object-position
今日浏览某大神的一篇博文时发现如下写法：.container > div > img { width: 100%; height: 100%; object-fit: cover;}竟然可以使图片达到background-image一样的效果，有点小激动，想想之前要实现图片的不变形又铺满外层元素得这样用：.img-bg { heigh...
2019-01-29 10:36:00
107
转载 flex布局与ellipsis冲突问题
在flex布局里使用text-overflow: ellipsis;发现没有省略。解决方案.g-flex-c{ flex: 1; min-width: 0;}转载于:https://www.cnblogs.com/Juliana1992/p/10332928.html
2019-01-29 10:35:00
438
转载 animation和transition
相同点指定要侦听更改的CSS属性。设置计时（缓和）功能以改变从一个属性值到另一个属性值的速率指定持续时间以控制动画或转换所需的时间以编程方式收听您可以随意执行的动画和特定于转换的事件可视化CSS属性更改。不同点触发条件不同。animation没有触发条件，transition可以通过类似于:hover的方式触发例子查看循环。transition没有指定循环多少次，...
2019-01-29 10:33:00
103
转载 http-cache浏览器缓存
摘至知乎首先得明确 http 缓存的好处减少了冗余的数据传输，减少网费减少服务器端的压力Web 缓存能够减少延迟与网络阻塞，进而减少显示某个资源所用的时间加快客户端加载网页的速度常见 http 缓存的类型私有缓存（一般为本地浏览器缓存）代理缓存然后谈谈本地缓存本地缓存是指浏览器请求资源时命中了浏览器本地的缓存资源，浏览器并不会发送真正的请求给服务器了。它的执行...
2019-01-29 10:29:00
163
转载 JavaScript里的循环方法之forEach，for-in，for-of
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。JavaScript诞生已经有20多年了，我们一直使用的用来循环一个数组的方法是这样的：for (va...
2016-09-26 11:24:00
134
转载 zepto 添加 animate组件
今天发现JQuery可以用animate方法回到顶部，心想着zepto应该也可以$('html,body').animate({ scrollTop: 0 }, 1000);于是便用了一下，发现console提示zepto没有这个方法，百度之后发现原来不是没有这个方法，是因为这animate这个方法是在effects组件里的，然而默认的zepto是没有这个组件的，于是又...
2016-09-19 15:20:00
159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人