- 博客(26)
- 资源 (1)
- 收藏
- 关注
转载 前端面试题集合
一场前端面试无非包含前端基础(js/css/html5/es6)、算法(排序、动态规划)、项目(vue / node)、计算机基础(计网/数据库/数据结构/操作系统)、工程化(webpack/vite)等。js基础要准备好promise系列、JS语法系列、ES6系列,
2024-08-20 10:07:21 14
原创 使用router-view标签时报错:Uncaught TypeError: Cannot read property ‘XXX‘ of null
在使用vite2.0搭建vue3.2项目时,在安装使用路由时在app.vue文件中放入<router-view />标签时报的错误;解决方法:1.删除已安装的依赖包:node_modules2.重新进行安装:cnpm i;3.重新安装路由: cnpm i vue-router@4 -S;4.重新运行问题得到解决;...
2022-02-08 21:19:35 2067 1
原创 运行cnpm install 时报 在此系统上禁止运行脚本 的错误
解决方法一:通过cmd进入项目目录,查看是否安装cnpm,已安装的直接运行 cnpm install 命令直接安装。解决方法二:1.在电脑的搜索功能中搜索Powershell,以管理员身份运行window Powershell,如图:2在powershell 中运行 set-ExecutionPolicy RemoteSigned, 然后选择 Y 回车即可,如图:注:系统禁止运行脚本的原因首次在计算机上启动 Windows PowerShell 时,现用执行策略很可能是 Restricted.
2022-01-21 23:52:39 2687
原创 git Could not read from remote repository.
解决方法:添加ssh-key( 可删除原来的从新添加一次)1..ssh文件位置:C:\Users\Administrator\.ssh2.远程仓库的ssh key中添加3.cmd中测试:ssh -T git@github.com4.push到远程仓库: git push --set-upstream origin master 注:生成ssh公钥认证所需的公钥和私钥文件ssh-keygen -t rsa -C...
2020-08-06 10:00:15 151
翻译 eslink 超严格模式使用规范
参考链接声明变量1.避免使用 var 声明变量;多使用const 和 let2.使用对象方法简写// badconst atom = { value: 1, addValue: function (value) { return atom.value + value; },};// goodconst atom = { value: 1, addV...
2019-02-27 10:48:40 1835
原创 vue2 学习
1.vue加载流程:new vue() > beforeCreate > 加载data属性,methods属性 》 create 》 加载dom > beforeMount > 加载template >mounted > ...2.mixins的使用:个人理解mixins就是定义一部分公共的方法或者计算属性,然后混入到各个组件中使用,方便管理与统一...
2019-01-24 14:37:56 13
原创 this 学习
[链接] (https://juejin.im/post/5c428ce0f265da612b13dca7?utm_source=gold_browser_extension)1.指向问题this指的是函数运行时所在的环境,如果一个函数内部有this,this一个对象,指向哪个对象呢,取决于函数的运行环境,如果这个函数在全局下运行,则this指向全局,如果在某个对象中运行,则this指向这个对...
2019-01-21 16:42:04 133
原创 for of 基本见解
[原理链接] (https://juejin.im/post/5c40484bf265da61171cfb4d)[code链接] (https://codepen.io/ewet/pen/wRVvqo?editors=1111)个人总结:1.不能遍历对象2.原理:每个数组中都实现了一个Symbol.iterator()方法,这个方法中有一个next()方法,next方法输出每个项的值和是否...
2019-01-19 15:15:51 219
原创 URI和URL的区别
1.URI和URL。URI:统一资源标识符,服务器资源名被称为统一资源标识符。比如: img src="images/image.png"/URL:统一资源定位符,描述了一台特定服务器上某资源的特定位置。比如: img src="data:image/png;base64,FDDFKFKOKERKGOERKGEORKGPR"...
2019-01-19 08:59:19 140
翻译 background 学习
问题1隐藏元素(display: none;)的 background-image 到底加不加载呢?不同浏览器的表现:ie8~ie11: 加载firefox: 不加载chrome&amp;amp;amp;amp;safari: none设置在父元素不加载;设置在本身加载;...
2019-01-05 11:09:53 130
原创 前端编辑工具的常用快捷键
1.vs code快捷键功能ctrl+`切换终端ctrl+左右键一个单词一个单词的左右移动shift+左右键一个字符一个字符地选中shift+ctrl+左右键一个单词一个单词地选中ctrl+y返回ctrl+z的值shift+alt+uparrow向上复制此行shift+alt+uparrow向上添加光标...
2018-12-14 11:04:20 1581 2
原创 vue 在需要时再渲染html
vue 在需要时再渲染html方法: v-if > 具有重渲染的特性,v-show > 没有按时渲染的特性,只是显示和隐藏;参考链接: v-if和v-show 的区别
2018-12-11 09:15:58 703 1
转载 vue-router 各个属性的作用及用法
Props 属性1、to 表示目标路由的链接。当被点击后,内部会立刻把to的值传到router-push()。<router-link :to="‘home‘">/Home</router-link><router-link :to="{ path: ‘home‘ }">/Home</router-link>//命名路由&l
2018-12-06 09:53:12 9596
原创 vue 安装less
第一步:安装less依赖,npm install less less-loader --save第二步:修改webpack.config.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加{test: /\.less$/,loader: "style-loader!css-loader!less-loader",},...
2018-12-05 11:35:52 2696
原创 VUE 项目dependency was not found: * !!vue-style-loader!css-loader? 解决方案
用npm run dev 运行vue项目时,出现以下错误:ERROR Failed to compile with 1 errors ...
2018-12-05 10:59:33 842
原创 vue 中 import 、 export 和 export default 的注意问题
a、import引入一个依赖包,不需要相对路径。import 引入一个自己写的js文件,是需要相对路径的。示例:import axios from ‘axios’;import AppService from ‘./appService’;b、(1)import什么情况下,要用{}的方式引入,什么情况下,只需要一个变量就行。(1)使用export抛出的变量需要用{}进行impo...
2018-11-30 15:31:19 3640
原创 vue key值的 重复键 问题
在vue中,同一组件中兄弟元素之间使用for循环遍历数组,每一个for的key值不能使用下标来表示,不然这样会出现以下错误,也就是出现重复键的问题:[Vue warn]: Duplicate keys detected: '0'. This may cause an update error.解决:可以使用给每个可以加上一定的数值或字符来标记不同;例:index+10 / ...
2018-11-28 10:17:45 7032
原创 js 对象操作方法
1..Object.assign()Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。const object1 = { a: 1, b: 2, c: 3};const object2 = Object.assign({c: 4, d: 5}, object1);console.log(object2.c...
2018-11-24 14:26:45 3823
原创 弹性盒子使用技巧
兼容性:ie11+;Webkit 内核的浏览器,必须加上-webkit-前缀。注: 设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。 弹性盒子里面的子元素(div)都是iline-flex行内弹性布局常用属性:1.flex-direction 属性指定了弹性子元素在父容器中的位置。flex-direction:...
2018-11-24 09:58:23 1549
原创 svn 和 git 的区别 及 git 的基本使用和原理
1.svn 为集中式版本控制系统, 集中式版本控制系统最大的毛病就是必须联网才能工作(实际),版本库是集中存放在中央服务器的,假如中央服务器是关闭状态,项目有可能运行不起来(有待验证);2.git 为分布式版本控制系统,不需要联网既可以在自己的电脑上进行工作;3.git 的安装:针对window系统可以从Git官网直接下载安装程序,安装完成后,还需要最后一步设置,使你的电脑标识本机...
2018-11-22 10:51:37 408
原创 js 数组操作的方法
1.every()every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。every() 方法使用指定函数检测数组中的所有元素:如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。 如果所有元素都满足条件,则返回 true。注意: every() 不会对空数组进行检测,every() 不会改变原始数组。2.reduc...
2018-11-13 16:52:51 148
转载 table 的使用
第1种对表格设置边框 效果站名 网址 说明 DIVCSS5 www.divcss5.com CSS学习 CSS5 www.css5.com.cn CSS切图 对应CSS代码:.table-a table{border:1px solid #F00}对应html源代码:<div class="table-a"><...
2018-11-08 17:37:14 294
原创 less的使用
注:1.类名的继承方法,只能继承兄弟级别的类名; 用法:1.变量的使用:@color: yellow;.block{ color: @color; // 变量的继承方法;}2.对函数的继承和对类名的继承的区别:// 函数.rounded-corners (@radius: 5px) { border-radius: @radius; -webkit...
2018-11-08 11:52:31 173
原创 vue组件的属性使用和不使用冒号的区别
加冒号的,说明后面的是一个变量或者表达式;没加冒号的后面就是对应的字符串字面量!列: <input :disable="true">打开</input>输出:true 或 false 值是变量/Boolean类型<input disable="true">打开</input>输出:true 值是String类型 ...
2018-10-13 10:34:34 6722 1
原创 git的操作命令
检测电脑是否存在ssh:ls -al ~/.ssh生成ssh:ssh-keygen -t rsa -C "your_email@example.com"git常用的命令:分支:查看本地分支:git branch / git branch -v查看远程分支:git branch -a查看当前详细分支信息(可看到当前分支与对应的远程追踪分支): git b...
2018-05-16 17:09:16 263
小程序.xmind
2019-10-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人