- 博客(39)
- 收藏
- 关注
RSS订阅原创 Cannot read properties of undefined (reading ‘0‘)“
原代码：<div class="shop-header-discounts"> <div class="discounts-left"> <div class="activity" :class="supportClasses[info.supports[0].type]"> <span class="content-tag"> <span class="mini-tag">{{info
2022-01-07 11:32:56
8424
原创 Can‘t resolve ‘swiper/dist/css/swiper.min.css‘
Can’t resolve ‘swiper/dist/css/swiper.min.css’解决：新版本npm install swiperimport Swiper from ‘swiper’;import ‘swiper/swiper-bundle.css’;
2021-12-30 14:48:27
902
原创 stylus-loader安装的版本过高
Module build failed: TypeError: this.getOptions is not a functionat Object.stylusLoader (F:\vueProject\zhangfei\myproject\node_modules\stylus-loader\dist\index.js:17:24)解决：npm install less-loader@5.0.0 --save-dev
2021-12-30 12:20:46
515
原创 【无标题】element Calendar根据条件添加背景色
效果：<div class="calendar"> <el-calendar v-model="value" id="calendar"> <template slot="dateCell" slot-scope="{data }"> <div style="position: relative"> {{ d
2021-11-19 16:06:10
1006
原创 Failed to load resource: the server responded with a status of 404 (Not Found)
问题：vue 项目打包后访问不到页面报错Failed to load resource: the server responded with a status of 404 (Not Found)原因：没有暴露静态资源解决：在项目的根目录下创建一个vue-config.js文件。代码如下：const path = require(‘path’)function resolve(dir) {return path.join(__dirname, dir)}module.exports =
2021-09-09 10:13:18
6138
原创 git对项目进行版本控制debug
git add *没有反应原因：已经添加过git commit -m ‘init gshop’报错：error: pathspec ‘gshop’’ did not match any file(s) known to git解决：git commit -m “init gshop”Failed to connect to github.com port 443: Timed out解决：本地推送代码带Git仓库失败,报错Logon failed, use ctrl+c to ..
2021-09-09 09:06:34
208
原创 web外卖项目debug1
vue版本过低解决：npm install -g @vue/cli --forcethis package has been deprecated in favour。安装vue cli失败。解决：（1）配置淘宝镜像：npm config set registry https://registry.npm.taobao.org（2）配置完成后检验是否成功：npm config get registry（3）重新运行命令：npm install -g @vue/cliTo install it.
2021-09-03 13:21:32
56
原创 学习Ajax时的小bug
Error: listen EADDRINUSE :::8000原因：端口号被占用解决方法：重新换一个或者取消原来的再启动btn.addEventListener is not a function解决方法：const btn = document.getElementsByTagName(‘button’)[0]，缺少获取第一个元素。TypeError: Cannot set property ‘onclick’ of undefined原因：...
2021-09-02 15:38:05
42
原创 vue前端面试
Js的几种基本数据类型Undefined、Null、Boolean、Number和String。Post与get的区别（参考：https://blog.csdn.net/qq_28483283/article/details/80207674）（1）post更安全（不会作为url的一部分，不会被缓存、保存在服务器日志、以及浏览器浏览记录中）（2）post发送的数据更大（get有url长度限制）（3）post能发送更多的数据类型（get只能发送ASCII字符）（4）post比get慢（5）.
2021-08-11 15:58:18
144
原创 Windows环境搭建Vue开发环境
1.Windows环境搭建Vue开发环境1.1 安装node.js1.1.1 [官网下载地址][https://nodejs.org/en/download/]1.1.2 [历史版本下载地址][https://nodejs.org/en/download/releases/]1.2 安装过程1.2.1 安装node.js第一步：选择下载地址，下载安装包第二步：双击进行安装，安装地址尽量不要安装在C盘，安装到一个专门的目录下，便于管理第三步：记得点击Add to PATH，自动添加环境变
2021-08-11 15:57:03
106
原创 @click与V-on：click
问题：为什么@click是V-on：click的简写，两个效果却不同，@click不能打印触发的事件？原因：语法糖链接：https://segmentfault.com/a/1190000010159725
2021-08-04 15:20:36
1040
转载 Vue项目开发流程
Vue项目开发流程一、配置开发环境1.1 安装Node.jsnpm集成在Node中，检查是否安装完成：node -v1.2 安装cnpm(淘宝镜像)npm install -g cnpm，检查安装是否完成：cnpm -v1.3 安装Vue脚手架cnpm install -g vue-cli1.4 项目初始化vue init webpack vue-project二、明确目录结构├── README.md 项目介绍├── index.html
2021-07-27 16:37:16
114
原创 做Vue项目的bug
报错：‘npm’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。解决方法：确保下载node.js以后给电脑和webstorm分别配置坏境。‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。解决方法：更新node.js版本：npm i -g n --force...
2021-07-13 16:04:11
467
原创 前端面试题01
哪种http状态下，浏览器会产生两次http请求？CA.400 请求报文中存在语法错误B.404 服务器上无法找到请求资源C.302 临时性重定向（请求的资源被分配了新的URL，希望本次访问使用新的URL）D.304 客户端发送附带条件请求时，请求满足条件的情况下，服务器端允许访问资源并返回状态码根据HTML规范，以下代码中，外层容器outer的宽高分别是：D</head><body> <div class="outer">outer &..
2021-07-01 12:15:54
815
原创 IE8浏览器事件兼容性三种方法
//兼容IE8及以下浏览器 //方式一 var x = window.event.clientX; var y = window.event.clientY; //方式二 if(!event){ event = window.event; } //方式三 event = event || window.event;
2021-06-16 15:18:15
227
1
原创 Cannot read property ‘width‘ of undefined“
问题： 获取元素当前显示的样式报错： Cannot read property ‘width’ of undefined"原因： currentStyle只有IE浏览器支持，其他的浏览器都不支持代码： <script type="text/javascript"> window.onload = function(){ var box1 = document.getElementById("box1"); var btn01 = document.getElemen
2021-06-16 12:17:42
2632
原创 电脑小bug(hp)
1.电脑黑屏ctrl+alt+delete注销电脑，重启即可。2.电脑闪屏（1）打开桌面，右击此电脑（图标） — 管理 —点击 设备管理器 — 显示适配器。 点开之后会有显卡驱动，亲可以拍下照片给我。2.右键点击 INTEL 显卡驱动，卸载，重启电脑。 （2）进入安全模式操作方法：先关机，之后点击开机，在屏幕还未亮起来的时候不停点击F11按键---疑难问答---高级选项---查看更多恢复选项---启动设置---点击重启，重启后停留在选择画面，按键盘“4”或者“F4”键进入安全模式。 （3）如果不再
2020-11-28 21:11:42
337
原创 Vue项目部分
Vue项目部分1.Github:https://github.com/vuejs/vue-cli2.安装vue脚手架：打开cmd:npm insatll –g vue-cli3. babelrcrc:runTime Controlbabel功能：ES6转ES5JSS转JS4.组件：对数据和方法的简单封装5.页面三要素：html,css,js6.组件化编码流程：拆分组件静态组件（页面显示数据固定，无交互）动态组件（初始化显示，交互）7.reduce函数一1. Vue.js是什
2020-11-24 11:29:34
86
原创 Vuejs基础学习笔记整理
Vue.js官网：中文：https://cn.vuejs.org/英文：https://vuejs.org/基础部分1.vue:渐进式JavaScript框架2.作用：动态构建用户界面3.遵循MVM模式4. vue（view）：结合并简化Angular+ React的一些优势Angular:模板语法，数据绑定React:组件化，虚拟HelloWorld引入Vue.js创建Vue对象el : 指定根element(选择器)data : 初始化数据(页面可以访问)双向数据绑定
2020-11-18 20:09:39
132
原创 JS模块化规范：CommonJS规范、AMD规范、CMD规范、ES5_6_7
JS模块化规范一、CommonJS规范1.基本语法（1）暴露模块module.exports = value原来的值是空的对象，被value覆盖;exports.xxx = value，可以无限添加属性和方法;暴露的都是exports对象（2）引入模块require(xxx)第三方模块：xxx为模块名（包名）自定义模块：xxx为模块路径（相对路径）2.下载package.json终端 npm init3.下载browserify全局：npm install browserify -
2020-11-16 21:29:26
352
原创 MongoDB部分基础知识点笔记
MongoDB1.数据库：Database2.下载网址：https://www.mongodb.org/dl/win32/我的安装路径：配置环境变量：C:\Program Files\MongoDB\Server\4.0\bin在c盘根目录：创建一个文件夹data在data中创建一个文件夹db（默认数据库目录）打开cmd：输入mongod 启动mongodb服务器修改路径方法：mongod –dbpath 数据库路径 –port 端口号（<65536）再重新打开一个cm
2020-11-15 00:53:22
78
原创 Node.js基础学习笔记
Node1.命令行窗口dir：列出当前目录下的所有文件cd 目录名：进入指定的目录如要打开桌面：Desktop，tab键，回车md 目录名：创建文件夹rd 目录名：删除文件夹目录：. 当前目录… 上一级目录环境变量（windows系统变量）：path：路径如：C:\Users\Administrator\Desktop\hello当在命令行窗口打开一个文件时或调用一个程序时，系统先在当前文件中查找，找不到则一次去path的路径下查找。找到则直接使用，最终找不到则报错。可以将
2020-11-13 16:01:00
274
原创 AngularJS框架知识点
AngularJS是什么?Google开源的 前端JS 结构化 框架动态展示页面数据, 并与用户进行交互AngularJS特性(优点)双向数据绑定声明式依赖注入解耦应用逻辑, 数据模型和视图完善的页面指令定制表单验证Ajax封装2.AngularJS 框架的基本语法及应用。内容包括: AngularJS基本语法，双向数据绑定，指令，表达式，MVC，MVVM, 模块对象，控制器对象，作用域对象等知识点。3…安装Infinity-New-Tab_v2.5.3插件：针对chrome,n.
2020-11-10 16:52:35
653
原创 AJAX基础部分学习笔记
AJAXAsynchronous JavaScript And Xml:异步的JS和XML1.优势：无需刷新获取数据可根据用户事件更新部分页面内容缺点：无浏览历史，不能回退存在跨越问题（同源）SEO（搜索引擎优化）不友好2.发送ajax的四种方式：原生，jQuery,fetch,axios3.不是新的编程语言，而是将现有的组合在一起4.HTTP(hypertext transport protocol)协议：超文本传输协议规定了浏览器和万维网服务器之间互相通信的规则请求报文：重点是
2020-11-08 18:27:08
90
原创 Bootstrap框架：学习笔记
Bootstrap1.容器流体容器：width为auto固定容器：阈值 Widthlg:大屏pc=1200 1170md:中屏pc=992&&<1200 970sm:平板=768&&<992 750xs:移动手机<768 auto2.栅格系统源码分析：（1）流体容器和固定容器的公共样式margin-right:auto;margin-left:auto;padding-left: floor((@gutter / 2))
2020-11-06 23:48:10
149
原创 JS基础之DOM
DOM:Document Object Model文档对象模型浏览器已经为我们提供 文档节点 对象这个对象是window属性可以在页面中直接使用，文档节点代表的是整个网页我们可以在事件对应的属性中设置一些js代码，这样当事件被触发时，这些代码将会执行这种写法我们称为结构和行为耦合，不方便维护，不推荐使用可以为按钮的对应事件绑定处理函数的形式来响应事件这样当事件被触发时，其对应的函数将会被调用为单击事件绑定的函数，我们称为单击响应函数浏览器在加载一个页面时，是按照自上向下的顺序加载的，读
2020-11-05 21:43:41
73
原创 JS高级:对象创建模式与继承模式
1.对象创建模式2.继承模式方式1：原型链继承过程：(1)定义父类型构造函数(2)给父类型的原型添加方法(3)定义子类型的构造函数(4)创建父类型的对象赋值给子类型的原型(5)将子类型原型的构造属性设置为子类型(6)给子类型原型添加方法(7)创建子类型的对象：可以调用父类型的方法重点：子类型的原型为父类型的一个实例对象方式2：借用构造函数继承(假的)过程：(1)定义父类型构造函数(2)定义子类型构造函数(3)在子类型构造函数中调用父类型构造关键：在子类型构造函数中通用sup
2020-10-26 16:47:34
70
原创 JS函数高级：原型，执行上下文，作用域与闭包
函数高级原型1.原型：（1）函数的prototype属性（图）每个函数都有一个prototype属性，它默认指向一个Object空对象（即称为：原型对象）原型对象中有一个属性constructor，它指向函数对象（2）给原型对象添加属性（一般都是方法）作用：函数的所有实例对象自动拥有原型中的属性（方法）2.显示原型与隐式原型(1)每个函数function都有一个prototype，即显示原型(属性)(2)每个实例对象都有一个__proto__，称为隐式原型（属性）(3)对象的隐式原型的
2020-10-25 19:58:48
178
原创 JS高级基础总结
1.数据类型（1）. 分类(2大类)基本(值)类型Number: 任意数值String: 任意文本Boolean: true/falseundefined: undefinednull: null对象(引用)类型 对象用于存代码数据Object: 任意对象Array: 特别的对象类型(下标/内部数据有序)Function: 特别的对象类型(可执行)(2). 判断typeof:可以区别: 数值, 字符串, 布尔值, undefined, function不能区别
2020-10-25 10:26:57
145
原创 JS基础:循环，对象，数组
1.switch语句：语法：switch(条件表达式){case 表达式：break;case 表达式：break;……default:语句break;}执行流程：switch…case…语句在执行时会依次将case后的表达式和switch后的条件表达式的值进行全等比较若结果为true，则从当前case处开始执行代码当前case后的所有代码都会执行，可在气候加break关键字则只执行当前case语句，而不会执行其他的代码若结果为false，则向下比较若结果全为false
2020-10-18 20:42:04
374
原创 JavaScript部分基础知识点
1.alert控制浏览器弹出一个警告框document.write()向body中输出一个内容console.log()向控制台输出一个内容2.js编写位置可以将js代码编写到外部js文件中，然后通过引入script标签引入写到外部文件中可以在不同的页面中同时使用，也可以利用到浏览器的缓存机制推荐使用–><!–script标签一旦用于引入外部标签，就不能再编写代码了若需要则可重新创建一个新的script标签编写内部代码可以将js代码编写到标签的onclick属性中点击按钮
2020-10-10 23:47:44
173
原创 css3的flex
Steps(num,[start/end]))num:拆成多少步（当num为12时，整个动画最好有13帧）start:看不见第一帧end:看不见最后一帧transform:只能作用于块元素flex:frog练习https://flexboxfroggy.com/1.flex基础点（不等于浮动）容器，项目，主轴，侧轴的概念永远在主轴的正方向上排列Flex分新旧两个版本：-webkit-box-webkit-flex/flex2.注意点移动开发要关注老版本的flex老版本的box通
2020-10-09 23:29:46
61
原创 css:2D变换与3D动画
过渡：（1）只关心元素的初始状态和结束状态，不能获取元素在过渡中每一帧的状态。（2）在元素首次渲染还没有完成的情况下,不会触发过渡（3）在绝大部分变换样式切换时,如果变换函数的位置个数不相同也不会触发过渡transition-property指定过渡动画的属性transition-duration过渡时间，正值且必须带单位（包括0）transition-timing-function过渡动画的形式，默认值为easetransition-delay过渡延迟Transitionend.
2020-10-08 20:07:01
121
原创 css新增UI样式：字体，阴影，边框，背景
新增UI方案一、自定义字体1.谷歌版本不一样的问题：第10节2.Vscode没有新建目录，无法复制粘贴字体：第11节解决方法：用Hbuilder，但是粘贴时自动关闭Hbuilder。3. 字体效果不显示#test{font:200px “微软雅黑”；}4.控制台无法完全显示5.@font-face:允许网页开发者为其网页指定在线字体。通过这种自备字体的方式，可消除用户对电脑字体的依赖。Font-family:所指定的字体名字将被用于font或font-family属性S...
2020-10-07 09:12:34
2021
原创 css中声明的优先级
1.css声明的优先级：选择器的特殊性：有选择器本身的组件确定，特殊值表述为4个部分，如 0，0，0，0。内联声明：1，0，0，0.（style）ID选择器：0，1，0，0.(#)类选择器：0，0，1，0.(.)元素选择器：0，0，0，1.通配符选择器：0，0，0，0.结合符选择器没有贡献继承没有特殊性重要声明加：！importantCss样式的来源：创作人员，读者，用户代理。权重：读者的重要声明创作人员的重要声明创作人员的正常声...
2020-10-06 09:05:48
146
原创 css3中的选择器与伪类
选择器与伪类Css选择器Css选择器规范地址：https://www.w3.org/TP/2011/REC-css3-selectors-20110829Css选择器最新选择器规范：https://www.w3.org/TR/selectorsCss:cascading() style sheets样式表规则：（1）选择器（2）声明块css属性+css属性组成的键值对Eg：*{margin:0;padding:0;}浏览器是从右往左地顺序读取编译基本选择器：通配选择器：*
2020-10-03 08:52:02
252
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人