- 博客(130)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 这样写笔记
文章目录笔记的作用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关注的人