- 博客(130)
- 收藏
- 关注
RSS订阅
原创 这样写笔记
文章目录笔记的作用CSDN如何写好文章如何写markdown语法写markdown语法的一点小技巧进阶：在线专属个人文档笔记的作用学得扎实：一点一点做好笔记，学到的会更多。加深印象：手写一遍，会掌握更扎实。回首望月：忘记的知识，可以快速通过笔记找到。笔记一般保存到网上方便查看、保存、CSDN就挺好CSDN如何写好文章CSDN文章是使用markdown语法、也就是后缀名为.md的文件、写固定的语法生成好看的样式！???? 每次发布文章的时候、不要直接在CSDN里直接写。可以在本地写完、然
2021-09-18 17:43:23
1023
20
原创 阿里云域名解析
阿里云域名控制台：https://dc.console.aliyun.com/next/index#/domain-list/all。
2024-06-13 19:36:00
404
原创 react中typescript定义
return [isLoading, load] as const //自定义hooksstatus: 'waiting' | 'success'//字面量string类型objArr: {//数组包对象类型}[]}children: React.ReactNod//比较全面React.CSSProperties // 传递style对象type Iobj = {//定义对象}//使用泛型==参考React + TypeScript实践。
2022-10-05 16:52:35
628
1
原创 vue3设计思想和理念
Vue设计思想Vue3.0更注重模块上的拆分，在2.0中无法单独使用部分模块。需要引入完整的Vuejs(例如只想使用使用响应式部分，但是需要引入完整的Vuejs)， Vue3中的模块之间耦合度低，模块可以独立使用。 拆分模块Vue2中很多方法挂载到了实例中导致没有使用也会被打包（还有很多组件也是一样）。通过构建工具Tree-shaking机制实现按需引入，减少用户打包后体积。 重写APIVue3允许自定义渲染器，扩展能力强。不会发生以前的事情，改写Vue源码改造渲染方式。 扩展更方便
2022-05-29 09:55:44
445
原创 写简历的技巧
个人信息必要：姓名，性别，手机号，邮箱非必要：照片，年龄，博客，开源不要：婚姻，期望薪资，名族政治面貌教育经历必要：学校（入学和毕业时间），学历，专业加分项：获奖，证书（软考，pmp），英语（6级以上）让经验经历 覆盖学历专业技能了解，熟悉，精通（慎用）熟悉计算机基础，熟悉基本的数据结构和算法，了解常用的设计模式熟悉前端基础知识 HTML CSS Javascript ES6 ,了解Typescript，熟悉HTTP协议熟悉 Vue2 Vue3 及其周边 Vuex Vue-route
2022-05-04 11:52:49
296
原创 三金四银面经分享
Javascript1.BFC是什么？哪些属性可以产生BFC？2.CSS怎么实现垂直水平居中？flex为1是哪几个属性的简写？3.说一下浏览器的事件循环event loop？浏览器为什么要事件循环？4.说一下原型链是什么？原型对象的constructor指向什么？5.说一下ES5有哪些继承方式，他们的不足之处是什么？寄生组合继承和ES6继承有什么区别？6.说一下跨域的解决方式？Jsonp的原理？webpack配置proxy的原理？除了cors其他方式呢？7.说一下ES6有哪些新增的方法？说一下
2022-03-17 11:50:50
1570
1
原创 https学习
数字证书不对称加密也会有同样的问题，如何将不对称加密的公钥给对方呢？一种是放在一个公网的地址上，让对方下载；另一种就是在建立连接的时候，传给对方。这两种方法有相同的问题，那就是，作为一个普通网民，你怎么鉴别别人给你的公钥是对的。会不会有人冒充外卖网站，发给你一个它的公钥。接下来，你和它所有的互通，看起来都是没有任何问题的。毕竟每个人都可以创建自己的公钥和私钥。这个时候就需要权威部门的介入了，就像每个人都可以打印自己的简历，说自己是谁，但是有公安局盖章的，就只有户口本，这个才能证明你是你。这个由权威部门
2022-03-14 15:31:56
165
原创 Javasctipt面试题整理
Javascript面试题整理✅表示重点频率高，????表示自己还没有掌握，❌表示没啥用，自己看看一.数据类型✅1.说一下intanceof 操作符的实现原理及实现？手写一遍原理就懂了✅2.说一下判断数组的方式有哪些？Array.isArray()Object.prototype.toString.call(obj)instanceofconstructor不可靠，如果改变原型指向一个对象的话，会有问题✅3.说一下null和undefined的区别？undefined 代
2022-01-07 14:11:37
532
原创 JavaScript 中如何进行隐式类型转换？
JavaScript 中如何进行隐式类型转换？首先要介绍ToPrimitive方法，这是 JavaScript 中每个值隐含的自带的方法，用来将值 （无论是基本类型值还是对象）转换为基本类型值。如果值为基本类型，则直接返回值本身；如果值为对象，其看起来大概是这样：/*** @obj 需要转换的对象* @type 期望的结果类型*/ToPrimitive(obj,type)+ 操作符什么时候用于字符串的拼接？首先要介绍ToPrimitive方法，这是 JavaScript 中每个值隐含的自带
2022-01-05 15:42:19
2063
原创 CSS面试题整理
title: 2.CSS面试题整理order: 2CSS面试题整理✅表示重点频率高，????表示自己还没有掌握，❌表示没啥用，自己看看一.基础知识（一）1.✅说一下常见的选择器及其优先级？id：100类、伪类、属性选择器：10标签、伪元素：1后代、子、相邻兄弟、通配符：102.✅说一下伪元素和伪类的区别和使用?伪元素：在内容元素的前后插入额外的元素或样式，但是这些元素实际上并不在文档中生成。将特殊的效果添加到特定选择器上。它是已有元素上添加类别的，不会产生新的元素。3
2022-01-05 11:19:16
683
2
原创 HTML面试题整理
HTML面试题整理01.说一下对语义化的理解？✅对开发者友好，让人更容易读懂，利于代码可读性对机器友好，让搜索引擎更容易读懂，利于seo02.说一下HTML5有哪些更新/新增？✅新增语义化标签，音频视频标签新增localstorage，sessionstorage本地存储新增DOM查询 document.querySelector() 、 document.querySelectorAll()…03.说一下defer和async的区别？✅行内：button，span块级：d
2022-01-03 19:49:36
12181
14
原创 JS几个工具方法
1.判断微信内置浏览器：function isWeiXin(){ const ua = window.navigator.userAgent.toLowerCase(); return ua.match(/MicroMessenger/i) == 'micromessenger';}2.时间戳转换function getLocalTime(nS) { return new Date(parseInt(nS) * 1000).toLocaleString().replace(/年|月/g
2021-12-27 20:46:21
215
原创 Grid布局入门
参考：最强大的 CSS 布局 —— Grid 布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.
2021-12-27 15:07:00
448
原创 浏览器基础
title: 2.Chromeorder: 2浏览器基础参考：阮一峰-浏览器同源政策及其规避方法阮一峰-跨域资源共享 CORS 详解阮一峰-Cookie 的 SameSite 属性Jian blog-浏览器进程和线程Jian blog-前端网络安全高频前端面试题汇总之浏览器原理篇从 8 道面试题看浏览器渲染过程与性能优化01.浏览器渲染引擎一个渲染引擎包括：HTML解析器，CSS解析器，JS引擎，布局layout模块，绘图模块.解析：解析代码 、 渲染：渲染页.
2021-12-24 14:42:52
452
原创 邂逅Redux Toolkit
useSelector//features/counter/counterSlice.js//允许我们从状态中选择一个值1. export const selectCount = (state) => state.counter.value;//通过hook使用2. import { useSelector, useDispatch } from 'react-redux';const count = useSelector(selectCount);useDispatch/
2021-12-03 17:23:08
699
原创 CSS基础知识
title: CSS3基础知识order: 2基础知识点C3计算属性？说一下选择器权重？定位都有哪些属性？说一下fixed和sticky？说一下阴影值和渐变？阴影常常把前两个值设为0（x偏移量和y偏移量），第三个值为模糊半径（可选参数，一般不写），第四个值为阴影大小，第五个为颜色，第六个值（可选参数）设为inset就是内部阴影。box-shadow: 0px 0px （2px） 2px red （inset）;渐变分为线性渐变和径向渐变线性：background-image: .
2021-12-02 14:14:22
385
1
原创 babel基础
title: babel基础order: 4什么是 Babel？Babel 是一个 JavaScript compilerBabel 是一个工具链，主要用于在当前和旧的浏览器或环境中，将 ECMAScript 2015+ 代码转换为 JavaScript 向后兼容版本的代码。以下是 Babel 可以做的主要事情：转换语法Polyfill 目标环境中缺少的功能（通过如 core-js 的第三方 polyfill）源代码转换(codemods)以及更多！配置文件.babelrcBabel的配置文件是.
2021-12-02 10:16:59
203
原创 nginx部署后刷新页面404问题之historyApiFallback
historyApiFallback主要作用是解决SPA页面在路由跳转后，进行页面刷新时，返回404的错误webpakc默认配置了historyApiFallback为true、功能是通过connect-history-api-fallback库实现的location / { root /... # vue工程的路由是history模式 try_files $uri $uri/ /index.html; index index.html index.html}源码
2021-12-01 17:06:39
2924
原创 还算完整的React+TS类型
目的，更多React类型，在项目中使用有更强的约束性，利于后期维护。引用ReactReact17之后不用引入React✅import * as React from 'react'import * as ReactDOM from 'react-dom'React.FCReact.FunctionComponent=React.FC，显式地定义了返回类型，其他方式是隐式推导的displayName、propTypes、defaultProps提供了类型检查和自动补全为childre
2021-11-27 17:32:35
6559
原创 初级前端面试常见面试题
vue1.Vue双向绑定原理2.computed和watch的区别3.说一下生命周期有哪些，哪个生命周期发请求，其他的生命周期你知道的场景4.v-if和v-show的区别5.组件通信的方式有哪些6.vuex有哪些属性，哪个属性处理异步请求7.路由守卫说一下8.data为什么是一个函数9.this.$set是做什么的10.history路由和hash路由有什么区别11.key的作用12.说一下什么是MVVM框架JavaScript1.什么是闭包，闭包的使用场景2.es6你用过哪些
2021-11-24 22:04:21
861
2
原创 对fiber的一点了解
title: 对fiber的了解order: 1看了一篇官网推荐的Github文章，一篇淘系前端文章，快速看了掘金两篇大佬文章，写下这篇总结Fiber 是 React 16 中新的协调引擎。它的主要目的是使 Virtual DOM 可以进行增量式渲染。了解更多.Fiber reconciler“fiber” reconciler（调节器，用来diff的） 是一个新尝试，致力于解决 stack reconciler 中固有的问题，同时解决一些历史遗留问题。Fiber 从 React 16 开始变.
2021-11-21 15:00:36
1591
原创 vue的一些优化方式
title: vue简单优化order: 15Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面的优化，使项目具有更高效的性能、更好的用户体验。三部分:Vue 代码层面的优化；webpack 配置层面的优化；基础的 Web 技术层面的优化。一、代码层面的优化v-if 和 v-show 区分使用场景computed 和 watch 区分使用场景v-for 遍历必须为 item 添加 key，且避免同.
2021-11-21 14:57:55
1274
原创 总结了一下怎么写好简历
一.排版与命名排版与简洁、不要写复杂了、注意留白、个人觉得最好两页就够了；pdf的命名好听点、如imber的简历.pdf`、能让Hr在邮箱一大推简历中注意到你的简历也很重要；二.基础信息专业学历，工作年限，照片（帅照第一印象好），年龄，phone加分项：Github、leetcode、技术博客三.技术栈写招聘上要求的技术栈就好了、适当加些重要的：如Webpack、Node、TS；根据掌握程度、分为：了解、会用（熟悉）、熟练、精通；了解：是什么，怎么用会用（熟悉）：熟悉文档、熟悉用法熟
2021-11-13 14:02:45
328
原创 React项目经验
一.moment库的使用//引入import moment from 'moment';//设置中文moment.locale('zh-cn');//把value格式化成 年月日 格式moment(value).format('YYYY-MM-DD')二.field的使用//引入import { Field } from '@alifd/next';//创建 hooks 风格const field = Field.useField([]);//注入表单<Form {...f
2021-11-12 15:11:21
2446
原创 React的creatElement源码
```js/** * Create and return a new ReactElement of the given type. * See https://reactjs.org/docs/react-api.html#createelement */export function createElement(type, config, children) { let propName; // Reserved names are extracted const props =
2021-11-11 12:56:21
574
原创 moderJS发布会总结的几个问题
一、前端开发问题问题一：脚手架更新、项目无法更新问题问题二：项目模板不能复用问题三：webpack配置复杂、Unbundled时代来临、构建时dev和build远远不够问题四：前端工程化的问题：只能实现代码层面的基础建设、也就是只有初始化问题五：React 本身只解决视图层的问题，距离一个 Web 框架还缺很多东西、如ssr等问题六：Node.js （nestJS）框架能提供的，只是「服务器端应用架构」问题七：部署的问题、复杂 等等...
2021-11-05 12:56:01
137
原创 Webpack5随笔
webpack5asset module type 资源模块类型 可以代替file-loader 、url-loaderwebpack常用的loaderless-loadercss-loaderstyle-loaderpostcss-loaderfile-loader 可打包iconfonturl-loader 可转base64常用pluginclean-webpack-plugin 删除文件夹html-webpack-plugin 生产html文件copy-webpack-plug
2021-11-03 14:54:25
124
原创 Vue3之Diff算法源码分析
为什么使用this能调用Vue方法内部使用了bind把this指向了instance.proxy虚拟dom和key和diffpatch->如果是n1、那么进行更新操作、如果是null、mount操作有key使用patchKeyedChildren方法、取小长度循环比较、然后patch更新、然后对比如果旧节点更多、直接unmount、新节点更多创建新节点const patchUnkeyedChildren = ( c1: VNode[], c2: VNodeArrayChild
2021-10-31 22:01:18
334
1
原创 nvm常用命令
nvm list 查看当前版本nvm list available 查看可用版本nvm node_mirror https://npm.taobao.org/mirrors/node/ 设置node镜像nvm npm_mirror https://npm.taboa.org/mirrors/npm/ 设置npm镜像nvm install 14.13.1 (lastest最新) (lts长期维护)nvm use 14.13.1 使用版本node --version 查看版本nvm install
2021-10-30 13:14:31
145
原创 Redux基础使用
title: Redux基础使用order: 3文章目录一.基础用法1.简单例子2.手写connect3.store的context处理4.react-redux使用二.中间件的使用1.redux中异步请求2.redux-thunk使用3.redux-devtools4.redux-saga5.中间件的原理三.reducer拆分1.拆分reducer2.combineReducers合并四.????ImmutableJS1.认识ImmutableJS2.ImutableJS常见API3.dva了解五.
2021-10-23 17:18:46
153
2
原创 ❤️React Hooks⭐
title: Hooks基础使用order: 4常用的usestate、useEffect就不讲解了文章目录Hooks基础使用1.函数组件和类组件的区别2.useContext()：共享状态钩子3.useReducer()：action 钩子4.useRef()：保存引用5.useCallback6.useMemo7.useImperativeHandle8.useLayoutEffect9.自定义hooks二.父触发子事件1.父组件2.子组件三.更多概念1.????useMemo和useCall
2021-10-21 08:54:57
160
3
原创 JS执行顺序❤️
title: JS执行顺序order: 1文章目录一.概念1.解释型语言执行步骤2.任务队列event queue3.????Event Loop4.宏任务、微任务的执行顺序5.变量提升5.作用域的深层次理解6.堆（heap）和栈（stack）7.内层的强引用和弱引用二.执行问题1.考察宏任务微任务2.考察promise3.考察闭包4.考察作用域5.考察预编译6.考察函数传参和地址三.定时器经典案例一.概念1.解释型语言执行步骤预编译扫描上下文。扫描错误函数和变量声明的提升解释执行一条一
2021-10-16 15:05:43
397
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人