![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 54
大盗夕落
前端开发
展开
-
项目中遇到的问题分析
Component 在 router 变化的时候自动会给 router-view 把对应的组件传进来,v-slot 做为传输入口,把组件传进来,用 component :is 来动态化显示对应组件。那组件本身在哪引入的?原创 2023-03-14 16:16:34 · 135 阅读 · 0 评论 -
-D -g -S 安装命令的区别
这是只有开发环境需要的,而上线不是必须的,如webpack vite这些工具链。这是全局安装,一般是安装工具类,不管在文件的任何地方都可以使用。如:在安装element plus时使用的。, 会把包安装到开发和生产环境都需要的。在安装只有开发环境需要的依赖的时候用。中,这是程序运行需要的文件。原创 2023-03-09 08:28:01 · 259 阅读 · 1 评论 -
nodejs第六天 Express 暂停学习.....
Express 是一个 Node.js Web 应用程序开发框架,原创 2023-03-07 16:06:24 · 57 阅读 · 0 评论 -
nodejs第五天 npm yarn pnpm 包管理器
node中的包管理器叫做npm(node package manage),我们可以将自己开发的包上传到npm中共别人使用,也可以直接从npm中下载别人开发好的包。version(必备:版本号,规则:1.0.0 最后一个是修复bug,中间是增加功能,第一个是更新功能,会影响兼容。3.会自动添加package.lock.json文件,用来记录当前项目的下包的结构和版本的,提升重新下载包的速度。npm在安装node时已经捆绑一起安装了,查看npm是否安装。前边的 ^ 表示匹配最新的4.x.x的版本,如果是"原创 2023-03-07 09:27:56 · 449 阅读 · 0 评论 -
node.js 第四天 模块化CommonJs
通过exports暴露出去,require获取暴露的内容。原创 2023-03-06 14:26:10 · 299 阅读 · 0 评论 -
node.js第四天 async 和await详解
async 创建的函数其返回值会自动封装到一个Promise中返回。原创 2023-03-03 16:52:09 · 256 阅读 · 0 评论 -
nodejs第三天 宏任务微任务图解执行过程
3. 第一个Promise.resolve().then()执行完,把第二个Promise.resolve().then()放入微队列。1.把第一个Promise.resolve().then()放入微任务队列中。2.把queueMicrotask()放入队列。队列:微任务队列、宏任务队列。原创 2023-03-03 14:46:37 · 105 阅读 · 0 评论 -
node.js 学习第二天 Promise 异步
promist。原创 2023-03-02 15:46:05 · 94 阅读 · 0 评论 -
Node.js学习第一天 nvm
点击绿色的 latest 找到最新的版本,找到nvm.setup.exe下载,双击安装即可。由于nvm也是国外的的,这时候下载node可能下载不下来,要先配置镜像。Node.js 运行在服务器的js,用来编写服务器。特点:单线程、异步、非阻塞。2.使用安装工具Nvm安装。1 去官网下载手动安装。原创 2023-03-01 16:51:19 · 124 阅读 · 0 评论 -
构建工具学习第2天 (vite)
生成开发服务器 链接http://localhost:5173/打开项目。预览打包后代码, 启动项目 http://localhost:4173/打包 会生成dist文件夹。原创 2023-03-01 10:13:13 · 102 阅读 · 0 评论 -
构建工具学习第一天 (webpack)
【代码】webpack 学习第一天。原创 2023-02-27 15:32:28 · 87 阅读 · 0 评论 -
git学习第二天GitHub 和gitee (远程仓库remote)
gitgithubgitee原创 2023-02-24 09:13:08 · 353 阅读 · 1 评论 -
git 学习第一天(本地仓库)
git官网下载链接:https://git-scm.com/downloads,点击右侧电脑上的Download for Windows进行下载,按照就是傻瓜式按照,下一步即可。刚添加到项目中的文件处于未跟踪状态,比如我在test文件中新建了一个1.txt,内容也添加完这时候1.txt处于未跟踪状态。右击鼠标打开git命令窗口,配置,这一步相当于后期管理代码的一个标识,标识某人操作。: 新建一个文件夹test ,命令进入test文件夹,未修改:磁盘文件和git仓库文件相同,没有修改。原创 2023-02-23 15:03:39 · 117 阅读 · 0 评论 -
跨域解决的几种方法
跨域跨域 因为不同源浏览器断端 的 同源策略,协议 域名 端口相同 ,如果有一个不同,就会产生跨域,服务器端没有跨域。原创 2023-02-15 16:16:05 · 59 阅读 · 0 评论 -
防抖和节流
设定一个时间,当到达规定时间后执行回调函数。在这个时间里,另外的事件触发则不生效。直到事件触发的时间差大于设定好的延迟时间。继续不停输入-》监听请求-》不停清除赛道并进入赛道 -》直到输入结束-》监听结束-》最后一次清除赛道后进入赛道。input输入-》监听请求-》进入赛道等待1000ms -》:事件在我们规定的间隔 n 秒内多次执行,回调只会执行一次。-》执行demo()原创 2023-02-15 10:38:36 · 48 阅读 · 0 评论 -
2023最新WEB前端面试题大汇总(含答案)
vw只和屏幕的宽有关系,%继承父元素,如果父元素是50%,咋子元素 50% 就是父元素的一半,而vw永远只针对屏幕宽度 ,不继承父元素。两者针对的对象不同,padding:针对自身,margin:针对外部对象。var缺点 1. 声明提升,2. 没有局部作用域,3. 声明覆盖。行内元素宽由内容决定,块元素宽继承父元素。原创 2023-02-14 14:50:20 · 496 阅读 · 0 评论 -
TS学习第3天 泛型(Generic)
个函数或类时,在无法确定其中要使用的具体类型(返回值、参数、属性的类型不能确定);此时泛型便能够发挥作用;原创 2023-02-13 11:46:22 · 69 阅读 · 0 评论 -
TS第3天 Tpeyscript面向对象
一切皆对象。原创 2023-02-10 11:20:46 · 67 阅读 · 0 评论 -
TS第二天 Typesrcipt编译
上面两个模式只能编译和监视当前文件,用tsc可以编译所有文件,在改文件中新增一个配置文件,空文件即可,里边什么也不填 或者填 {}这时候执行tsc就可以编译该文档下所有文件了。手动模式:每次ts文件修改完,手动编译一次。监视模式:ts文件修改完,自动监视编译。原创 2023-02-10 08:59:54 · 257 阅读 · 0 评论 -
Ts笔记第一天
any 赋值给另外一个变量不报错,unknown 赋值给另外一个变量会报错。可以使用字面量去指定变量的类型,也可以通过字面量可以确定变量的取值范围。表示没有返回值的函数,如果有return 10 会报错。2. 安装ts -g全局安装。unknown 是一个类型安全的any,表示永远不会有结果,一般用来抛出异常。可以用类型断言来赋值 不报错。| 类型 | 例子 |数字 、字符串 和布尔类型。原创 2023-02-09 11:46:09 · 909 阅读 · 0 评论 -
用Nginx打包部署vue3项目及404和500解决
这时候可以去任务管理器中查看 是否启动成功,成功可以在任务管理器进程中看到。这个是我的配置,大家可以查看上面 第3 步 配置的具体是什么。可以看到successful 配置成功。6. 在浏览器中访问配置的路径。4. 去cmd中检查一下配置的文件,访问之后再次刷新页面会报404。5. 启动 Nginx。原创 2023-02-09 10:16:51 · 3474 阅读 · 0 评论 -
vue3+element plus 树形控件权限控制
【代码】vue3+element plus 树形控件。原创 2023-02-09 09:03:21 · 1012 阅读 · 0 评论 -
vue3+vite+ElementPlus安装和使用
vue3原创 2023-02-03 15:54:00 · 1287 阅读 · 1 评论 -
vue3+vite项目启动后自动打开浏览器配置
1). 找到左侧目录中的package.json文件,在。2)在启动后面加上 --open 即可。立即启动 并打开浏览器。原创 2023-02-02 15:07:56 · 2742 阅读 · 0 评论 -
vue项目初始化脚手架vue-cli安装
vue-cli,脚手架原创 2022-11-14 21:06:40 · 311 阅读 · 0 评论 -
html实现中间间隔一样20px两端无间隔,宽度一样布局
<style>.box{display:flex; justify-content:space-between;}.item1{background:#ccc;}.item2{background:pink;}.item3{background:#ccc;}.box div{width:calc((100% - 20px)/3);}</style><div class="box"> <div class="item1">d</div&原创 2021-07-10 19:12:58 · 608 阅读 · 0 评论 -
vue中model作为属性的用法和子组件双向绑定父组件
第一种:model作为属性的用法类型:{prop?:string,event?:string}参考官网API:model父组件<modelchild v-model="test"></modelchild>父的值{{test}}<button @click='fn'></button>……import modelchild from '@/component/modelchild'export default{data(){return{原创 2021-01-05 17:10:41 · 1155 阅读 · 1 评论 -
next.js+antd+egg.js+mysql构建我的博客系统
安装next,构建react服务端渲染框架npm install create-next-app my-app2.cd 进入my-app3. 安装next能够使用css需要的条件npm instal --save @zeit/next-css在根目录下新建一个文件 next.config.jsconst withCss = require('@zeit/next-css')if(typeof require !== 'undefined'){ require.extensio.原创 2020-09-02 18:30:18 · 1101 阅读 · 0 评论 -
react+antd中的onchange在监听值的变化时报错解决办法
在项目中监听change值变化的时候报错This synthetic event is reused for performance reasons. If you're seeing this, you're accessing the propertytargeton a released/nullified synthetic event <TextArea className="markdown-content" rows={35}原创 2020-09-19 21:04:47 · 2499 阅读 · 0 评论 -
Redux-thunk中间件
安装npm install --save redux-thunk在stroe/index.js中配置配置之前 用的 redux_devtoolsimport {createStore} from 'redux'import reducer from './reducer'//createStore生成store 接受另外一个函数 返回一个新的store对象const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION__ &&原创 2020-08-24 22:06:11 · 117 阅读 · 0 评论 -
Redux的用法详解+antd
安装antd npm install antd --save在 src/index.js 中引入 import 'antd/dist/antd.css'安装redux npm install --save redux安装Redux Devtool chrome插件创建一个文件夹 storestore/index.jsimport reducer from './reducer'//createStore生成store 接受另外一个函数 返回一个新的store对象const store =.原创 2020-08-23 16:49:22 · 334 阅读 · 0 评论 -
2020中高级前端开发的面试技术集锦
从2020年7月10号到昨晚8月18号,38天,七七八八电话面试了10家左右,能接受一个月到岗并且薪水也谈好的有5个项目组,还有两家接受不了一个月到岗就没有往下谈了,我理解是面试通过了(允许我自作多情一下),还有几家完全面的一塌糊涂,我自己也是一脸蒙蔽的那种状态,只能说自己技术菜。作为了一个已婚已育的女生,30岁找工作说实话还是挺好找的,上面5家offer我都拒了,没有接,也不是自己清高,原因是最后谈的薪水跟现在相差不多,没必要目前计划暂停一段时间,重点来提升自己的技术上。本人只会一种框架VUE,但加原创 2020-08-19 20:49:53 · 475 阅读 · 0 评论 -
vscode 初始化代码自动补全
1.安装snippets2. vscode-》文件-》首选项-》用户片段-》输入vue.code-snippets-《》弹出一个文件然后在文件职工输入{ // Place your 20200809 工作区 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and // description. Add comma separated ids of the langu原创 2020-08-09 16:33:15 · 841 阅读 · 1 评论 -
工作中的案例和解决方法
我们的表格很多都要求表头header不动,body设置max-height,超出就会出现滚动条,body{ display:blcok; max-height:400opx;}IE下隐藏滚动条.scroll_content{ -ms-scroll-chaining: chained; -ms-overflow-style: none; -ms-content-zooming: zoom; -ms-scroll-rails: none; .原创 2020-06-13 20:57:27 · 304 阅读 · 0 评论 -
今天修改代码,写了一个撑爆浏览器的bug
好吧其实没什么技术含量,但是当时我就是把自己绕进去了,代码原创 2020-06-13 20:52:28 · 215 阅读 · 0 评论 -
nuxt.js笔记
区别SSR:服务器端渲染速度快,对SEO友好CSR:客户端渲染会出现首页白屏,速度慢,是在浏览器端通过js渲染的,对SEO 不友好什么是客服端渲染vue jQuery 就是客户端如kro没有使用js,没有浏览器请求,就数据渲染的就是服务器端vue-server-renderer vue的服务器端渲染框架Nuxt.js - Vue.js 通用应用框架vue-cli 和webp...原创 2020-02-28 21:30:22 · 92 阅读 · 0 评论 -
es6中类和继承
Es5之前function Person(name,age) { this.name = name; this.age = age; } /*start*/ Person.prototype.showName = function () { return `名字为${this....原创 2020-02-04 23:02:27 · 114 阅读 · 0 评论 -
es6中的模块化 import 和import{} import()的区别和使用
注意,需要放在服务器环境在ES6之前,社区制定一套模块规则Commonjs 主要服务端 nodeJs require(‘http’) AMD require,curlJs CMD seaJsES出来,统一服务端和客户端模块规范定义模块export,引入模块importa).如何定义模块? ...原创 2020-02-04 21:24:08 · 2110 阅读 · 0 评论 -
普通函数和箭头函数中的this指向
普通函数的this指向Windowfunction a(){ console.log(this) }a() //WindowDom元素绑定事件时的this,句柄里的 this 值是该元素的引用document.onclick(function(){ console.log(this)}) //thissetInterval和setTimeout中传...原创 2019-12-26 22:57:55 · 422 阅读 · 0 评论 -
vue响应式的原理(vue双向绑定的原理)
vue2.0中用的Object.defineprototypevue3.0中使用的Proxy原创 2019-12-25 22:35:12 · 173 阅读 · 0 评论