- 博客(29)
- 收藏
- 关注
RSS订阅原创 vscode 快速生成.vue组件模板代码
第一步：打开vscode,找到左下角的设置按钮-用户代码片段第二步：输入vue，打开vue.json文件，在文件中输入以下代码：{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>$0</div>", "</template>",
2020-06-14 20:55:53
535
原创 You may use special comments to disable some warnings.
npm run dev出现：解决：注释build/webpack.base.conf.js文件的第44行代码，如下图示：
2020-06-14 20:51:09
200
原创 谷歌浏览器通过debugger调试
js代码<body> <p id="demo"></p> <p>开启 debugger ，调试模式下代码会在 debugger 处停止执行。</p> <script> var x = 15 * 5; debugger; console.log(x); document.getElementById("demo").innerHTML = x;
2020-06-03 17:33:28
1637
原创 如何查找本机ssh秘钥或文件路径
在安装Git前提下，打开Git Bash Here1、输入 cd ~/.ssh 进入到.ssh 文件夹2、输入 ls 查看.ssh 文件夹里面的文件，有 id_rsa id_rsa.pub known_hosts ，ssh秘钥就在 id_rsa.pub文件里3、输入vim id_rsa.pub编辑id_rsa.pub文件，直接复制ssh秘钥即可4、若需要找秘钥文件路径的话，输入pwd，就可以看到路径了...
2020-05-31 22:24:11
13899
原创 Unexpected end of JSON input while parsing near
npm install 出现：npm ERR! Unexpected end of JSON input while parsing near '...0.0","string-width":"'npm ERR! A complete log of this run can be found in:npm ERR! C:\Users\Gladys\AppData\Roaming\npm-cache\_logs\2020-05-27T12_56_29_397Z-de
2020-05-30 22:32:00
198
转载 详说javaScript中的深浅拷贝
前端工作用到，面试必考的一个知识点~看到一篇不错的文章，略微经自己理解修改了下，分享给大家~一、为什么会有深浅拷贝？在说深浅拷贝之前，需要先了解下js的数据类型：数据分为基本数据类型(String, Number, Boolean, Null, Undefined，Symbol)和引用数据类型（Array，Object）基本数据类型的特点：直接存储在栈(stack)中的数据引用数据类型的特点：存储的是该对象在栈中引用，真实的数据存放在堆内存里引用数据类型在栈中存储了指针，该指针指向堆中该实
2020-05-30 22:22:17
222
原创 Vue npm ERR! code ELIFECYCLE
npm install出现：npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! node-sass@4.11.0 postinstall: `node scripts/build.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the node-sass@4.11.0 postinstall script.npm ERR! This is probably not a problem with
2020-05-28 11:13:01
334
转载 使用fildder网页web远程抓包详细教程
经过本人亲测有效的一篇文章，斜体部分内容是在原创的基础上进行了补充或修改一.Fiddler简介Fiddler（中文名称：小提琴）是一个http协议调试代理工具，可以将网络传输发送与接受的数据包进行截获、重发、编辑、转存等操作。也可以用来检测网络安全。二.Fiddler版本Fiddler有Fiddler2和Fiddler4，两者区别在于，基于的framework不同，也就是系统支持不一样，功...
2020-04-26 13:50:35
1080
原创 Vue项目中包含穿透的样式页面使用less
<style scoped lang="less">/* 页面样式 */</style><style scoped>/* 穿透样式*/</style>
2020-04-11 03:32:36
209
原创 如何在Vue项目中使用less
第一步 npm 安装lessnpm install less less-loader --save第二步 修改webpack.base.conf.js修改位置：build文件夹—webpack.base.conf.js–module.export—moulde—rules,在rules里添加以下代码{ test: /\.less$/, loader: "style-loader...
2020-04-11 03:31:53
677
原创 cnpm : 无法加载文件 C:\Users\Gladys\AppData\Roaming\npm\cnpm.ps1
问题运行cnpm，报错如下：解决①打开power shellWins+X，然后点击Windows PowderShell(管理员)(A)，如图所示②输入：set-ExecutionPolicy RemoteSigned，然后在最后输入A，回车即可，如图所示...
2020-03-25 20:12:16
184
原创 Vue页面内锚点跳转
问题在vue项目中，在导航栏内用href跳转页面，刷新后页面消失刷新前：刷新后：解决html:<ul> <li><a @click="jump('#project')">作品展现</a></li> </ul>js:methods: {const downloadEle = document.que...
2020-03-14 05:11:02
2195
原创 在Linux系统下安装MySQL
安装前提：系统为CentOS 7.3利用yum安装第一步：下载MySQL安装包wget http://dev.mysql.com/get/mysql57-community-release-el7-7.noarch.rpm第二步：将MySQL包添加到yum repositoryyum localinstall mysql57-community-release-el7-7.noarc...
2020-02-24 15:56:27
117
原创 Vue项目打包后整体页面缩小的坑
这两天发现一个特别奇怪的问题，做好的Vue项目打包后页面整体都缩小了，然后去度娘上搜索解决方案，但是上面都是页面放大或者防止页面缩小放大的解决方案，好不容易搜到有类似的标题，但是没有解决方案，百思不得其解，各种方法都试过了，都无济于事，不知道你们是否有遇到过这样的问题？后来，我想着将打包后的页面放大看看，结果一打开就发现问题所在了，打包后的页面是按100%来显示的，而打开的本地项目页面是按125...
2020-02-23 18:03:18
2357
1
原创 鼠标悬停 -css如何实现鼠标移至图片上显示遮罩层及文字
搜索这个效果的时候，很多人都是用css结合jQuery实现的，其实直接用css也可以实现哦~效果前：效果后：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=d...
2020-02-20 23:00:33
5433
转载 使用css3制作一个简易的环形进度条
css： section { width: 2rem; height: 2rem; position: relative; margin: 2rem; } .wrap, .circle, .percent { ...
2020-02-18 17:27:39
267
原创 如何利用github在.md文件中添加图片
1、在github上的仓库建立一个存放图片的库，库的名字随意。如：Images-blog2、将需要在.md文件中显示的图片整理在一个文件夹中，然后push到Images-blog库中3、然后打开github官网，进入仓库的Images-blog库中，打开图片点击红框所示的按钮，copy地址4、在.md文件中填入：![Image](https://raw.githubuserconte...
2020-02-17 16:58:09
4429
转载 H5中的video标签使用
1, 下面是一个播放视频的最简单样例（controls属性告诉浏览器要有基本播放控件）<video src="hangge.mp4" controls></video>2，通过width和height设置视频窗口大小<video src="hangge.mp4" controls width="400" height="300"></video...
2020-02-16 17:00:47
561
原创 built files are meant to be served over an HTTP server. Opening index.html over file:// won't work
npm run build之后，出现提示：Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won‘t work.打开dist文件夹里的index.html文件，页面无法显示，控制台报错如下：解决1：将绝对路径改为相对路径**修改目标文件：**项目目录 &...
2020-02-10 23:41:59
3857
转载 BFC原理
一、常见定位方案在讲 BFC 之前，我们先来了解一下常见的定位方案，定位方案是控制元素的布局，有三种常见方案:普通流 (normal flow)在普通流中，元素按照其在 HTML 中的先后位置至上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为完整的一个新行，除非另外指定，否则所有元素默认都是普通流定位，也可以说，普通流中元素的位置由该元素在 HTM...
2020-01-18 15:27:50
149
转载 CSS水平居中+垂直居中+水平/垂直居中总结
目录水平居中 行内元素 块级元素 方案一：(分宽度定不定两种情况) 方案二：使用定位属性 方案三：使用flexbox布局实现（宽度定不定都可以）垂直居中 单行的行内元素 多行的行内元素 块级元素 方案一：使用定位 方案二：使用flexbox布局实现（高度定不定都可以）水平...
2020-01-18 15:08:29
163
原创 px、em、rem的区别
pxpx是英文pixel的缩写，意思是像素，为相对长度单位。像素px是相对于显示器屏幕分辨率而言的。特点IE无法调整那些使用px作为单位的字体大小；国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。emem是相对长度单位，相对于父级元素的字体大小，所以em的值...
2020-01-09 12:48:17
456
原创 W3C标准盒模型与IE盒模型区别
今天被这两个盒模型搞得有点晕。。。。。。最初的时候是看菜鸟教程学习的，菜鸟上的盒模型解释是这样的刷面试题的时候牛客网上的盒模型的面试题答案是这样的what？怎么同样是说盒模型的宽度，却是不同样的解释？接着我去MDN上搜，MDN上好像没IE盒子模型的解释，不知道是不是我没看清楚还是怎么的，但是我终于知道这是为什么了接着，问题又来了，我太难了，这个IE模型究竟是怎么回事呢？然后我去看大神...
2020-01-08 00:14:59
194
1
转载 你知道为什么JavaScript是弱类型语言吗
在学习JavaScript的时候，说JavaScript是弱类型语言。那为什么JavaScript是弱类型语言呢。但是在此之前我们需要了解一下弱类型语言，和强类型语言的区别。强类型定义语言和弱类型定义语言1）强类型定义语言：强制数据类型定义的语言。也就是说，一旦一个变量被指定了某个数据类型，如果不经过强制转换，那么它就永远是这个数据类型了。举个例子：如果你定义了一个整型变量a,那么程序根本...
2020-01-05 14:14:51
923
原创 如何理解操作对象实际上是操作对象的引用？
JS中的变量是保存在栈内存中的而对象是保存在堆内存中的，每个对象在堆内存中都占有自己的空间js中我们不能直接操作堆内存，由变量保存对象的内存地址，即对象的引用，然后通过变量才能找到对象，好比如找一个地方，地方那么多，世界那么大，而我们不能直接就到达那个地方，需要通过地址去找到一样例：var person = new Object() person.name = "John" //操...
2020-01-03 00:11:43
399
原创 如何理解重载？
js中函数没有重载什么叫重载？重载即一个函数能编写两个定义（即相同的函数名），只要这两个定义的签名（接受的参数的类型和数量）不同即可JS中如果出现两个相同名字的函数，后面定义的函数直接覆盖前面定义的函数例：function addSomeNumber(num){return num + 100;}function addSomeNumber(num){return num + 2...
2020-01-03 00:09:12
224
原创 HTML语法规范
基本语法HTML标签是由尖括号包围的关键字，如 < html>大多数HTML标签都会有开始标签和结束标签，如< html></ html>,我们称之为双标签有双标签自然具有单标签，只是单标签极少，如< br/>标签关系双标签有两种关系，包含关系和并列关系包含关系例子：<head> <title></tit...
2019-12-24 22:31:16
130
原创 常用浏览器以及内核
常用浏览器浏览器是网页显示以及运行的平台常用的浏览器有chrome、IE、Safari、Opera、Firefox，称为五大国外浏览器，微软为了取代陈旧的IE浏览器，随着window10推出了Edge浏览器。浏览器内核浏览器内核也叫渲染引擎，负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。简单来说就是读取并显示网页内容。浏览器内核备注IETrident...
2019-12-24 22:20:39
445
原创 操作符有哪些？有什么用处？
操作符包括一元操作符、位操作符、布尔操作符、乘性操作符、加性操作符、相等操作符、关系操作符、条件操作符、赋值操作符、逗号操作符。一元操作符只能操作一个值的操作符叫做一元操作符。一元操作符包括递增和递减操作符、一元加和减操作符。1、递增和递减操作符递增和递减操作符直接借鉴于C，各有两个版本：前置型和后置型。顾名思义，前置型位于要操作的变量之前，后置型位于要操作的变量之后。前置型递增例子：...
2019-12-24 22:16:24
1094
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人