- 博客(7)
- 收藏
- 关注
RSS订阅原创 JS获取当前浏览器URL参数（中英文通用）
一、获取浏览器参数方法function getParams(key) { let search = window.location.search.replace(/^\?/, ""); let pairs = search.split("&"); let paramsMap = pairs.map(pair => { let [key, ...
2019-09-27 14:12:51
1758
原创 防抖与节流
一、防抖和节流的意义在浏览器中，频繁的操作 DOM 是非常消耗内存和 CPU 时间，在我们项目开发过程中，或多或少会绑定一些持续触发的事件，如 resize，scroll，mousemove 以及移动端 touchmove 等。如果事件的回调函数较为复杂，就会导致响应跟不上触发，轻则导致浏览器卡顿，重则导致浏览器崩溃。在这种需求下，防抖（Debounce） 和 节流（Throttle） 就是比...
2019-09-26 10:29:50
393
原创 vue-cli脚手架搭建项目及Axios封装
一、安装node环境vue运行是基于node环境的,构建vue框架之前,需要确保node环境安装成功。在node.js官网下载安装包，傻瓜式安装。安装node.js后，就已经自带npm（包管理工具），不需要另外再进行安装npm了。终端输入命令检查是否安装成功，如果输出版本号，说明我们安装node环境成功二、安装淘宝镜像cnpmnpm的服务器是外国的，所以有时候我们安装...
2019-09-24 15:27:42
1483
1
原创 重绘和重排（回流）
一、浏览器渲染HTML的步骤HTML被HTML解析器解析成DOM Tree, CSS则被CSS解析器解析成CSSOM Tree。 DOM Tree和CSSOM Tree解析完成后，被附加到一起，形成渲染树（Render Tree）。 节点信息计算(重排)，这个过程被叫做Layout(Webkit)或者Reflow(Mozilla)。即根据渲染树计算每个节点的几何信息生成布局。 渲染绘...
2019-09-20 11:39:47
1957
原创 Sass基本用法
一、sass是什么传统的CSS是一种单纯的描述性样式文件，没有变量，也没有条件语句。在开发过程中，难免有些麻烦，因此有了CSS预处理器(css preprocessor)，Sass便是其中之一。Sass (Syntactically Awesome StyleSheets)是css的一个扩展开发工具，Sass可以对CSS进行预编译处理。 在Sass源码中可以使用变量、函数、继承等动态语言的...
2019-09-19 10:49:37
1353
原创 使用深度作用选择器 /deep/修改 element-ui iview 框架自带样式
/deep/可以翻译为深入的，深远的。看到前端大佬在css中有关于这种写法，开始没太注意，以为是框架自带的写法，后来发现不是。scoped介绍为了vue页面样式模块化，不对全局造成污染，给每个页面的<style>标签加上scoped属性，表示它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封装。它有一些注意事项，但不需要任何 po...
2019-09-17 11:41:51
2038
原创 Data URI详细介绍
一、URI介绍URI（统一资源标识符） 是 uniform resource identifier的缩写，它定义了接受内容的协议以及附带的相关内容，如果附带的相关内容是一个地址，那么此时的 URI 也是一个 URL （uniform resource locator )。二、什么是 data URI scheme？Data URI scheme 简称 Data URI，经常会被错误地写...
2019-09-10 17:54:19
4680
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人