
前端自学ing
自学前端中的零碎知识点
Augender
这个作者很懒,什么都没留下…
展开
-
【面试补漏】vue.$nextTick的原理
$nextTick的原理原创 2022-09-03 10:58:00 · 854 阅读 · 1 评论 -
this的理解
this原创 2022-07-11 16:17:27 · 296 阅读 · 0 评论 -
【面试计网篇】
一、Http和Httpshttp用于3W服务器传输超文本到本地浏览器的超文本传输协议,https以安全为目标的http通道,在http基础上加上SSL层进行加密,就是建立一个信息安全通道来确保数据的传输,确保网站的真实性两者比较http是明文传输,不太安全,https是具有安全性的SSL加密传输协议,可防止数据在传输过程中被篡改、窃取等,确保数据的完整性http的默认端口号是80,https是443http的连接时无状态的比较简单,https的握手阶段较费时,会使页面加载时间延长50%,增原创 2022-04-24 21:35:17 · 713 阅读 · 0 评论 -
【自备】vue引入第三方图库
无论是elementui还是vant3组件库好像图标都比较少,当有其他需求时还是得借助其他图库(此处以阿里巴巴矢量图库为例)1.进入图库(未注册的先注册噢),选好需要的加入购物车在购物车处选添加到项目就跳到这个界面,按步骤点击,浏览器右上角就有下载的文件了,把下载的文件打开下载的文件夹打开可看到把这个文件夹复制到vue项目的assets文件夹下到vue项目的main.js文件中引入iconfont.css文件怎么用(比如把图标防在span中)图标名在哪里找呢:进去可以看到原创 2022-04-09 21:47:14 · 1102 阅读 · 0 评论 -
【面试css篇】
标准盒模型(box-sizing:content-box)width=content总宽度=width+padding+border+marginIE盒模型(怪异盒模型)(box-sizing:border-box)width=content+padding+border总宽度=width+margin注:其实最终结果是一样的,只是浏览器解析的区别2.css选择器和优先级优先级:原创 2022-04-03 15:24:41 · 685 阅读 · 0 评论 -
轻松理解线程与进程
先认识并行处理A=1=2B=20/5C=9*7一般我们执行这段代码会按顺序,依次执行,即单线程来处理程序:任务1:计算A任务2:计算B任务3:计算C任务4:显示计算结果若采用多线程:任务1:同时计算A B C(并行处理)任务 2:显示计算结果显而易见:并行处理可以大大提高性能进程和线程多线程可以并行处理任务,但是线程不能单独存在,它要由进程来管理和启动进程:一段程序的运行实例。就是一段程序要执行时,操作系统会给它分配一块内存用来放代码、运行中的数据和一个执行任务的主线程,这样原创 2022-03-30 11:34:17 · 544 阅读 · 0 评论 -
【报错】VScode中js语法报类型注释只能在TypeScript文件中使用
原因:Vsco的默认解析ts,解析不了js,经常会在import XX字眼处报这个错解决:见标识处步骤即可打开vscode的setting.json配置文件然后添加上代码"javascript.validate.enable": false重启一下vscode就好啦...原创 2022-03-27 23:41:38 · 4643 阅读 · 1 评论 -
vue+vant修改样式
1、当<style>没有scoped时在浏览器的开发者工具(F12)里定位到你要修改的组件上比如说我需要修改这个span里的文字大小,可以找到class=".van-tab__text–ellipsis",然后在你的<style>里直接写样式他会覆盖原来vant组件默认的样式2、有scoped时很多时候我们只想要修改当前页面的这个组件样式,就不可避免要用到scoped,但如果还是像上面的方法修改的话会发现修改无效,这时需要用到深度选择器.>>>可用原创 2022-03-27 15:04:40 · 4485 阅读 · 1 评论 -
闭包的理解
什么是闭包闭包:能够访问自由变量的函数或者说闭包=函数+能访问的自由变量结合之前博文执行上下文的理解,当B函数想要访问A函数中的变量时,本来A函数执行完它的函数执行上下文会弹出执行上下文栈,连同里面的变量对象一起被销毁,但由于B函数还要引用A的变量,js让A函数的AO(函数变量对象,有变量、函数等)还存活在内存中,B函数可以通过A函数的作用域链找到它,B函数和它引用的A函数中的变量的组合就叫闭包,其实就是说的是B函数啦,因为B函数内引用了A函数中的变量分析《JavaScript权威指南》中的一个例原创 2022-03-25 20:51:34 · 1648 阅读 · 1 评论 -
执行上下文的理解
为什么出现上下文js引擎是一段一段代码来执行的,但不一定是按代码顺序来执行代码的。另外js引擎可执行的代码有全局代码、函数代码、eval代码。当执行一个函数时,会做一些准备工作,就叫做执行上下文。执行上下文栈js引擎创建了执行上下文栈(ECS)来管理执行上下文模拟执行上下文执行过程,设执行上下文为一个数组ECStack=[]js 引擎要解释代码时先遇到全局代码,所以初始化时先向执行上下文栈压入一个全局执行上下文(gobalContext),只有全部执行完才清空ECStack,所有代码执行完之前原创 2022-03-24 23:02:32 · 1644 阅读 · 2 评论 -
var、let、const区别及作用域、作用域链
1.var声明全局变量,与window的属性等价var a=1;console.log(window.a);//1var声明的变量有变量提升(可以先用再声明)console.log(a);//1var a=1;可以重复声明,后面声明的覆盖前面的var a=1;function f(){var a=2;}f()console.log(a)//2若一个变量不声明就当作全局变量var a=1;function f(){a=2;}f()console.log(a)//2原创 2022-03-24 19:41:39 · 859 阅读 · 0 评论 -
原型与原型链的理解
1.为什么有原型的存在例如人Person这个构造函数,它有一些公共方法和属性,不想每次创建一个实例重复添加属性,这时让构造函数的原型来存储这些公共方法和属性,节约内存2.帮助理解的图(必看)3.基本概念乍一看图好复杂,先不急,先记住以下概念:1._proto_和prototype: js对象分为函数对象和普通对象,js对象都有_proto_这个属性,确切说是对象的[[prototype]]属性,只是在一些主流浏览器中会用_proto_来表示[[prototype]],那么顺带提一下,在ES5中用原创 2022-03-21 23:15:41 · 205 阅读 · 0 评论 -
图片左(右)的文字垂直居中
属性:vertical-align: middle; <img src="../assets/电子名片.png" alt="图片加载失败" style=" width: 50px; vertical-align: middle; margin-left: 20px; margin-right: 20px; "原创 2022-03-19 15:09:33 · 468 阅读 · 0 评论 -
引用element-ui报错
error: ‘E:\VueSavelace\demo-vue_shop\node_modules\element-ui\lib\element-ui.common.js’ imported multiple times (import/no-duplicates) at src\plugins\element.js:3:24:问题:多次引用element-ui解决:将要引入的组件写在一起,只写一个import { Button, Form, FormItem, Input } from ‘elemen原创 2021-12-16 17:32:55 · 1317 阅读 · 0 评论 -
vue3想用@/来代表src路径
找到项目中node_modules这一依赖文件夹查看此文夹下是否有path文件夹,若没有在终端下载一下就有了npm install path --save在vue.config.js(若没有就自己新建吧)中输入以下代码来配置const path = require("path");function resolve(dir) { return path.join(__dirname, dir);}module.exports = { chainWebpack: (co..原创 2022-03-13 09:12:40 · 2539 阅读 · 0 评论 -
报错:nodemon : 无法将“nodemon”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路 径正确,然后再试一次。
背景:vscode中用npm install -g nodemon全局安装完nodemon后,nodemon serevr.js报错nodemon :无法将“nodemon”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。解决方法:改为:npx nodemon server.js,表示用管理员权限来执行命令...原创 2022-03-04 15:31:50 · 775 阅读 · 0 评论 -
解决vscode对js代码报ts的语法错误
最近在写代码时遇到个可糟心的问题:将.js文件逐一打开后有多处地方有红色波浪线,但其实运行起来是不报错的,但我这暴脾气实在看不了 ,然后全网搜解决办法,其实将鼠标放上去会发现它的报错信息后都跟着(ts),所以我觉得应该是以ts的检验语法在检查js代码,话不多说,解决办法:在设置中搜validate->往下滑找到Tyscript>Validate:Enable选项,取消勾选->重启一下vscode就可以啦...原创 2022-02-28 19:32:02 · 17406 阅读 · 5 评论 -
想让table的列宽自适应单元格内容长度
element-ui有一个fit属性,将它设为true的话可以撑开表头,意思是一个表格的表头和单元格是分开渲染的,当所有表头长度加起来小于表格的固定长度,fit就可以撑开表头来撑满这个长度;现在我遇到这样的效果了:可以看到日期那两列的内容就会换行,我想让它在一行显示美观些解决方法:安装插件:npm install v-fit-columns --save在js处引用:import Vue from 'vue';import Plugin from 'v-fit-columns';Vue.原创 2022-02-21 21:41:22 · 1343 阅读 · 1 评论 -
vuex的基本使用以及如何向dispatch传递多个参数
文章地址转载 2022-02-13 17:08:57 · 3518 阅读 · 0 评论 -
vue中的插槽slot超详细解读
参考文章转载 2022-02-12 16:34:41 · 235 阅读 · 0 评论 -
axios介绍与使用说明 axios中文文档
文档地址转载 2022-02-12 16:01:37 · 302 阅读 · 0 评论 -
Vue路由传参详解(params 与 query)
参考文章转载 2022-02-12 16:00:00 · 91 阅读 · 0 评论 -
vue的.native修饰符
有时候,你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。例如:<my-component v-on:click.native="doTheThing"></my-component>组件的根元素是组件名标签,是组件的html具体实现简单点理解就是:给普通的HTML标签监听一个事件,之后添加 .native 修饰符是不会起作用的。例如:HTML代码<div id="app"> <a href="#" v-原创 2022-02-11 18:14:00 · 654 阅读 · 0 评论 -
watch监听
watch用法和其相关属性例如:<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div>new Vue({ el: '#root', data: { firstName: 'Dawei', lastName: 'Lou',原创 2022-02-11 17:42:57 · 387 阅读 · 0 评论 -
报错提示:at-rule or selector expectedcss(css-ruleorselectorexpected)
.vue文件中样式部分:原创 2022-02-06 15:57:29 · 8119 阅读 · 1 评论 -
【自备】gitee那些事
将初始化的vue项目上传到仓库使用命令形式提交代码到仓库。进入到项目目录,按住Shift+鼠标右键, 打开PowerShell终端把所有代码文件添加到本地暂存区 git add .然后需要先把代码提交到本地仓库 git commit -m "你自己写的说明"使用git status 查询当前工作目前状态。如下图,显示当前位于master分支,工作目录是干净的在PowerShell中,进入当前项目的目录,输入 git remote add origin "仓库地址"回车,没有任何提示,即成功。转载 2022-01-23 15:00:20 · 870 阅读 · 0 评论 -
vscode的js语句总不让我换行
气死了,感觉vscode的格式化配置总是让我恼火,突然就不让我换行了,一保存就自动把下面的语句挪上去,结果三四句都在一行,比如说没保存是这样的,一ctrl+s就搞在一行了解决方法:在插件商店那搜索:JS-CS-HTML Formatter将它禁用再重启一下就可以继续啦...原创 2022-01-21 16:26:36 · 795 阅读 · 0 评论 -
CSS的calc() 函数注意点
CSS中calc()运算函数失效的原因:可能是运算符前后要有空格,例如:width:calc(100% - 30px);原创 2021-10-11 15:36:49 · 211 阅读 · 0 评论