macycle-CSDN博客

原创 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 114

原创前端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 1877

原创 jquery使用小结

前言jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有80%以上使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。虽然现在很多新的项目不再使用jquery，但是其设计思想确是十分经典，很多后来居上的框架或者库都无法超越。选择元素jQuery的基本设计思想和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别于其他Javascript库的根本特点。---使用选择器---　 $(document) //选择

2020-07-15 18:13:25 166

原创 JS 函数的执行时机

由于JS是一个单线程的解释器，因此在一段时间内只能执行一段代码，为了控制执行的代码，就需要一个任务队列来让后面的代码按照一定的顺序执行。setTimeout(fn,timer)中的time会告诉JS过多久把当前任务添加到队列中，并不是执行到setTimeout就添加任务。如果队列为空，那么添加的代码会立即执行；如果队列不为空，那么它就要等前面的代码执行完了再执行。let i = 0for(i = 0; i<6; i++){ setTimeout(()=>{ consol.

2020-07-09 16:23:55 209

原创 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 207

原创 JS中，函数与构造函数的区别

JavaScript中存在构造函数与函数两个概念。这可能会给初学者造成一定的困扰，难不成存在两种函数。然而事实这两种函数的构成完全一样，无论从长相还是气质都是一模一样的。区别点在于，所扮演觉得不同，同一个人在不同的场合具有不同的角色。构造函数与普通函数也是如此，代码实例如下：function Foo(){} Foo();let f=new Foo();Foo()是作为普通函数使用，使用new 调用则是作为构造函数使用。使用方式的不同，自然会产生很多差别，下面分别做一下介绍。一.

2020-07-05 15:20:03 467

原创 JS对象的基本使用

什么是对象对象指的是无序的数据集合，是键值对的集合。对象的键名是字符串，而不会标识符。对象有两种声明方式，一种是使用new 后面加上object构造函数进行川内创建，另外一种是直接使用对象字面量进行创建。对象的属性属性名可以是字符串、非空字符串、其他可以转换为字符串的都可以作为属性名，而标识符则必须以字母、下划线、$字符和中文开头1. 属性名规则以下的属性名都是正确的：let obj1={ _we:'hello', 123:'hi', '':‘gray’， yl:'blac

2020-07-04 22:14:15 173

原创 JS基本语法

表达式与语句1. 表达式一个表达式可以产生一个值，有可能是运算、函数调用、有可能是字面量。表达式可以放在任何需要值的地方。2. 语句语句可以理解为一个行为，循环语句和判断语句就是典型的语句。一个程序有很多个语句组成，一般情况下;分割一个一个的语句。标识符的规则1.命名规则由字母、数字、$、_、中文组成；以字母、$、_、中文开头；不可以使用保留字；2.命名规范1. 驼峰命名法除标识符的第一个单词外，其余单词的首字母大写，例如：trueName；2.蛇型命名法单词之间用_隔开，例

2020-07-03 18:54:11 109

原创 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 620

原创 javascript的诞生

简介JavaScript是一种高级的、解释型的编程语言，同时他又是一门基于原型、函数先行的语言。它支持面向对象编程、命令式编程以及函数式编程。他提供语法来操控文本、数组、日期以及正则表达式等。虽然不支持I/O，比如网络、存储和图形等，但这些都可以由它的宿主环境提供支持。他已经由ECMA通过ECMAScript实现语言的标准化，也被世界主流浏览器所支持。历史始于网景1994年开发的世界上第一款网页浏览器Netscape Navigator仅在四个月内就占据了四分之三的浏览器市场。网景公司预见网络需要变

2020-06-30 11:53:01 215

原创自己撸个后端进行交互

前端通过向后端发送请求获取响应。这次我自己写了一个简易版的服务器，模拟前后端数据的响应。以下是服务器的代码：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 230

原创深入理解vue

谈一下你对MVVM原理的理解传统的mvc指的是用户操作会请求服务器路由，也就是后端路由，然后路由调用对应的控制器来获取数据，再将结果返回前端进行渲染。mvvm模式则不需要用户去操作dom元素，而是通过viewmodel将数据进行渲染到页面上。同样，当数据发生改变时，viewmodel也会收到通知，从而将视图层的更改同步到数据中。响应式数据的原理理解：核心点：Object.defineProperty默认vue在初始化数据时，利用es5的 Object.defineProperty重新定义v

2020-06-14 16:45:28 289

转载前后端分离

认识前后端分离在传统的web应用开发中，大多数的程序员会将浏览器作为前后端的分界线。将浏览器中为用户进行页面展示的部分称之为前端，而将运行在服务器，为前端提供业务逻辑和数据准备的所有代码统称为后端。前后端分离并不只是开发模式，而是web应用的一种架构模式。在开发阶段，前后端工程师约定好数据交互接口，实现并行开发和测试；在运行阶段前后端分离模式需要对web应用进行分离部署，前后端之前使用HTTP或者其他协议进行交互请求。然而作为一种架构模式，我们在实施的过程中主要对以下四个方面来进行比较和重新认识。更加

2020-05-23 13:17:51 682

macycle的博客