- 博客(15)
- 收藏
- 关注
原创 解决vue项目中使用/deep/报错
方法:降低sass-loader版本1.卸载当前项目中的sass-loadernpm uninstall sass-loader2.安装低版本sass-loadernpm install sass-loader@7.0.03.安装node-sassnpm install node-sass安装node-sass是因为安装低版本sass-loader需要引入node-sass依赖来支持,不然会报错(如下图)...
2021-04-18 11:15:05 1723
原创 TypeError [ERR_INVALID_ARG_TYPE]: The “path“ argument must be of type string. Received undefined
重启项目后一直报这个错,如下图解决方法:在config文件夹下的index.js中添加assetsSubDirectory: 'static',assetsPublicPath: '/',就解决了
2021-04-15 10:22:35 2540
原创 如何搭建一个Vue项目
1.node配置如果本机没有安装node就在官网下载并安装,官网下载地址:https://nodejs.org/en/ 或者 http://nodejs.cn/如果本机已经安装,就检查是否是最新版本并更新输入cmd打开命令行窗口,输入npm -v和node -v查看版本2.下载Vue、Vue-cli并进行配置npm install vue -gnpm install vue-cli -g下载完成后,在需要的目录下创建项目vue init webpack 项目名,意思是Vue初始化基于web
2021-02-24 05:33:24 117
原创 Vue的生命周期是什么
vue 实例有⼀个完整的⽣命周期,也就是从开始创建、初始化数据、编译模版、挂载Dom ->渲染、更新 ->渲染、卸载等⼀系列过程,即vue实例从创建到销毁的过程,我们称这是vue的⽣命周期生命周期经历的阶段和钩子函数创建前/后:beforecreate阶段:在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。此时vue(组件)对象被创建了,但是vue对象的属性还没有绑定,如data属性,computed属性还没有绑定,即.
2020-10-06 17:49:57 338
原创 JavaScript的事件机制
Javascript与HTML之间的交互是通过事件实现的。,事件就是文档或浏览器窗口发生的一些特定的交互瞬间,可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。还可能是 Web 浏览器中发生的事情,比如某个 Web 页面加载完成,或者是用户滚动窗口或改变窗口大小。事件对象Event当事件发生时,和这个事件相关信息包括导致事件的元素、事件的类型以及其他与特定事件相关的信息都会保存到一个特定的地方—event对象。注意:事件对象必须在一个事件调用的函数内使用才有内容;函数是不是事件
2020-10-06 11:51:04 161
原创 webStrom运行vue项目卡顿解决方法,亲测好用
在运行vue项目的时候,webStorm一直频繁indexing,项目运行特别卡。这是因为vue项目需要加载node_moudles依赖库,而这个文件异常的大。1.点击File–>Settings–>Filetypes
2020-07-16 11:54:54 1975 1
原创 浏览器内核总结
(以下为自己查阅资料所得,如有问题希望提出)一、什么是浏览器内核浏览器内核英文名:Rendering Engine,翻译为渲染引擎,顾名思义,浏览器内核决定了如何渲染页面。渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是网页编写者需要在不同内核的浏览器中测试网页显示效果...
2019-11-06 17:52:09 157
原创 浏览器的存储机制
浏览器端包括三种本地存储机制,分别为cookie、localStorage、sessionStroage。在浏览器端保存数据的好处就是再次访问浏览器该页面时可以直接从浏览器端读取数据,不用向服务器发送请求。cookie1.什么是cookiecookie是指存储在用户本地终端上的数据,同时它是与具体的web页面或者站点相关的。cookie数据会自动在web浏览器和服务器之间传输,也就是说HTT...
2019-07-31 18:41:25 1102
原创 js延迟加载的几种方法
js加载会影响后面内容的加载。js延迟记载就是等页面加载完后再加载javas文件。js延迟加载有助于提高页面加载速度1.defer属性延迟加载,会按顺序执行,在onload执行前被触发,只适用于外部脚本文件<script src="text.js" defer> </script>2.async属性async是html5新增属性,与defer相似,同样只适用于外...
2019-07-31 15:12:42 716
原创 jsonp理解及使用
前言:Jsonp是用来解决跨域问题的古老方法,而跨域是指a页面想获取b页面资源,如果a、b页面的协议、域名、端口、子域名不同,或是a页面为ip地址,b页面为域名地址,所进行的访问行动都是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源(同源策略),典型的例子如iframe窗口和window.open方法打开的窗口,它们与父窗口无法通信。Jsonp是什么?Jsonp即J...
2019-07-30 11:07:30 287
原创 web前端的position定位及元素居中方式
position定位方式1.position:static 无定位(默认值)(1).元素出现在正常文档流(top、right、left、bottom等属性不使用)(2).当没有对一个元素指定定位时,使用static(默认),也就是按照文档的流式(flow)定位,将元素放到合适位置(3).在不同分辨率下,采用流式布局可以很好地自适应,取得较好布局2.position:inherit 继承父...
2019-07-27 08:21:23 3038
原创 css及css3选择器
css选择器1、基本选择器通配选择器(*):获取所有元素子元素类型选择器(如:div):获取该类型的所有元素类名选择器(如 .class):获取具有该类名的所有元素id选择器(#加上id属性的值):获取具有该id值的元素优先级:行间样式(虽然行间样式不是选择器)>id选择器>类名选择器>类型选择器>通配选择器当多个选择器优先级一致时,后面的覆盖前面的2.包含...
2019-07-21 16:12:43 148
原创 html区块元素/内联元素
区块元素(以块显示的元素)1.特点a.每个元素独占一行b.不设置宽高时,宽度等于父元素宽度,高度为0;有内容时高度由内容撑开c.不解析换行符d.支持所有样式2.常见区块元素div(盒子)、ul(无序列表)、ol(有序列表)、dl(定义列表)、li(列表的项)、p(段落)、h1~h6(网页中的标题,从大到小)、table(表格)、form(表单)、pre(源代码)、hr(分割线)3....
2019-07-21 11:08:58 678
原创 三栏式布局的圣杯布局与双飞翼布局
圣杯布局与双飞翼布局都属于三栏式布局,是一种两边盒子固定宽度,中间盒子自适应的布局。圣杯布局和双飞翼布局相同点:1.父元素包含左中右三个子元素,分别左浮动2.中间元素宽度100%(必须为第一个渲染)3.用margin-left的负值将三个盒子位于同行,其中左元素负值-100%,右元素-右盒子宽度4.在父元素上清除浮动圣杯布局:A.不同点:1.用左右padding为左右盒子留出位置...
2019-07-20 09:10:39 207
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人