- 博客(24)
- 收藏
- 关注
RSS订阅原创 MVC和MVVM的区别和联系
MVVM 即 Model-View-ViewModel 的简写，即模型-视图-视图模型，模型。需要大量操作 DOM 元素时，采用 MVVM 的开发方式，会更加便捷，让开发者更多的精。vue 数据驱动，通过数据来显示视图层而不是节点操作， 场景：数据操作比较多的场景，（Model） 指的是后端传递的数据，视图(View)指的是所看到的页面，视图模型。实现的方式是：DOM 事件监听，这两个方向都实现的，我们称之为数据的双向绑定。现的是业务逻辑组件的重用， 使开发更高效，结构更清晰，增加代码的复用性。
2022-10-12 16:41:46
406
原创 vue的常用指令
更新元素的 content text，如果要更新部分的 content text，需要使用{{ content text }}动态绑定一个或者多个属性，或一个组件的 prop 到表达式。根据表达式值的真假，切换元素的 display 属性。前一兄弟必须有 v-if 或 v-else-if。前一兄弟必须有 v-if 或者 v-else。在表单控件或着组件上创建双向绑定。根据表达式值的真假条件渲染元素。更新元素 innerHTML。
2022-10-12 11:15:10
263
原创 vue的引入方式
7.如果把项目做完以后要上线,就启用build相当于webpack的打包,生成dist文件,注意:打包的路径是相对路径要改一下配置中的公共路径为: ./ 然后点保存修改。1.自己构建vue的脚手架(面试): 用npm下载vue 引入到项目中 然后webpack打包。4. 进入项目文件夹: cd app1 //进入项目文件夹,也可以直接在项目文件夹中打开终端。npm run build //生成的打包文件在dist中 用于项目上线。4.创建项目==>填写项目名字,选择项目创建的目录 点击创建。...
2022-08-31 18:53:08
8661
原创 node.js
在node.js环境中， 有两个全局变量 __dirname __filename1.他们保存的是字符串2.__dirname 当前js文件所在的目录：绝对路径__filename 当前js文件的目录：绝对路径。
2022-08-31 18:47:30
199
原创 js中的操作符
1.一元操作符：只操作一个变量的符号前置++，就是先把变量修改了，再取值操作后置++，就是先取变量的值，然后再加1操作无论前置还是后置 既有存值操作也有取值操作2.逻辑操作符&&丨丨! 开关思想：把一个变量中保存一个布尔值，然后在业务执行时，修改这变量的值，为取反，然后通过变量的值执行分支业务 3.比较运算符运算符：底层CPU会去计算，会执行操作，得到一个结果4.相等判断基本数据和基本数据比较，双等号比较值是否相等，三等号比较 值和类型是否相等引用数据和引用数据比较看是否是同一个引用引用数据和基本数据
2022-07-12 22:56:28
571
原创 js的表达式
表达式和表达式组合就变成了语句，语句和语句配合，就变成了程序 数组初始化表达式对象初始化表达式成员访问表达式（属性访问表达式）引用数据通过["key"]的形式访问成员（属性）或者 通过点语法调用表达式取值得到了一个函数 然后加小括号就可以调用 取值：变量可以取值，数组也可以取值，只能得到值的表达式，都是取值对象创建表达式算术表达式...
2022-07-12 21:36:59
165
原创 es6中运算符与语句
注意：箭头函数不能用来创建对象，没有 this、super、arguments 和 new.target 绑定。总结要有个箭头箭头的前面是小括号，放形参，只有一个形参的时候可以省略小括号；箭头的后面是函数体；如果函数体只有一个语句，没有{}，此时的返回值不需要return；箭头函数里面的this总是指向最靠近的function 内部的this；对象里面的方法，尽可能不要使用箭头函数；箭头函数里面没有arguments，可以使用…reset，接收过来就是数组类型，接收的是形参之外的所有的实参；export导出
2022-07-12 19:54:10
180
原创 es6出的新数据容器技术
Set数组转map：必须是二维数组 map转数组：Array.from()静态方法 数组转集合 集合转数组2、字符串（1）子串的识别ES6 之前判断字符串是否包含子串，用 indexOf 方法，ES6 新增了子串的识别方法includes()：返回布尔值，判断是否找到参数字符串。startsWith()：返回布尔值，判断参数字符串是否在原字符串的头部。endsWith()：返回布尔值，判断参数字符串是否在原字符串的尾部。（2）字符串重复rep
2022-07-12 00:07:14
188
原创 js的数据类型
5种基本数据：number null undefined Boolean string1种引用数据：对象（函数 数组 时间 标签等等）null 空这种类型的数据只有一个数据就是nullnull的意义，代表了一个变量是有数据的，只不过还没有写业务数据 undefined的意义，为程序安全而设定的一种数据基本数据类型：引用数据类型：一个大型的复杂的基本数据和引用数据的‘集合体’保存的元素用逗号隔开数组取元素是通过下标取值的 从0下标开始的数组中可以保存很多数据，每一个数组的类型是不限定的数据是一种引用类型的数据
2022-07-11 15:18:16
81
原创 es6中的解构赋值
1.概述解构赋值是对赋值运算符的扩展是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值是代码书写上简洁且易读，语义更加清晰明了，也方便了复杂对象中数据字段获取2.解构模型在解构中，有下面两部分参与：解构的源，解构赋值表达式的右边部分解构的目标，解构赋值表达式的左边部分3.数组模型的结构（Array）...
2022-07-08 20:24:02
3311
原创 js中的let和const
1.代码块2.es6新的变量修饰符 （1）.声明不赋值，先访问再声明，声明相同的变量名let也可以声明不赋值，不能先访问再声明，不能声明相同的变量名console.log（a）；块级作用域笔试题const js的常量修饰符let var 修饰的变量的值可以被修改 const url=‘http://www.hqyj.com’url=200其他语法同let只能初始化一次...
2022-07-08 17:24:50
272
原创 javascript中es6的笔试题
浏览器要渲染出网页给用户看,必须加载html编码和js脚本,渲染引擎渲染页面的UI和js执行引擎操作内存,就是浏览器的的重要组成程序:内核 根据不同的浏览厂商 他们使用了不同的内核, 内核的程序是很难实现的,根据我的了解有一些内核是公司自己实现的有一些是直接借用的,比如: 1、IE浏览器内核：Trident内核，也是俗称的IE内核； 2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核； 3、Firefox浏览器内核：Gecko内核，俗
2022-07-08 16:03:52
212
原创 js中的笔试题
function sum() { if (arguments.length == 2) { return arguments[0] + arguments[1]; } else if (arguments.length == 1) { var first = arguments[0];//2 return function(second) { return first + second;//3 }; } } console.log(sum(2,3));...
2022-05-20 09:24:01
269
原创 JavaScript中的闭包
闭包：能够访问另一个函数作用域的变量的函数闭包的使用场景：1.外部作用域不能访问里面函数里的变量，可以通过函数内部的闭包间接访问function a(){ var b=100 //外部函数无法访问变量b，所以可以通过内部的callback操作返回 function callback(){ b-=20 } return callback;}function c(){ var tool=a() tool()}c()
2022-05-19 11:11:50
160
原创 js中的作用域
作用域：能够访问标识符的地方就叫作用域，比如函数的代码块内部和函数的代码块外部规则1：函数内部的代码可以访问函数内部的标识符，也可以访问函数外部的标识符规则2：函数外部可以访问函数外部的标识符，但是不能访问函数内部的标识符案例var total=0;function increase(){ total=total+2}function decrease(){ total=total-2}increase() // 第一次调用increase函数，结果为2incr
2022-05-14 16:39:25
197
原创 对象的成员操作和原型对象的操作
1.对象的成员操作存值操作var obj={name:"karen"}obj.age=20 // obj对象中没有age属性，直接添加age属性，并保存20obj.name="jack" // obj对象中有name属性，改变属性值"karen"为"jack"取值操作var re = obj.age // 取出age属性的值var re2 = obj.x // 取出x属性的值。 如果没有x属性 ，就取undefinedvar re3= obj.name // 取出最后一次修..
2022-05-13 15:58:10
222
1
原创 原型的理解
！！！函数也是一个特殊的对象所有的对象都有一个属性叫proto 代表的是这个对象的原型对象原型思想：内存共用所有函数都有name，length，prototype属性,用函数创建对象，创建出来的原型对象就是prototype属性引用的对象prototype属性中引用了一个系统内置的对象：new Object()new fn()1.创建一个空对象==》创建一个空对象{} 给他添加一个属性__proto__ 这个属性引用fn.prototype对象有proto属性 代表他的.
2022-05-11 22:29:33
175
原创 this-new-构造函数总结
this代表离他最近的嵌套级别的function的调用者，如果没有就是windowconsole.log(this)//windowobj.xx()==>objx.x.x[1]()==>x.x.xfn().x()==>fn()的返回值new后面一般跟一个函数 new会创建对象 ，而且会去调用这个函数new fn==>创建对象 然后调用函数 不传参==>new无参new fn()==>创建对象 然后调用函数 并传参==>new带参..
2022-05-11 16:52:04
196
原创 构造函数。
new fn() new关键字后面跟函数 是一个表达式（运算符）叫创建对象的运算 整个表达式一定会得到一个对象1.创建一个空对象2.运行构造函数，让内部的this指向创建的对象(用创建的空对象去调用构造函数)3.整个表达式的结果看函数的返回值：3.1返回值是引用数据那么就是返回值3.2返回值不是引用数据 那么就是这个运行完毕之后的创建的那个对象代码示例function fn(name,birthday){ this.name=name th...
2022-05-11 16:50:51
73
原创 函数的形参和实参
function fn(a,b){ var c=a+b; console.log(c) //函数内部有一个关键字arguments，代表实际传入函数的参数列表（类数组） console.log(arguments)}fn(10,20,30,40) //实际传入函数的参数（实参）的个数可以比形参的个数多，按照顺序赋值 //不会影响程序的执行逻辑但是会影响性能function fn(a,b){ //var a,b; //a=10 // if(a==undefined){.
2022-05-11 16:48:38
204
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人