随笔分类 - js
摘要：在React中使用Typescript 最近学习的技术发现TS越来越多,于是自己尝试做了几个Demo实战,发现TS上手不是很难,但是一旦出现错误很难百度到对应的文档,而且在react中也不会使用ts来编写 跟着这个文章走,内容可能会很长,一步一步去写,保证你的React项目可以使用TS来编写 本人写
阅读全文
摘要：订阅发布模式 在这种模式中，并不是⼀个对象调⽤另⼀个对象的⽅法，⽽是⼀个对象订阅另⼀个对象的 特定活动并在 状态改编后获得通知。订阅者因此也成为观察者，⽽被观察的对象成为发布者或者主题。当发⽣了⼀个 重要事件时候 发布者会通知（调⽤）所有订阅者并且可能经常已事件对象的形式传递消息 vue中的 emi
阅读全文
摘要：理解原型和原型链 原型和原型链学了很久,但是一直没有完全理解,虽然现在也没用完全理解,但能勉强对付一下了 这里面先参考一下 "阮大大的教程" 前言 要先从继承开始讲起,根据其他语言比如java或者c++来说,他们都可以通过new来创建一个实例对象,然后js也出现了new的关键字,但是new后面不能跟
阅读全文
摘要：在开发的过程中,如果我们能够熟练掌握vue的修饰符,就可以大大提高我们的开发效率 分类 表单修饰符 事件修饰符 鼠标按键修饰符 键值修饰符 表单修饰符 .lazy .trim 在进行传递参数或者登陆注册的时候,经常会出现空格耽误事的问题,这个修饰符就会很好的解决这一问题 js // 当输入 js j
阅读全文
摘要：antd简介 antd 是蚂蚁金服推出的一套非常好的React UI库,使用起来特别方便,而且也推出了Antd手机端库,同时还推出了vue的使用方式 如果没有按需加载,我们如果想要使用一个标签,比如 ,需要导入js和css文件,使用起来不是很方便,而且还会造成性能上面的一个下降,先来看一下正常版本的
阅读全文
摘要：node 常用工具大整合 这些都是我个人平常总是使用的一些关于node的工具,不喜勿喷 pm2 先声明对于线程的补充 我们引用官方的解释：线程可以独立运行的最小的CPU单位，可以在同一个进程里并发运行，共享该进程下的内存地址空间 都说js是单线程的语言,即使有很多工具的帮助,也改变不了单线程的一个特
阅读全文
摘要：什么是pjax? pjax = ajax + pushState 通过ajax让页面进行局部刷新,然后通过pushstate让url发生改变,再让pushState,让页面产生一个回退的记录,从而让页面的性能进行大幅度的优化 简单demo感受一下 准备两个页面 index.html content.
阅读全文
摘要：细心的小伙伴可能发现我的左下角有一个抖起来的小按钮,然后页面就开始皮了起来,哈哈好快乐啊 没有利用js,单独的使用了css3的动画就实现了这个效果 css设置 html文本设计 这里面写什么都可以,我就简单写了点文字 JS设计 总结 我们的页面就像抖音一样 抖了起来 代码其实就是这么快乐
阅读全文
摘要：防抖 解释定义 防抖是指在一定的时间内再次触发此事件,会清空上次的事件重新开始,如果制定的时间内没有再次触发,那么这个事件才会执行 例如: input输入信息,不可能每次按下都发起一个ajax请求,可以等一段时间内不输入了之后在发起请求 代码样例 节流 解释定义 节流是指在一定的时间同一事件只会触发
阅读全文
摘要：包管理工具 npm可以理解为前端的maven,一个包的管理工具 1. 查看npm和node版本 2. 初始化项目 默认配置初始化项目 3. 安装 本地安装 全局安装 指定版本 ^ 插入号 + 指定版本号：比如 ^3.5.2 ，安装 的最新版本（不低于 3.5.2），但是不安装 提升版本,不提升大版本
阅读全文
摘要：手写new 看一下正常使用new 结果为 自己手写的new 结果为 总结一下 new相当于上面的哪些代码呢? new的具体步骤 1. 创建一个空对象 2. 修改 3. 只改this指向并且把参数传递过去,call和apply都可以 4. 根据规范，返回 null 和 undefined 不处理，依然
阅读全文
摘要：怎么使用严格模式 在一个块级作用域内使用 在 中,默认为严格模式,无论是否有 严格模式特性 不能删除不可删除的属性，否则报错 不能使用前缀 0 表示八进制数，否则报错 变量必须声明后使用 变量不允许重名 不能使用with 不能对只读属性赋值 不能删除变量delete prop，会报错，只能删除属性d
阅读全文
摘要：正确拆分正则表达式 正则方便了开发的同时,也是很多开发者比较苦恼的一件事情,一开始如何需求小的情况下还是比较好些的,那么要求比较难道时候,写出来的自己都看不出来是什么了,甚至还有人称正则表达式为 火星文 拆分正则代码块，是理解正则的关键 在 正则表达式有以下结构： 字面量： 匹配一个具体字符，如 a
阅读全文
摘要：本人第一次接触重绘和回流也是在一次刷题的时候,那么我就讲一下我对重绘和回流的理解吧 了解浏览器渲染过程 1.根据html元素,生成DOM tree 2.根据css样式表,生成style rules 3.两者结合生成render tree 4.根据位置信息大小等信息,生成layout(回流) 5.根据
阅读全文
摘要：什么是装饰模式 定义: 动态的给一个对象添加一些额外的职责,就增加功能来说,装饰模式比生成子类更加灵活 本人的定义: 在不改变原函数的情况下,给他添加一些额外的属性函数等等(函数作为参数传递给另外一个函数内部) 代码样例 那么装饰模式有什么作用呢,总不能白白浪费时间去学了一个无用的东西 举例是rea
阅读全文
摘要：关于js的this指向问题 一直困扰着我们,并且面试的时候总是喜欢有关this的的问题 讨论this的指向,就要从四个角度来分析看触发this的方式去决定this指向哪里 1.方法调用 2.函数调用 如果在严格模式下,会出现undefined js function getName(){ conso
阅读全文
摘要：欢迎来到残梦博客园 首先声明一点: 样式并不全是本人所写,是我个人整合(感觉每个人的博客都喜欢一点,所以自己整合了一下) 由于每次更新博客,都需要重新更新此文档很麻烦,所以此博客只会定期更新,如果想要使用最新版本博客园样式,请前往本人github 目前功能 :grapes: 键盘按下效果 :appl
阅读全文
摘要：继承 JS中继承的概念： + 通过【某种方式】让一个对象可以访问到另一个对象中的属性和方法，我们把这种方式称之为继承 为什么要使用继承？ + 有些对象会有方法(动作、行为)，而这些方法都是函数，如果把这些方法和函数都放在构造函数中声明就会导致内存的浪费 继承的第一种方式：原型链继承1 + 缺点：添加
阅读全文
摘要：在js中,对象属于是键值对的集合 在上面这个代码中, 就属于是 ,而 就是 如何获取对象属性 第一种方式: .语法 student.name 获取到student的name属性 student.say 获取一个函数 第二种语法: []语法 student["name"] 等价于student.nam
阅读全文
摘要：为何要去写博客 作为一个苦逼的程序员,发现自己遇到问题,总是直接在百度上直接去搜索,然后找到解决的方案之后就开始了自己的工作(改bug= =) 是什么给了我这种刺激 作为一个小白程序员(尤其是还没毕业),总是会想尽一切办法提升自己的编程能力,没错,那就是我 一次偶然的观看大佬的教程视频讲解的时候,他
阅读全文
浙公网安备 33010602011771号