- 博客(12)
- 收藏
- 关注
RSS订阅原创 前端之事件机制！！！
几乎每次面试都会本问到浏览器的事件机制，今天来整理一下！本文包含进程与线程、事件循环、宏任务与微任务的梳理，文字偏多，请稍微多点耐心，是经过本人学习了一些资料后的一点小总结，如果有说明不准确甚至错误的地方，欢迎路过的大神们指正！首先要知道的以下几个概念：进程：进程是CPU资源的最小分配单位线程：线程是CPU调度的最小单位线程依赖于进程一个进程至少有一个线程而咱们的浏览器就是多进程的，浏览器之所以可以工作，是因为CPU给它分配了资源。就拿Chrome来说。它的每个页签都是一个独立的进程，验
2020-07-07 16:45:44
752
原创 js中的创建对象
js中的创建对象工厂模式function createPerson(name){ var obj = new Object() obj.name = name return obj}var person = createPerson('Bella')构造函数模式缺点：方法不复用function Person(name) { this.name = name thi...
2020-04-16 10:55:11
116
原创 两行css实现列表翻转
两行css实现列表翻转现在有一个列表长这样：然后想把每一行换个位子，怎么实现？？来咯~~~~ 先看下效果上代码！table { transform: rotate(180deg);}table tr { transform: rotate(180deg);}怎么样，是不是hin神奇哈哈哈！！！就是使用css3的transform中的rotate，也就是旋转实现的，先把整个...
2020-04-16 09:21:44
383
原创 关于JavaScript事件的那些事儿
关于JavaScript事件的那些事儿今天温习了一下小红书，来整理一下事件的知识点事件：文档或浏览器窗口中发生的一些特定的交互瞬间，可以使用侦听器或者处理程序来预定事件，以便事件执行相应的逻辑代码。比如常见的按钮的点击事件等。事件流：描述页面中接收事件的顺序的一个概念。分两种：IE的事件冒泡流，Netscape Communicator的是事件捕获流。从总体上来说，两者都是基于DOM结构...
2020-04-15 23:51:20
111
原创 使用一个div实现5个圆环
使用一个div实现5个圆环面试的时候遇到了一个考察css的题，觉得挺有意思的，来记录一波：题目：怎么实现以下这张图片的效果？不许用图片，不许用svg。我：(⊙o⊙)… 我当时的回答是可以div嵌套，emmmm…好像有点low啊，，，面试官提示：能不能用一个div实现呢？我：(⊙o⊙)…我只知道背景色和border可以设置颜色，那也只有两个环，，，面试官：你可以想想盒模型中，哪...
2020-04-15 21:53:07
1346
1
原创 vue - 全局弹框组件实现1
想实现一个全局的弹窗组件Notice，以插件的形式使用，先来分析一波：首先得有一个Notice的组件配置，也就是Notice.vue文件。想把Notice这个组件挂载到body下，可以用render函数实现。全局引用，就可以使用啦！首先，组件配置好写，就是一个框框组件配置，里面接受一些参数：弹框的主题title，弹框的展示的内容content，弹框的显示时间duration，再添加一些...
2020-03-24 18:30:47
1032
原创 防抖Debounce实现
防抖是属于体验优化的一个手段，咱们来看下一个具体的情景，在输入框中输入信息，然后触发change事件，如果一直输入，那就回一致触发这个事件，体验就不太友好，如果等用户输入暂停的时候再触发就好很多了。对于上面的问题，咱们可以先设置一个定时器，输入暂停后，并且到了定时的时间再触发change事件。页面元素比较简单，就不写了，直接写逻辑代码吧！废话不多说，直接上代码！// 首先获取目标元素c...
2020-03-18 12:24:18
233
原创 浅谈cookie、localStorage、sessionStorage的区别
今天来说说JavaScript的存储方面的知识：总的来说有三种：cookie、localStorage、sessionStorage，详情如下：cookie其实cookie的本身是用力啊浏览器和server通讯的，后来被用到本地存储，最大为4KB。来看下cookie的API：document.cookie="a=1" // 设置document.cookie //访问// 其中在...
2020-03-18 12:09:41
111
原创 JavaScript实现数组去重
JavaScript实现数组去重的两种方法：1.简单粗暴直接循环将元素放到另一个新的空数组中，每次遍历如果新数组中不包含这个元素就放入到新数组中。function unique1(arr) { const res = []; arr.forEach(item => { if (res.indexOf(item) < 0) { res.push(item)...
2020-03-16 23:20:30
133
原创 ES6 常用功能总结
ES6 有很多新特性，带来了很多方便，今天来稍微总结一下比较常用的。本篇文章中的所有示例都使用 rollup 进行编译。1. let / constes6 以前，都是用 var 关键字来标识，这样有个变量提升的坑。在 es6 中，添加了 let 和 const 两个关键字，let 定义变量，const 定义常量，并且添加了块级作用域。看下用法：let：let a = 1a = 100...
2020-02-20 15:13:25
1823
原创 ES6 模块化如何使用，开发环境如何打包
模块化的基本语法新建一个文件test.js，内容如下：export default { console.log('this is test')}新建一个文件test1.js，如下：export function fn1 { console.log('this is fn1')}export function fn2 { console.log('this is fn2')}...
2020-02-19 14:16:05
686
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人