知识点
关注
分享
扫一扫
mustang(野马）
I'm 1600834563
展开
-
DOM/查找
4、DOM节点1、节点树标签,标签属性,内容文本,注释,document都是节点清楚： 元素和节点的区别console.log(document.nodeName);//节点名称parent 父 英 /'peər(ə)nt/node 节点 英 /nəʊd/children 孩子 英 /'tʃɪldrən/ chilprevious 之前的 英 /'pr...原创 2019-06-12 23:20:50 · 263 阅读 · 0 评论 -
promise的理解已经利用promise实现图片的预加载（顺序加载）
1、先介绍一下面向对象的函数图片预加载写法var num=3;//这个定义为3是因为图片名称定义，在给图片起名一般是其他是固定，同一个位置修改为不同数字var list=[];//空数组用来存加载完成的init();function init(){var img=new Image(); //创建一个Image对象img.addEventListener("load",loadHand...原创 2019-07-24 22:18:42 · 4194 阅读 · 1 评论 -
关于 vue-cli 脚手架安装，以及对接项目做的工作， 项目复制使用的问题（后期持续更新）
vue的脚手架安装 vue cli1、安装前端开发框架和环境都是需要 Node.js ，先安装node.js开发环境，vue的运行是要依赖于node的npm的管理工具来实现，下载https://nodejs.org/en/，安装完成之后，打开cmd开始输入命令。（我用的是win10系统，所以需要管理员权限，右键点击以管理员身份运行cmd），不然会出现很多报错。2、查看node的版本号...原创 2019-08-02 20:03:58 · 809 阅读 · 0 评论 -
npm中的 i g s
npm i module_name -S = > npm install module_name --save 写入到 dependencies 对象ornpm i -S module_name npm i module_name -D => npm install module_name --save-dev 写入到 devDependencies...原创 2019-08-02 20:45:28 · 693 阅读 · 0 评论 -
innerHTML与outerHTML 的区别？
1.innerHTML<body> <p>你好</p> <div id="test"><h5>就是喜欢你</h5></div> <script type="text/javascript"> var hj=document.getElementById("test").innerHT...原创 2019-07-25 22:35:00 · 789 阅读 · 0 评论 -
json-server---基本使用
json-server—基本使用一、前后端并行开发的痛点前端需要等待后端开发完接口以后 再根据接口来完成前端的业务逻辑二、解决方法在本地模拟后端接口用来测试前端效果 这种做法称之为构建前端Mock三、json-server的基本使用 (1)、全局安装 cnpm install json-server -g(2)、准备json文件 (data.json) json-se...原创 2019-08-01 11:27:54 · 922 阅读 · 0 评论 -
webpack
一、初识webpack1、什么是webpack?WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用2、webpack工作的方式把你的项目当做一个整体，通过一个给定的主文件（如：index.js），Webpack将从这个文件开...原创 2019-07-27 10:24:02 · 211 阅读 · 0 评论 -
vue中的render函数介绍
vue中的render函数介绍1、render函数是什么 2、render函数怎么用render函数是什么 简单的说，在vue中我们使用模板HTML语法组建页面的，使用render函数我们可以用js语言来构建DOM 因为vue是虚拟DOM，所以在拿到template模板时也要转译成VNode的函数，而用render函数构建DOM，vue就免去了转译的过程。 当使用render函数...原创 2019-07-27 14:56:42 · 309 阅读 · 0 评论 -
for in 与Object.keys()的区别
for in 与Object.keys()的区别function Person(name, age) { this.name = name; this.age = age;}Person.prototype = { sex: "男"}var man = new Person("张三", 18);console.log(Object.keys(man));//...原创 2019-07-23 15:08:20 · 1627 阅读 · 0 评论 -
object.defineProperty 基本使用
object.defineProperty 基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2019-07-23 15:22:16 · 146 阅读 · 0 评论 -
Vuex 公共状态管理模式（最好的非父子组件传值方案）
Vuex:公共状态管理模式。最好的非父子组件传值方案1、cnpm install vuex -S;2、引入vue3、引入vuex4、使用vuex vue.use(vuex)Vuex中常用的5个属性 01 state: 用来存储公共的状态 辅助函数： mapState 书写方式有2中 ...原创 2019-08-01 11:24:55 · 302 阅读 · 0 评论 -
案例模拟使用数据（用到 json-server）（继续更...）
1、安装json-server全局安装 cnpm install json-server -g2、安装完成后可以用 json-server -h 命令检查是否安装成功，成功后会出现3、在项目内创建一个data问价夹，在该文件夹内创建data.json文件在data.json 文件内写在该文件的data 数组中写 需要模拟是的数据4、执行 json-server...原创 2019-08-01 11:32:33 · 301 阅读 · 0 评论 -
在此总结一下this向的问题
关于this的指向问题概要在javascript当中每一个function都是一个对象，this是javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用this出现的场景分为四类1、有对象就指向调用对象2、没调用对象就指向全局对象：window是js中的全局对象3、用new构造就指向新对象4、通过apply或者call或bind来改变thi...原创 2019-08-01 21:06:15 · 129 阅读 · 0 评论 -
javaScript遍历对象总结（持续更新）
javaScript遍历对象总结在日常工作过程中，我们对于javaScript遍历对象，今天抽空把经常用到的方法小结一下，方便今后参考使用！1、使用Object.keys()遍历 返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性).var obj = {'0':'a','1':'b','2':'c'};Object.keys(...原创 2019-07-29 15:01:32 · 583 阅读 · 0 评论 -
服务端渲染与客户端渲染的区别（优缺点）
服务端渲染与客户端渲染的区别服务器端渲染？互联网早期，用户使用的浏览器浏览的都是一些没有复杂逻辑的、简单的页面，这些页面都是在后端将 html 拼接好的，然后返回给前端完整的 html 文件，浏览器拿到这个 html 文件之后就可以直接解析展示了，这也就是所谓的服务器端渲染。客户端渲染？而随着前端页面的复杂性提高，前端就不仅仅是普通的页面展示了，可能是添加更多功能的组件，复杂性更大，另外，...原创 2019-07-19 10:03:35 · 2812 阅读 · 0 评论 -
数组
05271、数组基础数组是存储一系列值的变量。该变量名称，叫做数组名。组成数组的各个变量，叫做数组的元素。用于区分数组的各个元素的数字编号，被称为下标（索引），下标由 0 开始。数组的作用：使用单独的变量名，存储一系列的值。数值的创建1、字面量定义数组字面量定义数组// var arr=[];//空数组,这个数组中没有任何元素// var arr1...原创 2019-06-12 23:23:02 · 176 阅读 · 0 评论 -
数组遍历forEach和map应用及区别
数组遍历forEach和map应用及区别forEach定义和用法forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。注意: forEach() 对于空数组是不会执行回调函数的。1、利用forEach（）遍历数组forEach()方法用于调用数组每个元素，并将元素传递给回函数。语法：array.forEach（function（item，index，arr...原创 2019-06-12 23:24:44 · 791 阅读 · 0 评论 -
ES6类的使用，结构写法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ES6类的使用</title></head><body><script> //定义类名 class Box{//...原创 2019-06-14 19:49:10 · 741 阅读 · 0 评论 -
PHP、AJAX、二阶段第五周
学东西，永远不要妄想有速成这一说，技巧再多，但是缺少努力，那也是白搭。多借鉴别人成功的代码，绝对是有益无害，所以要多看那些经过千锤百炼凝出来的经典代码，是进步的最好方法。学习一项技术过程中可能会遇到困难，可能会迷茫，你也许学了一半的PHP，又开始打C#的主意，或者有人说Java很好，这个时候你绝对不能动摇，要坚持到底，彻底学会。PHP如何打开运行表单连接PHPAJAX连接PHPnode...原创 2019-06-23 21:31:59 · 237 阅读 · 0 评论 -
学习JavaScript初步要掌握的知识点（后续更新）
1、JavaScript的DOM对象2、独立完成JavaScript特效，比如：banner图（轮播图），选项卡，倒计时…？3、事件委托（又称：事件代理）4、面向对象？5、构造函数？6、addEventListener和onclick之间的差别7、浏览器的默认行为及如何阻止默认行为8、变量命名方式规范，驼峰命名法或其他命名法9、面向对象实现的案例10、ES611、字符串拼接HT...原创 2019-06-24 20:07:01 · 140 阅读 · 0 评论 -
jQuery选择器（基础选择器、进阶选择器）
jQuery选择器，基础选择器、进阶选择器<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-06-24 23:08:33 · 240 阅读 · 0 评论 -
传统的DOM渲染方式？
1.什么是DOM渲染？DOM渲染指的是对于浏览器中展现给用户的DOM文档的生成的过程。2.DOM渲染的演化过程，大致可以分为可以分为三个阶段：纯后端渲染纯前端渲染服务端的js渲染结合前端渲染（1）.纯后端渲染：采用这样的渲染方式，就是每一个页面中，在Chrome中展开得到的DOM，和服务器返回的DOM是基本一致的（可以通过查看网页源代码来得到服务器返回的DOM）。当然，这里是“...原创 2019-07-15 20:29:56 · 198 阅读 · 0 评论 -
单页面开发与多页面开发的优缺点
**单页面应用（SPA）：**指只有一个主页面的应用，包含（ html, js, css）。所有的页面内容都包含在这个所谓的主页面中。但在写的时候，还是会分开写（页面片段），然后在交互的时候由路由程序动态载入，单页面的页面跳转，仅刷新局部资源。多应用于pc端。单页面的优点：1，用户体验好，快，内容的改变不需要重新加载整个页面，基于这一点spa对服务器压力较小2，前后端分离3，页面效果会比较...原创 2019-07-15 20:52:49 · 567 阅读 · 0 评论 -
什么是模块化？模块化的好处
什么是模块化简单地说，模块化就是有组织地把一个大文件拆成独立并互相依赖的多个小模块。模块内部有许多私有属性，只向外暴露一部分公开的接口(如可以修改私有属性的方法等)模块化是一种处理复杂系统分解为更好的可管理模块的方式。所谓的模块化开发就是封装细节，提供使用接口，彼此之间互不影响，每个模块都是实现某一特定的功能。模块化开发的基础就是函数。模块化开发使代码耦合度降低，模块化的意义在于最大化的设...原创 2019-07-15 21:16:37 · 7691 阅读 · 0 评论 -
关于报文
HTTP报文的结构https://blog.csdn.net/kongmin_123/article/details/82154780HTTP请求报文和HTTP响应报文https://www.cnblogs.com/sjm19910902/p/6423181.htmlHTTP 协议报文解析https://blog.csdn.net/chf1142152101/article/detail...原创 2019-07-15 21:57:34 · 115 阅读 · 0 评论 -
当输入www.baidu.com的时候按下回车会发生什么事情？
1.DNS解析 域名解析2.找到相对应的服务器3.TCP三次握手4.找到相对应的资源库5.返回相对应的页面并进行页面解析6.解析完毕后,返回客户端原创 2019-07-15 22:18:01 · 740 阅读 · 0 评论 -
MVC模式、加密、jsonwebtoken
MVC模式、加密、jsonwebtoken一、MVC模式（架构思想）M:model层，主要是数据的增删改查V:view层，主要是视图的展示C:controller层，主要负责业务逻辑二、加密（md5加密、sha256加密）1.sha256加密：以一个随机字符串的形式将需要加密的字符进行加密，安全性比md5加密方式要好2.sha256加密步骤： 1）引入加密模块 const...原创 2019-07-18 23:36:49 · 162 阅读 · 0 评论 -
购物车总价的计算出现多位小数问题...(持续更新...)
在小数相加时，可能会产生多个小数位。如下所示：var x=1+1; //2var x=1.20+1.11; //2.31var x=1.56+1.76; //3.3200000000000003导致上述原因是因为Javascript的数字类型是以64位的IEEE 754格式存储的。在用的时候一定要小心，测试要到位。解决方法：1、 加上toFixed()函数就可以...原创 2019-08-01 23:27:46 · 1454 阅读 · 0 评论