- 博客(48)
- 收藏
- 关注
RSS订阅原创 前端项目亮点
通过 iframe+postMessage() 方式，将同一份 Token 写入到了多个域下的 LocalStorage 中，前端每次在向后端发送请求之前，都会主动从 LocalStorage 中读取 Token 并在请求中携带，这样就实现了同一份 Token 被多个域所共享。实现方式有很多种:父域 Cookie、认证中心、LocalStorage 跨域等.7、直播类、音视频类、实时通信类、可视化处理…域名分为顶级域名（也称主域名和一级域名）、二级域名、三级域等。8、插件组件封装【敏捷化平台构建之一】
2024-04-02 22:36:54
644
原创 vue面试题
hash模式在浏览器中有个符号“#”，#以及#后面的字符称之为hash，用window.location.hash读取而history是采用HTML5的新特性，底层使用pushState（），replaceState（）可以对浏览器历史记录栈进行修改，以及popState事件的监听到状态变更，history 模:前端的 URL 必须和实际向后端发起请求的 URL 一致，后端如果缺少对 /items/id 的路由处理，将返回 404 错误。模块： 由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。
2024-02-17 15:39:39
2482
2
原创 js 字符串类工具方法
版本号比较（两个版本号，格式如：4.3.2，返回结果，小于-1，等于0，大于1）检测密码强度 1：密码弱 2：密码中等 3：密码强 4：密码很强。手机号码中间4位隐藏星号。
2024-01-13 16:19:56
419
原创 css面试题
这是一个独立的渲染区域，规定了内部如何布局，并且这个区域的子元素不会影响到外面的元素，其中比较重要的布局规则有：内部box垂直放置，计算BFC的高度的时候，浮动元素也参与计算，触发BFC的规则有根元素，浮动元素，position为absolute或fixed的元素，display为inline-block，table-cell，table-caption，flex，inline-flex，overflow不为visible的元素。flex布局是抽线布局，只能指定“项目”针对轴线的位置，可以看作是一维布局。
2024-01-08 19:37:07
612
原创 js面试题
主线程先执行同步任务，然后才去执行任务队列里的任务，如果在执行宏任务之前有微任务，那么要先执行微任务，全部执行完之后等待主线程的调用，调用完之后再去任务队列中查看是否有异步任务，这样一个循坏往复的过程就是事件循环！但是如果要实现先冒泡后捕获的效果，对于同一个事件，监听捕获和冒泡，分别对应相应的处理函数，监听到捕获事件，先暂缓执行，直到冒泡事件被执行后再执行。事件传递定义了元素事件触发的顺序，如果你将p元素插入到div元素中，用户点击p元素，在冒泡中，内部元素先被触发，然后再触发外部元素；
2024-01-08 15:47:57
1055
原创 html面试题
块标签可以嵌套其他的标签，但是p标签除外，p标签不能嵌套其他的块标签，内联标签不能嵌套块标签（a标签特殊），a标签不允许嵌套a标签和其他有交互作用的标签。文档的头部描述了文档的各种属性和信息，包括文档的标题、在web中的位置以及和其他文档的关系等。header，nav，section，main，article，aside，footer Strong标签有语义，是起到加重语气的效果。HTML：没有体现结构语义化的标签，通常都是这样来命名的，这样表示网站的头部。通俗来讲就是用正确的标签做正确的事情。
2024-01-08 13:01:31
995
原创 react hooks
6、useReducer：接收一个形如 (state, action) => newState 的 reducer，并返回当前的 state 以及与其配套的 dispatch 方法。useEffect会在浏览器渲染结束后执行，而useLayoutEffect则是在dom更新完成以后，浏览器绘制之前执行。3、useLayoutEffect：函数签名与useEffect相同，但它会在所有的dom变更之后同步调用effect。1、useState会返回一对值：当前状态和一个更新值的函数。
2024-01-08 00:21:41
699
原创 uniapp开发准备项
1、点击HbuilderX菜单栏文件>项目>新建。2、选择uni-app,填写项目名称，项目创建的目录。安装编辑器HbuilderX。
2023-12-24 15:36:19
425
原创 安装nvm
3、打开你的nvm下方的settings.txt，加上淘宝镜像。1、安装过node，需要先删除安装过的node。nvm uninstall [node版本号]. 下载，解压，一直next（不能出现中文）nvm install [node版本号]nvm use [node版本号]2、打开cmd，以管理员身份运行。的README.md。
2023-12-24 00:01:31
390
原创 如何解决mac无法访问github
点击检测按钮，找到比较快的ip修改hosts文件：打开终端，输入 open /etc/hosts 后回车，打开mac的文本编辑器。
2023-12-23 18:23:11
2013
原创 node18 npm start报错opensslErrorStack
3、在vscode中启动前输入命令行，单次有效。2、在package.json中修改启动指令。1、将node降低版本（使用。
2023-12-23 17:13:15
915
原创 redux+react-redux
方法生成容器组件以后，需要让容器组件拿到。对象，才能生成 UI 组件的参数。React-Redux 提供。在根组件外面包了一层，App。组件，可以让容器组件拿到。
2023-12-13 23:23:44
396
原创 react样式
使用普通的 style 样式<h1 style={ {color: 'pink', fontWeight: 200} }></h1>启用 css-modules修改 webpack.config.js这个配置文件，为 css-loader 添加参数：{ test: /\.css$/, use: ['style-loader', 'css-loader?modules'] } // 为 .css 后缀名的样式表 启用 CSS 模块化在需要的组件中，imp..
2021-08-13 12:09:02
151
原创 js文件下载
var typ =type || ‘application/vnd.openxmlformats-officedocument.spreadsheetml.sheet’;//xlsx script-loader(D) xlsx(S) file-saver(S)type: “application/zip”(responseType: “arraybuffer”)(xxx.zip)type: “text/plain”(xxx.txt)let blob = new Blob([res.data],
2021-07-04 12:27:53
229
原创 常用时间日期对象方法
var date=new Date()var date1=new Date(“2021-08-26 15:15:15”)var date2=new Date(2021,9,18,23,15,23)从1970/01/01到现在的毫秒值var date = Date.now()var date = +new Date()var date = new Date().getTime()var date = new Date().valueOf()把日期解析成毫秒值var date=Date.par
2021-06-02 22:06:36
213
原创 页面渲染优化
1、减少http请求2、使用内容传送网络cdn3、避免空src或空href值4、使用gzip5、css放顶部，js放底部6、减少dns查询7、压缩资源8、避免3xx或者4xx9、ajax优化（get请求1次，post请求两次）10.cookie优化11、利用缓存12、缩短服务响应时间...
2021-04-08 19:04:29
212
原创 react基础知识
jsx语法1、最外层只能有一个标签，外面可以加括号，也可以不加括号2、标签里面注释的写法：{/* */}3、标签里面通过 { } 来插入变量，函数，表达式4、插入class样式需要写成className5、插入style样式，在{}里面将样式写成js对象的形式，带“-”的样式属性要写成驼峰式，长度值的“px”可以带上，也可以不带，直接写成纯数字6、单个的标签，结尾要加上 “/”类和类的继承1、class关键字申明类，类名首字母大写2、构造函数constructorconstructo
2021-04-08 18:55:10
105
原创 虚拟DOM
dom是浏览器中的概念，用js对象来表示页面上的元素，并提供了操作dom对象的apireact中虚拟dom：用js对象来模拟页面上的dom与dom嵌套（框架中的概念）
2021-04-08 10:19:00
85
原创 输入URL会发生啥
1、用户输入url，2、浏览器解析出URL解析出主机名，浏览器将主机名转换成服务器的ip地址（浏览器先查找本地DNS服务器发送查询请求，没有的话再向浏览器默认的DNS服务器发送查询请求，同是缓存）3、浏览器将端口从URL中解析出来4、浏览器建立一条鱼目标web服务器的tcp连接5、浏览器向目标服务器发送一条http请求连接6、服务器向浏览器返回一条http请求报文7、关闭连接，浏览器解析文档8、重复456直到全部资源加载完毕...
2021-04-07 20:51:00
157
原创 js自定义滚动条
bar.onmousedown = function (event) {const pageY = event.pageY || event.clientY + event.scrollToplet barTop = pageY - box.offsetHeight - bar.offsetHeightif (barTop < 0) {barTop = 0} else if (barTop > scroll.offsetHeight - bar.offsetHeight) {barT
2021-04-07 19:42:39
243
原创 express搭建服务器
npm i nodemon -gnodemon 文件名npm i expressconst express = require(‘express’)const app = express()app.use((req, res, next) => {req.name = ‘00000’console.log(’-------------’)next()})app.use(express.static(‘public’))app.get(’/’, (req, res) =>
2021-04-06 16:31:41
76
原创 Http模块搭建服务器
const fs = require(‘fs’)const path = require(‘path’)const http = require(‘http’)const serve = http.createServer((req, res) => {console.log(req.url)const arr = req.url.split(’=’)let url = ${arr[1]}.includes(‘html’) ? arr[1] : ‘’if (!url) {return
2021-04-06 14:33:25
152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人