- 博客(17)
- 收藏
- 关注
RSS订阅原创 报错Uncaught ReferenceError: Cannot access ‘gaozhong‘ before initialization
报错内容：Uncaught ReferenceError: Cannot access ‘gaozhong’ before initialization这个错误解决很简单，就是组件创建在实例的下面了，挪到上面就好了使用let和const的时候没有变量提升
2021-05-13 21:01:36
6323
原创 报错should contain exactly one root element. if you are using v-if on multiple elements
标题写不下了报错内容是should contain exactly one root element. if you are using v-if on multiple elements, use v-else-if to chain them instead.上图这个错误解决的方法就是组件中的template格式，内容外面没有套根节点，也就是包裹内容的最大那个容器，我的案例里是最外面的...
2021-05-13 20:52:14
403
原创 报错整理日记Uncaught SyntaxError: Invalid shorthand property initializer
Uncaught SyntaxError: Invalid shorthand property initializer这是因为在data对象中 ，误把 : 写成了 = ，所以报此错误。
2021-05-10 21:53:32
405
原创 for each和map的区别
forEach () 方法不会返回执行结果，而是 undefined 。 也就是说， forEach () 会修改原来的数组。 而 map () 方法会得到一个新的数组并返回。foreEach()方法:针对每一个元素执行提供的函数。map()方法:创建一个新的数组，其中每一个元素由调用数组中的每一个元素执行提供的函数得来。forEach()的执行速度 < map()的执行速度...
2021-05-10 14:02:44
127
原创 v-model实现双向数据绑定
我们一直都知道v-model是用来实现双向数据绑定的工具，但是原理到底是啥，看了好多个版本都没能真正的清楚明白，终于弄懂写篇分享给大家╮(╯▽╰)╭从刚接触vue学习指令的时候，就一直在听说v-model是一个语法糖，语法糖是什么都没人说过，其实语法糖简单来说就是在不改变其所在位置跟语法结构的前提下，实现了等价的运行结果。可以理解为加糖跟不加糖的代码运行结果一毛一样，但是加了糖使得代码更简单流畅，写的简单，看得明白，改着方便(￣▽￣)那我们开说一下v-model实现双向数据绑定的过程，v-model实
2021-05-09 21:51:18
1426
原创 webpack原理、优势、基本功能和常见问题
webpack是一个模块打包工具，用它可以管理项目中的模块依赖，并编译出所需的静态文件。打包原理：webpack打包原理是根据文件间的依赖关系对其进行静态分析，将这些模块按指定规则生成静态资源，当 webpack处理程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，将所有这些模块打包成一个或多个bundle。webpack构建流程初始化参数—>开始编译---->确定入口---->编译模块—>完成编译---->输出数据---->输出完成优势：
2021-05-07 21:28:00
710
原创 简述ES6的作用域及解构赋值
这是es6入门的两个新特性首先说说作用域。之前我们声明的时候使用var声明变量，但是var有很多特殊的属性，比如有变量提升，声明会提升到页面的最上方；比如它会重复声明并且会被重复赋值，会导致页面前后有可能重复声明了同一个变量，或者变量被重复赋值影响前后使用。为了解决这个问题，es6新增了let语法，以一个大括号为一个局部作用域，let声明的变量只在它声明的局部作用域可以读取到，外界读取不到，并且在同一个局部作用域中，只能声明一次，但是let可以重复赋值~还有一个特殊的声明方式是const，使用con
2021-05-06 20:35:43
171
原创 报错整理日记Cannot read property ‘$createElement‘ of undefined
报错整理1Cannot read property ‘$createElement’ of undefined!这个错误我报错很多次，每次看到 'createElement’都很慌 不知道错在哪里，其实就是路由配置里的component，要记住是component，不是components,就这么简单...
2021-04-21 21:05:37
2508
1
原创 css布局双飞翼及圣杯
首先 不要觉得写前端用css很low，其实css很强大~选项卡轮播图动画这类大家觉得用js才能完成的东西其实用css也能实现。而且布局css真的很实用，css布局中 最经典的应该就是两边固定中间自适应的三栏布局，然而在这种经典布局中，又有几个方法，圣杯和双飞翼，下面来介绍首先说说圣杯方法首先它的html是<body> <div class="box"> <div class="center"></div> <div class=
2021-01-18 21:38:56
227
1
原创 关于深拷贝和浅拷贝
简单来说对象的浅拷贝就是一个改变的时候另一个也改变 ，它只拷贝一层对象的属性对象的深拷贝就是一个改变的时候另一个不改变，两个对象对应两个不同的地址先写写浅拷贝： var obj1={"name":"gao"}; var obj2 = obj1; obj1.name ="wang"; console.log("obj1",obj1); console.log("obj2",obj2);...
2021-01-15 22:01:18
1522
8
原创 jQuery简单动画操作
我们都知道动画的功能，今天介绍几个简单的动画的操作一、动画——显示跟隐藏首先先写一个简单的页面 <button id="showbox">显示</button> <button id="hidebox">隐藏</button> <button id="showhidebox">显示或隐藏</button> <div id="box"></div>三个按钮，点击改变div的
2021-01-15 21:39:21
1414
7
原创 jQuery内部插入和外部插入
不管是内部插入还是外部插入 ，都分为前面插入跟后面插入（这是什么虎狼之辞…说正经的）首先说说内部插入四个关键词：append 、appendTo 、prepend 、 prependTo在内部末尾添加append：是对匹配到的对象元素进行内容的追加书写格式是：$("#box").append("abcd")$("#box")是匹配的对象元素 ，abcd 是追加的内容简单说就是在#box里的尾部添加abcdappendTo：把所有匹配的元素追加到另一个指定的元素的集合中书写格式是：
2021-01-14 21:26:48
682
2
原创 啥是jQuery（什么是jQuery）
一、什么是jQueryjQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少，做的多"的JavaScript库。jQuery库包含以下功能：HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAX二、1.x、2.x、3.x 三大系列的区别下载jquery ： https://www.bootcdn.cn/jquery/jquery.js 有注释，有代码风格 — 开发版-- 开
2021-01-14 20:41:47
5939
6
原创 面向对象编程
OOP：Object - Oriented - Programming无序的属性继承——对象把数据及数据的操作方法放在一起，作为一个相互依存的整体——对象创建具有相同属性名的对象的函数——类对同类对象，抽出其共性，形成类类中的大多数数据只能用本类方法进行处理特性封装：第一层含义：把对象的属性和行为看成一个比不可分的整体第二层含义：信息隐藏，把不需要让外界知道的信息隐藏起来继承：子类继承父类的特征和行为，使得子类对象具有父类的实例域和方法继承的好处：a.提高代码复用b.提高代码维护
2021-01-13 18:43:24
110
2
原创 js创建对象的六种方式
首先 对象是指无序的属性的合集，key不重复，value为任何数据类型表现方式{‘key’;value,‘key2’:value2,}: 表示映射 = 表示赋值单独创建一个对象有两种方法a. new Object()var x="age";var obj= new Object(); obj.name="zhao" obj.x=18; obj[x]=20; console.log(obj); b. 字面量方式 var x
2021-01-12 21:31:38
138
原创 普通函数的this指向以及更改this指向
普通函数的this指向调用时所在的对象。a.谁调用就指向谁b. .前面是谁，就指向谁1.全局函数 this 指向window原因:调用函数时省略了window，fu()===window.fn()2.在对象中 this指向当前对象原因：调用时 对象.方法名3.事件中 this 指向 发生事件的DOM对象原因：btn.οnclick=function(）{}4.闭包 this指向 window原因：function a(){var x=123;return function (
2021-01-09 21:42:28
824
3
原创 简单隔行变色及添加删除
<div> <label for="">姓名：</label> <input type="text" id="thename"> <label for="">年龄</label> <input type="text" id="theage"> <label for="">学期</label> <sel
2021-01-08 21:00:45
2419
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人