- 博客(16)
- 收藏
- 关注
原创 vue浅析
1. Vue两个版本的区别及使用方法我们再使用Vue的时候,会有两个版本,分别是Vue完整版(vue.js)和Vue非完整版(vue.runtime.js)。那么这两个版本有什么区别呢。1.1 特点完整版有compiler(编译器用来将模板字符串编译成为 JavaScript 渲染函数的代码),这导致完整版体积更大。非完整版没有compiler的,所以体积更小,要比完整版体积小大概30%。1.2 视图完整版的视图是写在HTML里或template选项的,由于有 compiler(编译器)的存在,
2020-07-28 10:35:59
158
原创 前端MVC
1.MVC是什么mvc是一种架构设计模式,它包含三类对象,分别是M(model)层、V(view)层、C(controller)层。将这三层分离以提高灵活性与复用性。M-Model(数据模型)用于封装与应用程序的业务逻辑相关的数据以及对数据的处理方法,会有一个或多个视图监听此模型。一旦模型的数据发生变化,模型将通知有关的视图。const m = { data: { n: parseInt(localStorage.getItem('n')) }, create(){}, d
2020-07-24 15:26:33
1985
原创 jquery使用小结
前言jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有80%以上使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。虽然现在很多新的项目不再使用jquery,但是其设计思想确是十分经典,很多后来居上的框架或者库都无法超越。选择元素jQuery的基本设计思想和主要用法,就是"选择某个网页元素,然后对其进行某种操作"。这是它区别于其他Javascript库的根本特点。---使用选择器--- $(document) //选择
2020-07-15 18:13:25
194
原创 JS 函数的执行时机
由于JS是一个单线程的解释器,因此在一段时间内只能执行一段代码,为了控制执行的代码,就需要一个任务队列来让后面的代码按照一定的顺序执行。setTimeout(fn,timer)中的time会告诉JS过多久把当前任务添加到队列中,并不是执行到setTimeout就添加任务。如果队列为空,那么添加的代码会立即执行;如果队列不为空,那么它就要等前面的代码执行完了再执行。let i = 0for(i = 0; i<6; i++){ setTimeout(()=>{ consol.
2020-07-09 16:23:55
239
原创 HTML5标签与属性
一标签与属性1 全局属性* class 类选择器* id id选择器* contenteditable 表示能够被编辑* hidden 能够使被改标签包含的内容隐藏* style 这个style是html的属性,与css的style标签不一样,而且它的优先级大于css,它的书写格式与css一样。* tabindex 用来控制按住tab键来控制foucs的顺序,其中0代表最后一个被选中,-1代表不被tab选中,大于1则按顺序访.
2020-07-05 18:36:09
221
原创 JS中,函数与构造函数的区别
JavaScript中存在构造函数与函数两个概念。这可能会给初学者造成一定的困扰,难不成存在两种函数。然而事实这两种函数的构成完全一样,无论从长相还是气质都是一模一样的。区别点在于,所扮演觉得不同,同一个人在不同的场合具有不同的角色。构造函数与普通函数也是如此,代码实例如下:function Foo(){} Foo();let f=new Foo();Foo()是作为普通函数使用,使用new 调用则是作为构造函数使用。使用方式的不同,自然会产生很多差别,下面分别做一下介绍。一.
2020-07-05 15:20:03
496
原创 JS对象的基本使用
什么是对象对象指的是无序的数据集合,是键值对的集合。对象的键名是字符串,而不会标识符。对象有两种声明方式,一种是使用new 后面加上object构造函数进行川内创建,另外一种是直接使用对象字面量进行创建。对象的属性属性名可以是字符串、非空字符串、其他可以转换为字符串的都可以作为属性名,而标识符则必须以字母、下划线、$字符和中文开头1. 属性名规则以下的属性名都是正确的:let obj1={ _we:'hello', 123:'hi', '':‘gray’, yl:'blac
2020-07-04 22:14:15
201
原创 JS基本语法
表达式与语句1. 表达式一个表达式可以产生一个值,有可能是运算、函数调用、有可能是字面量。表达式可以放在任何需要值的地方。2. 语句语句可以理解为一个行为,循环语句和判断语句就是典型的语句。一个程序有很多个语句组成,一般情况下;分割一个一个的语句。标识符的规则1.命名规则由字母、数字、$、_、中文组成;以字母、$、_、中文开头;不可以使用保留字;2.命名规范1. 驼峰命名法除标识符的第一个单词外,其余单词的首字母大写,例如:trueName;2.蛇型命名法单词之间用_隔开,例
2020-07-03 18:54:11
115
原创 canvas画图源码解析
html5中添加了canvas可以在尽量少操作dom的情况下进行绘图,这样子降低了操作dom的次数,提高了绘图的效率。普通情况下绘图---html---<body> <div id="canvas"></div></body>---css---#canvas{ width:100vw; height:100vh; border:1px solid black;}---javascript---canvas.onmou.
2020-07-03 13:43:06
670
原创 javascript的诞生
简介JavaScript是一种高级的、解释型的编程语言,同时他又是一门基于原型、函数先行的语言。它支持面向对象编程、命令式编程以及函数式编程。他提供语法来操控文本、数组、日期以及正则表达式等。虽然不支持I/O,比如网络、存储和图形等,但这些都可以由它的宿主环境提供支持。他已经由ECMA通过ECMAScript实现语言的标准化,也被世界主流浏览器所支持。历史始于网景1994年开发的世界上第一款网页浏览器Netscape Navigator仅在四个月内就占据了四分之三的浏览器市场。网景公司预见网络需要变
2020-06-30 11:53:01
230
原创 自己撸个后端进行交互
前端通过向后端发送请求获取响应。这次我自己写了一个简易版的服务器,模拟前后端数据的响应。以下是服务器的代码:var http = require('http')var fs = require('fs')var url = require('url')var port = process.argv[2]if(!port){ console.log('请指定端口号好不啦?\nnode server.js 8888 这样不会吗?') process.exit(1)}var serve
2020-06-28 19:28:26
263
原创 深入理解vue
谈一下你对MVVM原理的理解传统的mvc指的是用户操作会请求服务器路由,也就是后端路由,然后路由调用对应的控制器来获取数据,再将结果返回前端进行渲染。mvvm模式则不需要用户去操作dom元素,而是通过viewmodel将数据进行渲染到页面上。同样,当数据发生改变时,viewmodel也会收到通知,从而将视图层的更改同步到数据中。响应式数据的原理理解:核心点:Object.defineProperty默认vue在初始化数据时,利用es5的 Object.defineProperty重新定义v
2020-06-14 16:45:28
327
转载 前后端分离
认识前后端分离在传统的web应用开发中,大多数的程序员会将浏览器作为前后端的分界线。将浏览器中为用户进行页面展示的部分称之为前端,而将运行在服务器,为前端提供业务逻辑和数据准备的所有代码统称为后端。前后端分离并不只是开发模式,而是web应用的一种架构模式。在开发阶段,前后端工程师约定好数据交互接口,实现并行开发和测试;在运行阶段前后端分离模式需要对web应用进行分离部署,前后端之前使用HTTP或者其他协议进行交互请求。然而作为一种架构模式,我们在实施的过程中主要对以下四个方面来进行比较和重新认识。更加
2020-05-23 13:17:51
724
原创 小白的json
JSON是一种取代XML的数据结构,和xml相比,它更小巧但描述能力却不差,由于它的小巧所以网络传输数据将减少更多流量从而加快速度,那么,JSON到底是什么?JSON就是一串字符串 只不过元素会使用特定的符号标注。{} 双括号表示对象[] 中括号表示数组"" 双引号内是属性或值: 冒号表示后者是前者的值(这个值可以是字符串、数字、也可以是另一个数组或对象)所以 {“name”: “Michael...
2020-03-08 15:32:23
128
原创 var、let、const与临时性死区
1.varvar是声明在函数作用域,如果在函数中用var声明变量,则声明的变量不会暴露在函数外,但是如果在函数外声明变量,它所声明的变量就成了全局变量,且可以多次声明同一个变量,相当于覆盖了原来的变量。2.letlet是块级作用域,(块级作用域不是说只能在块级里面声明)如果在全局中用这个声明变量,则在全局中不能重复声明,否则会报错,但是块级内跟块级外可以用这两个声明同一个变量,不过由于作用域...
2020-03-08 15:18:06
225
原创 笔记--this的指向问题
this的指向在普通函数中:在普通函数中 this指向函数的调用者,有一个有个简便的判断方法就是看函数前面有没有点,如果有点,那么就指向点前面的那个值;即this指导的这个动作的值是函数中的值。2.箭头函数指向函数所在的所用域(函数域):注意理解作用域,只有函数的{}构成作用域,对象的{}以及 if(){}都不构成函数作用域 const obj = { name:...
2020-03-04 17:54:33
88
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人