macycle-CSDN博客

macycle

码龄6年

个人简介：小白

IP 属地：广东省

查看详细资料

个人成就

获得2次点赞
内容获得0次评论
获得5次收藏

TA的专栏

兴趣领域设置

前端

javascriptcssvue.jsreact.jses6webpack前端框架
网络与通信

https
学习和成长

面试

创作活动更多

超级创作者激励计划

万元现金补贴，高额收益分成，专属VIP内容创作者流量扶持，等你加入！

搜TA的内容

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 ·

前端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 ·

jquery使用小结

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

发布博客 2020.07.15 ·

JS 函数的执行时机

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

发布博客 2020.07.09 ·

HTML5标签与属性

一标签与属性1 全局属性* class 类选择器* id id选择器* contenteditable 表示能够被编辑* hidden 能够使被改标签包含的内容隐藏* style 这个style是html的属性，与css的style标签不一样，而且它的优先级大于css，它的书写格式与css一样。* tabindex 用来控制按住tab键来控制foucs的顺序，其中0代表最后一个被选中，-1代表不被tab选中，大于1则按顺序访.

发布博客 2020.07.05 ·

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

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

发布博客 2020.07.05 ·

JS对象的基本使用

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

发布博客 2020.07.04 ·

JS基本语法

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

发布博客 2020.07.03 ·

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 ·

javascript的诞生

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

发布博客 2020.06.30 ·

自己撸个后端进行交互

前端通过向后端发送请求获取响应。这次我自己写了一个简易版的服务器，模拟前后端数据的响应。以下是服务器的代码：var http = require('http')var fs = require('fs')var url = require('url')var port = process.argv[2]if(!port){ console.log('请指定端口号好不啦？
node server.js 8888 这样不会吗？') process.exit(1)}var serve

发布博客 2020.06.28 ·

深入理解vue

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

发布博客 2020.06.14 ·

前后端分离

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

发布博客 2020.05.23 ·

小白的json

JSON是一种取代XML的数据结构,和xml相比,它更小巧但描述能力却不差,由于它的小巧所以网络传输数据将减少更多流量从而加快速度,那么,JSON到底是什么?JSON就是一串字符串只不过元素会使用特定的符号标注。{} 双括号表示对象[] 中括号表示数组"" 双引号内是属性或值: 冒号表示后者是前者的值(这个值可以是字符串、数字、也可以是另一个数组或对象)所以 {“name”: “Michael...

发布博客 2020.03.08 ·

var、let、const与临时性死区

1.varvar是声明在函数作用域，如果在函数中用var声明变量，则声明的变量不会暴露在函数外，但是如果在函数外声明变量，它所声明的变量就成了全局变量，且可以多次声明同一个变量，相当于覆盖了原来的变量。2.letlet是块级作用域，(块级作用域不是说只能在块级里面声明)如果在全局中用这个声明变量，则在全局中不能重复声明，否则会报错，但是块级内跟块级外可以用这两个声明同一个变量，不过由于作用域...

发布博客 2020.03.08 ·

笔记--this的指向问题

this的指向在普通函数中:在普通函数中 this指向函数的调用者,有一个有个简便的判断方法就是看函数前面有没有点,如果有点,那么就指向点前面的那个值;即this指导的这个动作的值是函数中的值。2.箭头函数指向函数所在的所用域(函数域):注意理解作用域,只有函数的{}构成作用域,对象的{}以及 if(){}都不构成函数作用域 const obj = { name:...

发布博客 2020.03.04 ·