- 博客(35)
- 收藏
- 关注
RSS订阅原创 react项目中使用绝对路径
在项目的根目录创建一个名为jsconfig.json的文件，粘贴以下内容后，重启项目即可。之前项目中经常见到的@/path，这种绝对路径有 不能点击跳转到引用源 的问题。下面是使用的截图，很简单。
2023-04-03 16:03:08
203
原创 去除对象中的falsy值，过滤对象中指定条件的属性
replacer函数会执行到内部，写好过滤条件，将不需要的值返回undefiend，就会触发JSON.stringify忽略undefined的特性。
2023-03-10 15:45:34
164
1原创 javascript 堆栈 和 深浅拷贝
堆栈, JavaScript1、栈(stack)和堆（heap） stack为自动分配的内存空间，它由系统自动释放；而heap则是动态分配的内存，大小也不一定会自动释放2,数据类型Js数据类型可以区分为:基本数据类型和引用数据类型基本数据类型: Number, String, Boolean, Null, Undefined引用数据类型: Object（在JS中除了基本数据类型以外的都是对象，数据是对象，函数是对象，正则表达式是对象）基本数据类型储存在栈内存中, 在栈内存中的基本数据段, 数
2022-03-02 09:39:50
184
原创 移除进度条代码
移除浏览器进度条代码 html { /*隐藏滚动条，当IE下溢出，仍然可以滚动*/ -ms-overflow-style: none; /*火狐下隐藏滚动条*/ overflow: -moz-scrollbars-none; } /* chorom */ ::-webkit-scrollbar { display: none
2021-04-27 17:22:40
170
原创 JS自执行函数
顾名思义，代码执行时自动执行的函数 console.log( (function aaa(a, b) { return sum = a + b ; })(1, 2) )//返回3也可以这么写二、 console.log( (function fff(a) { return sum = a + 1 }(1)) );//返回2自执
2021-04-27 16:34:49
77
原创 --save和 --save-dev
npm i 包名 -s npm intall 包名 --save 生产环境所需依赖 线上环境 添加到 dependenciesnpm i 包名 -d npm intall 包名 --save-dev 开发测试依赖环境 本地环境 添加到 devDependencies
2021-02-19 16:00:12
83
原创 无法加载文件,因为在此系统上禁止运行脚本
问题如上图**解决办法：**以管理员身份运行powershell 输入set-ExecutionPolicy RemoteSigned选择Y，搞定
2021-02-02 20:40:00
117
转载 跨域后果、跨域的理解
什么是跨域同源策略是浏览器的一种基础安全功能, 会阻止一个域的javascript脚本和另一个域的内容交互当请求url的协议,域名, 端口三者任意一个与当前页面url不同, 就会跨域跨域的后果就是违反同源策略的后果:1.无法读取同源网页的cookies,LocalStorage和IndexedDB2.无法解除非同源网页的DOM3.无法向非同源网页发送AJAX请求注: 本文为部分转载, 完整文章请访问:https://blog.csdn.net/qq_38128179/article/deta
2021-02-02 17:02:16
961
原创 使用npm安装脚手架之后提示Vue不是内部命令
vue不是内部命令，的解决办法：有可能是“用户环境变量”的path路径下缺少npm的路径导致的。获取npm安装路径的命令行：npm config get prefix， 将这个路径添加到“用户环境变量”的path中点击windows 输入 “系统高级设置” 进入环境变量，点击用户变量，双击变量Path，添加获取的路径...
2021-01-18 11:27:59
1285
转载 [转载]Could not read from remote repository&&Please make sure you have the correct access rights
转载自：http://www.likecs.com/show-104062.html问题：有一段时间没有用码云了，当输入 git push -u origin master命令出现Please make sure you have the correct access rights and the repository exists.错误，原因：是git服务器没有发现存储本地的ssh密钥。（git服务器已经存在我电脑的ssh秘钥）解决方案：总思路：重新生成新的 ssh秘钥，再把新的秘钥添加到gi
2020-10-26 22:24:53
605
转载 Git命令[转载]
**原文链接：https://www.jianshu.com/p/93318220cdcehttps://www.cnblogs.com/zeo-to-one/p/8367801.html**git config配置 Git 的相关参数。Git 一共有3个配置文件：1. 仓库级的配置文件：在仓库的 .git/.gitconfig，该配置文件只对所在的仓库有效。2. 全局配置文件：Mac 系统在 ~/.gitconfig，Windows 系统在 C:\Users<用户名>.gitco
2020-09-24 10:16:43
1729
转载 npm和cnpm命令切换[转载自小小的梦想]
原文转载链接1.切换淘宝源npm config set registry https://registry.npm.taobao.org --global2.验证配置npm config get registry3.使用cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org方法二： 由cnpm切换npm镜像地址1.切换到淘宝cnpmnpm config set registry https://regist
2020-09-15 22:31:51
249
原创 隐藏绝对定位溢出父盒子的部分
<!DOCTYPE html><html lang="en"><head> <title>绝对定位溢出隐藏</title></head><style> * { margin: 0; padding: 0; } h2 { color: gray; } .parent { width: 100%; .
2020-08-31 21:16:27
1043
原创 Eslint的严格模式
Vue脚手架中创建的项目时到这一步骤, 一个顺手选了一个Eslint + standard config 了,从此走上了寻找"关闭严格模式"的路上有人推荐在.gitignore配置文件中: src/.DS_Storenode_modules/dist/src这个确实能屏蔽Eslint的严格模式,添加屏蔽目录之后,需要重启运行项目,但是要知道.gitignore中添加项目文件夹主要是为了不上传这些文件夹中的内容,比如node_modules文件夹中的依赖文件,就不需要上传,用这种方法屏蔽了src
2020-07-01 23:15:00
6380
原创 Vant按需引入组件，需要注册才能使用
在使用Vue第三方组件的时候,需要进行注册,但是在官方文档中只字未提,真让人火冒三丈。Vant官方文档中给的使用教程,是这样的,但是我们实际使用的时候,不仅需要引用组件,还需要在components中注册组件,下面有案例<template> <div class="hello"> <!-- 输入任意文本 --> <van-field v-model="text" label="文本" /> <!-- 输入手机号，调起手机
2020-06-18 10:38:34
2199
原创 v-for报错[Avoid using non-primitive value as key, use string/number value instead]
警告如下:警告代码如下:警告翻译为: 避免使用非基元值作为键，而是使用字符串/数字值。解决办法:将Key值替换成index,即索引
2020-05-29 16:45:03
272
原创 v-html的使用注意事项,图片没有正常加载,样式没有渲染
使用v-html渲染到页面中的代码,只有文字显示了,图片没有被加载v-html中使用的图片存放路径一定要在静态资源文件夹;如果你使用的Vue CLI3之前的版本创建的项目图片存放路径应该在static津泰资源文件夹中;如果是Vue CLI3版本及以上则需要将文件放在public文件夹下(Vue CLI在3版本项目的目录有所变化,静态资源文件夹改为了Public)渲染过来的代码并没有成功挂...
2020-04-19 23:36:38
2317
原创 width和padding踩的坑~为什么div设置padding被挤出去了
简言之,width设置100%之后,设置padding会将盒子的宽度撑破,超出100%所以需要设置padding的盒子不能同时设置width=100%
2020-04-03 22:04:31
1555
原创 事件的冒泡和捕获
事件的冒泡,简言之,事件的触发顺序从内部开始例子如下:var box_father = document.getElementById('box_father'); var box_grandfather = document.getElementById('box_grandfather'); var p1 = document.getElementById(...
2020-01-09 11:05:22
106
原创 三张图了解offset、client、scroll
offsetTop是元素与offsetParent上方的距离offsetLeft是元素与offsetParent左方的距离offsetHeight和offsetWidth分别是元素的高度和宽度（边框+内边距+内容）offsetParent会返回最近的拥有定位的元素(position属性),如果父级元素和所有上级元素都没有定位,会返回body元素详细的offsetParent请看https...
2020-01-08 18:58:23
150
原创 批量重命名软件
接触过Adobe全家桶或者接触过PS的朋友,应该会熟悉Br(Adobe Bridge),这个软件可以用来批量重命名文件,上手非常方便百度云链接但是对于批量命名有些复杂的就不好处理了,比如去掉多个文件的名称前缀,或者后缀然后在B站大佬的指引下找到了金舟批量重命名软件,这个软件的功能能满足基本使用,例如去掉前后缀,添加前后缀,替换指定字符等直接在百度搜索即可,也可以使用百度云盘链接...
2019-12-20 14:12:43
395
原创 webpack入门,webpack报错
我遇到的报错问题最终通过改变webpack版本为3.0.0解决,下图第一行就是安装命令遇到同样问题的肯定不只有我,因为看黑马教程的时候,有很多弹友心态都炸裂了按照B站中教程https://www.bilibili.com/video/av50680998?p=87中步骤输入指定的cmd命令,会报错不断,但是教程此集中,老师却没有报错,哈哈哈,因为版本不同webpack3和webpack4...
2019-12-19 17:45:48
140
原创 npm的简单使用
第一步:下载nodejs安装文件并且安装,建议使用默认目录[https://nodejs.org/zh-cn/download/](https://nodejs.org/zh-cn/download/)第二步:打开cmd跳转到指定目录下,进行初始化,初始化代码是npm init -y, -y是跳过一些可选择内容第三步:使用npm下载需要的文件,例如jquerynpm会在指定路径下创建...
2019-12-10 14:10:33
207
原创 let和const
简言之var 特点:可以重复声明无法限制修改没有块级作用域let特点:不能重复声明变量-可以修改,块级作用域const特点:不能重复声明常量-不能修改,块级作用域代码块中有点乱请见谅!!<body> <input type="button" value="非常卡爱的按钮1"> <input type="button" value...
2019-12-08 11:00:26
73
原创 箭头函数=>
//简言之,箭头函数就是一种简写形式,减少几个字母的代码量 //书写方式就是将function去掉,在形参列表后面添加=> function fun(x, y) { return x + y; } //如果只有一个return,花括号{}可以省略 var fun = (x...
2019-12-08 10:16:41
111
原创 display:none和visibility:hidden隐藏元素时的区别
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
2019-12-01 11:39:28
137
原创 tableindex更改tab切换顺序
tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序，即焦点的顺序，若把tabIndex属性设为一个负值（如tabIndex="-1"），那么这个链接将不会被tab选中以下代码中使用tab切换顺序是Google→W3School→MicrosoftW3Cschool原文链接<!DOCTYPE html><html><body><a ...
2019-11-30 13:15:15
512
原创 Bootstrap字体图标导入
在CSS中引入以下代码,注意引入路径,以及路径下是否存在以下内容@font-face { font-family:Glyphicons Halflings; src: url(fonts/glyphicons-halflings-regular.eot); src: url(fonts/glyphicons-halflings-regular.svg); src: url(fonts/g...
2019-11-29 10:06:06
450
转载 XHTML简介以及与HTML的差异
W3Cschool手册链接XHTML 是更严格更纯净的 HTML 代码~~~~~~~~它的书写规范相对于HTML要更加严格XHTML是集HTML和XML的优点于一身的结合体,致力打造更加规范的标记语言XHTML 是什么？XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）。XHTML 的目标是取代 HTMLXHTML 与 H...
2019-11-28 20:06:29
253
原创 什么是ES6？
什么是ES6？ES6（全称:ECMAScript 6）是JavaScript语言的标准， Mozilla公司将在这个标准的基础上，推出JavaScript 2.0。ECMAScript是JavaScript语言的国际标准，JavaScript是ECMAScript的实现。ES6官方中文教程：http://es6.ruanyifeng.com/...
2019-09-02 14:33:55
600
原创 vs code的中的一些方便的快捷键
vs code的中的一些方便的快捷键CRTL+ENTER:是换行,但是如果光标在代码中间,可以直接换行,相当于先把光标移动至行末尾进行换行CRTL+SHIFT:在上一行和本行之间做回车,不改变本行的代码结构按住ALT按键使用⬆⬇可以用来移动位置光标所在行的代码SHIFT+ALT+F:快速格式化代码格式代码,需要安装Beautify插件SHIFT+ALT+⬆⬇:快速复制当前行代码...
2019-08-25 22:50:21
127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人