- 博客(16)
- 收藏
- 关注
RSS订阅原创 CSS 单位
CSS 单位有两种类型的长度单位：相对和绝对。绝对长度绝对长度单位是一个固定的值，它反应一个真实的物理尺寸。绝对长度单位视输出介质而定，不依赖于环境（显示器、分辨率、操作系统等）。px * 像素 (1px = 1/96th of 1in)像素或许被认为是最好的"设备像素"，而这种像素长度和你在显示器上看到的文字屏幕像素无关。px实际上是一个按角度度量的单位。单位描述cm厘米mm毫米in英寸 1in = 96px = 2.54cmpx像素 1px =
2021-06-09 10:57:00
117
原创 控制事件触发频率的两种策略 lodash源码学习debounce,throttle
背景开发过程中，高频率的触发事件。两种策略的工作方式debounce防抖： 一部电梯停在某一个楼层，当有一个人进来后，20秒后自动关门，这20秒的等待期间，又一个人按了电梯进来，这20秒又重新计算，直到电梯关门那一刻才算是响应了事件。用户“停止”输入一段时间后，再发送请求。throttle节流：一台自动饮料机，在出饮料的过程中，不管按多少这个按钮，都不会连续出饮料，中间的响应会被忽略，必...
2020-04-29 14:16:14
342
原创 JS闭包
在函数中形成 私有的作用域，保护私有变量不受外界影响var add = (function () { var counter = 0; return function () { //不受外界 影响的作用域 return counter += 1; }})(); add();add();add(); // 计数器为 3变量作用域...
2020-04-20 14:40:39
118
原创 Webpack_基础总结
简介webpack 是前端的一个项目构建工具，它是基于node.js开发出来的一个前端工具。网页中引入的静态资源，会引起网页加载速度慢（因为要发起很多的二次请求），还要处理错综复杂的依赖关系。使用webpack打包可以解决各个包之间的复杂依赖关系。注意： webpack 只能打包JS文件，处理非JS文件需要 1.手动安装第三方loader 加载器。2.配置文件 配置module。webpa...
2020-04-09 17:33:38
189
原创 Vue_路由
引言前端，主要通过 URL中的hash(#号)来实现不同页面之间的切换。----HTTP请求中不会包含hash相关内容， 所有，前端页面跳转主要用 hash实现。（单页面应用程序）在Vue中使用 vue-router第一步：导入 vue-router 组件类库第二步：使用 组件来导航第三步：使用 组件来显示第四步：使用Vue.extend创建组件第五步：创建路由实例第六步：定义...
2020-04-08 11:10:49
100
原创 Vue_Router安装
直接下载 / CDNNPM 发布的最新版本 ：https://unpkg.com/vue-router/dist/vue-router.jsNPMnpm install vue-routerimport Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)资源https://github.com/...
2020-04-07 19:06:15
179
原创 Vue_组件基础总结
组件名两种方式： kebab-case 和 PascalCase。 也就是说 my-component-name 和 MyComponentName 都是可接受的。prop两种方式： (kebab-case 和 camelCase)。类型（8个）： Number Boolean String Symbol ，还有Array Object Function Da...
2020-04-03 17:07:50
201
原创 Vue_过渡&动画transition用法
简介Vue 提供了 transition 的封装组件。过渡的类名在进入/离开的过渡中，会有 6 个 class 切换。v-enter：进入过渡–开始。v-enter-active：进入过渡–生效时。这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数。v-enter-to：进入过渡–结束状态。v-leave：离开过渡–开始。v-leave-active：离开...
2020-04-02 14:28:02
716
原创 CSS3_总结&重点转换transform 过渡transition 动画animation
边框border-radiusbox-shadowbox-shadow: h-shadow v-shadow blur spread color inset;border-image背景background-clip： 规定背景的绘制区域。【padding-box|border-box|content-box;】background-origin： 规定背景图片的定位区域。...
2020-04-02 11:26:54
136
原创 Vue_监听属性watch【deep,immediate】
immediate这样使用watch时有一个特点，就是当值第一次绑定的时候，不会执行监听函数，只有值发生改变才会执行。如果我们需要在最初绑定值的时候也执行函数，则就需要用到immediate属性。比如当父组件向子组件动态传值时，子组件props首次获取到父组件传来的默认值时，也需要执行函数，此时就需要将immediate设为true。deep当需要监听一个对象的改变时，普通的watch方法...
2020-04-01 16:00:38
223
原创 Vue_计算属性computed【getter和setter的一些思考】
简单介绍在 Vue 中，computed 的属性可以被视为是 data 一样，可以读取和设值，因此在 computed 中可以分成 getter（读取） 和 setter（设值），一般情况下是没有 setter 的，computed 预设只有 getter ，也就是只能读取，不能改变设值。vue.js计算属性默认只有 getter，因为是默认值所以我们也常常省略不写，如下代码：计算属性ge...
2020-04-01 15:27:41
965
原创 JavaScript_Truthy 真值（6个））
除 false、0、""、null、undefined 和 NaN 以外皆为真值。false0“”nullundefinedNaN
2020-04-01 15:07:05
134
原创 Day1_Vue基本的语法
v-cloakv-cloak和CSS一起用的时候，能够解决差值表达式闪烁的问题（即：可以隐藏未编译的标签直到实例准备完毕）。{{name}}在网速很慢的情况下，一开始会直接显示{{name}}这个内容，等网络加载完成了，才会显示smyhvae。那这个闪烁的问题该怎么解决呢？解决办法是：通过v-cloak隐藏{{name}}这个内容，当加载完毕后，再显示出来。<!DOCTYPE html...
2020-04-01 14:38:05
90
原创 Vue事件修饰符_.stop .capture
简介Vue提供了事件绑定的语法糖。stop是阻止事件传递，capture是在捕获的过程监听，没有capture修饰符时都是默认冒泡过程监听。冒泡与捕获首先我们需要形成监听器的思想。在不使用任何框架的情况下，我们在js中通过addEventListener方法给Dom添加事件监听，这个方法直译就是添加事件监听器。我们对Dom的操作事件会从最外面的祖先Dom逐步传递到目标Dom（捕获过程），然...
2020-04-01 11:30:55
578
原创 Day1_Vue前提需知
1.什么是Vue?Vue 是目前最火的一个前端框架，Rect是最流行的一个前端框架。（Rect除了开发网站，还可以开发手机App，Vue语法也是可以用于进行手机App开发的，需要借助Weex。）Vue 是前端的主流框架之一，和Angular，Rect 一起，并成为前端三大主流框架。Vue 是一套构建用户界面的框架，只关注 视图层，他不仅易于上手，还便于与第三方库或既有项目整合。（Vue有配...
2020-04-01 09:16:28
297
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人