- 博客(36)
- 收藏
- 关注
原创 react-01
项目中现在使用../没有路径提示,在tsconfig.json文件中设置baseUrl和paths后使用../会出现路径提示。"@ant-design/icons": "^5.3.3", "antd": "^5.15.3",ui框架。"babel-plugin-import": "^1.13.8"按需引入antd的样式不需要全局引入。"rest-css": "^0.1.2"清除默认样式。下图中的依赖有的是项目安装时自带的有的是后安装的。
2024-03-18 10:04:44
409
原创 前端面试题
4.递归查询:如果以上步骤还找不到,则ISP的DNS服务器就会进行递归查询,所谓递归查询就是如果主机所询问的本地域名服务器不知道被查询域名的IP地址,那么本地域名服务器就以DNS客户的身份,向其他根域名服务器继续发出查询请求报文,而不是让该主机自己进行下一步查询。比如一些样式文件,图片url,js文件url等,浏览器会通过这些url重新发送请求,请求过程依然是HTML读取类似的过程,查询域名,发送请求,重定向等。上文我们说过,当我们访问元素的一些属性的时候,会导致浏览器强制清空队列,进行强制同步布局。
2024-02-19 09:16:23
861
原创 面试题整理
当元素的尺寸、结构或触发某些属性时,浏览器会重新渲染页面,称为回流。此时,浏览器需要重新经过计算,计算后还需要重新页面布局,因此是较重的操作。回流必定触发重绘,重绘不一定触发回流。重绘的开销较小,回流的代价较高。所以尽量减少触发回流的操作, 以达到更好的性能。当元素样式的改变不影响布局时,浏览器将使用重绘对元素进行更新,此时由于只需要UI层面的重新像素绘制,因此 损耗较少。调用 GPU 绘制,合成图层,显示在屏幕上。根据渲染树来布局,计算每个节点的位置。(1) 浏览器的渲染机制。
2024-02-19 09:07:52
349
原创 git 删除文件
git rm -r --cached a/2.txt // 删除a目录下的2.txt文件。git commit -m "删除a目录下的2.txt文件" // commit。git push origin 分支名称。
2023-03-30 14:33:12
111
原创 小程序分包步骤
在pages.json的pages同级配置。之后在项目总目录下新建subpkg目录。在目录subpkg目录下新建页面。填写页面名称,选择分包目录即可。
2022-09-21 16:15:36
153
原创 ts项目运行
第三步运行文件 ts-node 1.ts //ts-node 后跟文件名。第一步安装ts npm install -g typescript。第二步安装 ts-node npm install -g ts-node。
2022-08-31 14:08:35
1306
原创 父组件触发子组件方法
template> <div> <Button @click="handleClick">点击调用子组件方法</Button> <Child ref="child"/> </div></template> <script>import Child from './child';export defa
2022-06-29 14:35:33
745
原创 vue3多根节点报错解决方法
下载插件vetur文件==》首选项==》设置 在搜索栏搜索eslint ,Vetur › Validation: Template取消勾选
2022-06-14 14:09:26
782
1
原创 vue3项目创建
vue -V 查看自己vue版本保证vue版本在4.5.0以上才能使用vue3创建vue3项目vue create ## // ##代表自己的项目名称,自己随便定义回车后的选择如下图(可以根据自己的项目更改选择)创建后生成的目录
2022-06-14 14:04:21
56
原创 express
express是一个基于中间件的框架中间件:处理http请求响应的函数中间件函数和路由函数的区别中间价函数有三个参数app.get("路径",处理函数(req,res,next))app.get()只piapp.post()app.use()只有一个参数,匹配所有请求...
2022-02-28 10:03:09
61
原创 uniapp生命周期
uniapp使用vue语法,除了支持vue的8种生命周期外,还有应用级生命周期和页面级生命周期。详细请点击uni-app官网
2022-02-28 09:57:52
247
原创 element-ui的使用
cdn方法直接引入<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- 引入组件库 --> <script src="https://unpkg.com/element-ui/lib/index.js"></script>npm 方法下载依赖npm i element-ui -S全局引入在main.js中全局引入i
2022-02-12 08:37:35
154
原创 超详细的vue2项目创建
首先要安装node,从node官网安装node接下来创建vue项目vscode中打开文件夹,在终端运行,执行npm install vue-cli -g下载执行vue -V查看vue版本执行vue init webpack mypp 创建项目 (myapp为项目名称,可以自己起)...
2022-02-11 14:05:07
1656
原创 slot-scope=“scope“报错
错误产生原因是eslint机制造成的,解决办法:在template上 加上 eslint-disable-next-line注释即可
2022-02-10 09:57:19
2163
原创 $route和$router的区别
$route: 路由记录对象,获取与路由相关的信息{ fullPath: "/my" hash: "" matched: [{…}] meta: {} name: "my" params: {} path: "/my" query: {} } $router: 路由对象,用编程式导航的方式实现路由跳转$router.push() $router.replace() $router.go()...
2021-10-16 11:56:02
60
原创 声明式导航传参
声明式导航传参可以通过<router-link>标签的to实现1直接传参 <router-link to="/find?type=recommend" tag="p">发现</router-link>2通过对象 <router-link :to="{path: '/find',query:{ id: 112, name: 'Jenny'}}" tag="p">发现</router-link>3 通过路由名称
2021-10-16 11:53:58
324
原创 父子组件的生命周期钩子函数的指向顺序
创建阶段父组件beforeCreate===>父组件的created==>父组件的beforeMount==>子组件的beforeCreate==>子组件created==>子组件的beforeMount==>子组件的mounted==>父组件的mounted更新阶段子组件更新只使用自身数据,子组件beforeUpdate==>子组件updated使用父组件传递过来的数据父组件beforeUpdate...
2021-09-29 11:19:07
88
原创 2021-08-30
初始化npm init -y在package.json中修改start安装依赖包npm i mysqlnpm i expressnpm i express-sessionnpm i ejsnpm i moment新建文件夹staticrouterviewsutil(公共工具)新建引入文件app.js在app.js中创建服务器const express= require("express")const ejs=require("ejs")
2021-08-30 11:11:03
51
原创 获取url中的参数返回一个数组
function fn (path){var arr=path.split("?")var pam=arr[1].split("&")var obj={}for(var i=0;i<pam.length;i++){var items=pam[i].split("=")obj[items[0]]=items[1]}return obj;}
2021-08-21 10:09:54
239
原创 数据库连接池
数据库连接池是服务端口启动时建立一定数量的数据库连接池,并将这些连接放在一个池子里,由程序动态地对池子中的连接连接池的作用,负责分配管理和释放数据库连接npm init -y npm i mysql---------------------------------const mysql = require("mysql")const pool=mysql .creatpool(//主机 数据库所在的那台电脑host:"localhost",//端口 数据库对应的端口号port:"
2021-08-18 13:59:26
58
原创 动态参数获取
<form action="http://localhost:3000/login" method="GET"> <p><input type="text" name="username"></p> <p><input type="text" name="psw"></p> <input type="submit"> </form>t...
2021-08-16 22:37:02
90
原创 node.js的静态资源设置
静态资源设置必须设置在路由的前面app.use()注册中间件express.static设置静态资源的目录 需要一个参数,为目录的路径中间件注意事项1 中间件的位置:如果需要在路由加载之前处理,一定要写在路由之前2 next一定要写,除非使用req.send3 next后不要在写代码了static....
2021-08-16 15:50:10
276
原创 node.js中模块化路由
真实项目中,路由是非常多的,为了方便管理不建议将所有的路由写在同一个js文件中,我们可以进行路由分类,将同一类路由抽离为一个模块实现步骤1.搭建服务器const express=require("express")const app=express()app.listen(3000,()=>{conslove.log("")}再新建一个js作为一个产品模块const express=require("express")创建路由实例对象const product=e
2021-08-16 10:17:10
260
原创 2021-08-13
在项目目录下 npm initnpm i express//初始化npm init -y//搭建服务器const express=require("express")const app=express()//详情页app.get("/details",function(req,res) {res.send("详情页")})//登录app.get("/login",function(req,res) {res.send("登录")})app.get("/regs",fun
2021-08-16 09:49:07
34
原创 async和await解决异步繁琐问题
async和await是ES7中新增的async:用来声明异步函数的await:等待promise的执行结果使用的好处两者结合可以让我们像写同步代码一样写异步代码;async1.写在普通函数定义的前面,会让这个函数变成异步 function fn(){consloe.log(1)}fn()console.log(2)12---------------------------------------------------------------------.
2021-08-13 10:40:36
142
原创 promise的状态
promise一共有三种状态1.pending 初始值 未发生 将要发生2.resolved/fulfiled 操作成功状态3. rejected 操作失败状态变化pending--->fulfilled 初始状态到操作成功pending--->rejected 初始状态到操作失败注意:一个promise对象只能出现以上状态变化的一种,且状态一旦改变就不会修改...
2021-08-13 10:18:12
293
原创 解决回调地狱的promise
步骤:1.创建一个promise对象代码:new promise((resolve,reject)=》{resolve()//执行成功的异步操作reject()//执行失败的异步操作}).then(()=>{调用resolve()})
2021-08-13 10:10:47
20
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人