JS_ken-CSDN博客

原创 js手写实现 call、apply、bind

面试的时候如果遇到需要手写代码，手写实现apply,call,bind也是问的比较多的，今天好好学习一下，怎么手写实现。 this绑定

2022-10-25 15:30:13 503

原创封装Object.prototype.toString.call（） replace $1$2....使用

replace $1$2... 使用封装Object.prototype.toString.call（）

2022-10-12 14:58:02 303

原创 html中显示\n为换行符

<p style="font-size:16px;white-space: pre-line;">{{item.job_content}}</p> p{ white-space: pre-line; }

2021-10-14 11:20:01 4850

原创 React Hook 入门到精通（ useState | useReduce、useEffect、useContext、useRef、useCallback | useMemo ）

Hook是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。useState | useReduce 的使用import React, { useState, useReducer } from 'react'// 创建reduceconst ageReduce = (state, action) => { switch (action.type) { case 'add': retur.

2021-09-12 00:40:10 1601

原创前端代码规范，移动端，pc端css初始化

附上两个比较好的前端代码规范：京东凹凸实验室前端代码规范.网址是：Aotu.io - 前端代码规范,如果你们公司没有具体的前端代码规范，你完全可以自己按照这套规范来编写。里边包括了HTML规范、图片规范、CSS规范、命名规范和JS规范。优点是清晰、简单、不复杂。近一年来，我工作中的代码都是安装这个标准来写的。腾讯前端代码规范网址是：TGideas文档库我经常看腾讯的前端博客，也阅读他们的开源项目。我认为腾讯的前端代码规范是优秀的。所以第二个推荐腾讯的代码规范文档库TGideas...

2021-09-10 23:45:23 386

原创图片设置宽高相同，宽设置100%高怎么设置同宽

2021-09-01 18:14:44 414

原创虚拟DOM与DOM Diff 的原理

虚拟DOM虚拟DOM是和真实DOM相互对应的它是什么一个能代表 DOM 树的对像，它通常含有标签名、标签上的属性、事件监听和子元素等，以及其他属性。它有什么优点（为什么用它）1、减少DOM的操作：虚拟DOM 可以将多次操作和为一次操作，比如你添加1000个节点，是一个接一个操作的。（减少DOM操作的次数）虚拟DOM借助DOM diff 可以把多余的操作省掉，比如你添加1000个节点，只有10个是新增的。（减少DOM操作的范围）2、跨平台：虚拟DOM不仅可以变成DOM，还可以变

2020-11-30 11:50:32 339

原创虚拟 DOM 的优缺点？

虚拟 DOM 的优缺点？什么是虚拟dom用js模拟一颗dom树,放在浏览器内存中.当你要变更时,虚拟dom使用diff算法进行新旧虚拟dom的比较,将变更放到变更队列中,反应到实际的dom树,减少了dom操作.虚拟DOM将DOM树转换成一个JS对象树,diff算法逐层比较,删除,添加操作,但是,如果有多个相同的元素,可能会浪费性能,所以,react和vue-for引入key值进行区分.优点：保证性能下限：框架的虚拟 DOM 需要适配任何上层 API 可能产生的操作，它的一些 D.

2020-11-30 10:35:24 4689

原创常见 Promise 面试问题

前端面试过程中，基本都会问到 Promise，如果你足够幸运，面试官问的比较浅，仅仅问 Promise 的使用方式，那么恭喜你。事实上，大多数人并没有那么幸运。所以，我们要准备好九浅一深的知识。常见的promise面试问题我们看一些 Promise 的常见面试问法，由浅至深。了解 Promise 吗？ Promise 解决的痛点是什么？ Promise 解决的痛点还有其他方法可以解决吗？如果有，请列举。 Promise 如何使用？ Promise 常用的方法有哪些？它们的作用是什么..

2020-11-23 11:16:04 3541

原创 vue项目刷新当前页面

需求场景：有时候我们在vue项目页面做了一些操作，需要刷新一下页面。解决的办法：this.$router.go(0)。这种方法虽然代码很少，只有一行，但是体验很差。页面会一瞬间的白屏，体验不是很好；本次采用 this.$router.replace()的方法来实现首先创建Refresh.vue 文件<template> <p v-show="fals...

2019-10-23 11:45:36 272

原创⼿写 Promise

实现⼀个简易版 Promise 那么我们先来搭建构建函数的⼤体框架 const PENDING = "pending"const RESOLVED = "resolved"const REGECTED = "regected"function MyPromisse(fn) { const that = this that.state = PENDING t...

2019-09-23 19:15:21 166

weixin_38300263的博客