- 博客(40)
- 收藏
- 关注
RSS订阅原创 webpack简单介绍
webpack本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。https://www.webpackjs.comrolluppacel...
2019-12-22 20:30:37
189
原创 vue基础七
前后台分离开发 mock数据前后台分离，在后端接口，没有写好时，自己mock数据。数据字段 一定要和后端 设计数据库一样mock.js 自己百度怎么用json-sever https://github.com/typicode/json-server#getting-started 1，安装 全局 npm i json-server -g 2,在任意目录 （项目...
2019-12-22 20:28:41
104
原创 vue基础六
vuecli脚手架：搭建 vue 单页面应用的 环境安装npm i -g @vue/cli初始化项目vue create appNamevue ui目录结构pulic 静态资源目录 静态资源放在public 不会被webpack 处理 最终build 时，不会做任何处理src assets 静态资源 会被webpack处理 css js xx 会自动扔进 d...
2019-12-22 20:27:04
100
原创 vue基础五
前端路由随着 前后台分离 以及spa应用 产生的，前后台分离 网页http请求，指向的前端代码，此时spa应用，需要路由拦截 http请求，网页请求：第一次 给 .html文件，根据路由 渲染 部分内容spa:single page application:单页面应用一个应用只有一个html,切换页面速度会特别快，webapp一般都是用 spa 缺点： 1，第一次打开 速度会比中正常...
2019-12-22 20:26:19
103
原创 vue基础四
组件间关系组件间注册的原因可以分成以下两种关系: 父子组件 兄弟组件由于组件间的两种关系 所以有了三种通信 父向子传数据 子向父传数据 兄弟之间传数据 傻瓜组件 聪明组件 容器父向子传数据子组件中增加props属性 写法两种： 1，数组 数组各个值 就是 父组件向子组件传的数据的键，使用跟data中的数据用法是一样的 所以需要注意的是 props数组中的值 ...
2019-12-22 20:24:56
132
原创 vue基础三
ajaxxhr对象流程很麻烦新的ajaxcontent-type:“application/json”前台向后台发送数据格式一般常用的有两个一个是 conten-type:"application/x-www-form-urlencoded""名字=值&名字=值2" conten-type:"application/json" { key:...
2019-12-22 20:23:52
137
原创 vue基础二
条件渲染v-show指令 将元素的 显示、消失 与一个data进行绑定v-if 指令 将元素的显示、消失 与一个data进行绑定v-show：改变元素的display控制显示消失v-if :直接移除插入元素 控制元素显示消失v-ifv-elsev-for 指令 列表渲染 循环vue获取事件源 和 事件源自定义属性<div class="box" id="xx" aa...
2019-12-22 20:21:51
66
原创 Vue基础一
前端发展历史1，网页制作 没有ajax 纯展示为主2，ajax 功能复杂 开发模式 是以后台MVC为主导 前端：写静态页 js jquery效果3，backbone angular 1.x mvc4，mvvm react vue 前后台分离 spa single page application大前端：多端 web 原生(uni) 小程序 nodejs（中间层） ta...
2019-12-22 20:18:30
60
原创 React基础相关
webpackwebpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle其它相似打包工具还有rollup.js 、 parcel、FIS等按照webpack的指南...
2019-12-22 19:53:23
152
原创 闭包和继承
闭包和继承 js有 两种作用域：全局 局部 全局：可以在任意位置使用，且一直会存在在内存中，不会被js垃圾回收机制，回收 局部：函数内部声明的变量，只能在函数内部使用，且在函数调用结束后，会立即销毁，不会保存在内存中如何在外部访问js函数内部声明的变量闭包：可以实现在外部访问函数内部声明的变量结构：函数嵌套函数好处：var scope = "global scope"; f...
2019-12-22 19:45:34
85
原创 git相关
Githttps://www.liaoxuefeng.com/wiki/896043488029600/896202780297248什么是Git?Git是一款源代码管理工具(版本控制工具)我们写的代码需要使用Git进行管理。源代码有必要管理起吗？1.02.0 //svn,vss,vcs… git有必要，因为人工的去处理不同的版本，做相应备份会很麻烦。Git是linux...
2019-12-22 19:42:42
74
原创 gulp相关
gulpGulp 是基于node.js的一个前端自动化构建工具，开发这可以使用它构建自动化工作流程（前端集成开发环境）。使用gulp你可以简化工作量，让你把重点放在功能的开发上，从而提高你的开发效率和工作质量把一个文件拷贝到另一个位置把多个js或css文件合并成一个文件，以减少网络请求数对js文件和css文件进行压缩合并 以减少网络流量压缩图像文件，以减少网络流量创建一个可以实...
2019-09-28 17:57:20
101
原创 模块化管理
Javascript 模块化管理的来世今生模块管理这个概念其实在前几年前端度过了刀耕火种年代之后就一直被提起，那么我们有思考过这个模块管理具体指的是什么东西？什么样子的展现形式？历史由来？现在是什么样的一个状态？直接回想起来的就是 cmd amd commonJS 这三大模块管理的印象。但是大家清楚 cmd amd commonJS 为什么会出现么？接下来，我们就一起来瞅瞅这具体是啥情况。一...
2019-09-28 17:39:48
2922
原创 node.js基础
先来说明一下JS的运行环境浏览器中有内核，在内核中：有内容排版引擎 ，即js解释引擎chrome 内核是 webkit ，js解释引擎为V8所以node本质上讲是独立安装的V8引擎node功能充当实时服务器运行js代码 （在服务器上运行）处理后台程序语言可以有什么功能,不取决于语言本身，取决于它的运行环境js运行在浏览器中js组成部分： js基础语法 bom d...
2019-09-28 16:36:52
101
原创 jQuery相关操作
jquery事件相关事件对象$("button").click(function(e){ // e就是事件对象 事件函数的第一个参数就是事件对象});取消冒泡$("button").click(function(e){ e.stopPropagation(); // e就是事件对象 事件函数的第一个参数就是事件对象});取消 默认事件e.prevent...
2019-09-28 15:03:15
143
原创 jQuery基础
jquery是一个js库，里面封装好了很多的api，我们直接调用就可以特点· 强大的选择器· 出色的 DOM 操作的封装· 可靠的事件处理机制· 完善的 Ajax· 不污染顶级变量· 出色的浏览器兼容性· 链式操作方式· 隐式迭代· 行为层与结构层分离· 丰富的插件支持· 完善的文档· 开源jquery入口函数原生js window.onloadjquery: $...
2019-09-28 14:08:40
73
原创 AJAX回调函数
ajax回调函数嵌套使用存在问题（回调地狱）： a b c d四个请求 a请求成功后开始b请求，b请求成功后开始c请求，c请求成功开始d请求 ajax(url,{},function(){ a请求 xxxxx xx xx xxx //开始b请求 ajax(url,{},function(){ b请求 xxx xxx xx //开...
2019-09-28 10:13:33
538
原创 php及mysql关联
php基础语法1，基础语法文件的默认文件扩展名是 “.php”脚本以 <?php 开始，以 ?> 结束2，php变量3，php输出4，php逻辑结构5，循环6，php数组数据库基础语法MySQL 是最流行的关系型数据库管理系统（非关系型数据库简略介绍）关系数据库管理系统(Relational Database Management System)的特点数...
2019-09-28 10:07:07
1115
原创 HTTP相关
http协议简介HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。工作原理HTTP协议工作于客户端-服务端架构上。浏览器作为HTTP客户端通过URL向H...
2019-09-28 09:54:52
67
原创 cookie相关
cookie* cookie是每个客户身份的通行证，相当于一个身份证* cookie 特点 * 文件有大小限制：4KB(文件若没有大小限制，比如身份牌的重量是140斤，挂脖子能不能累死？) * 数量限制：（一般浏览器，限制大概在50条左右） * 读取有域名限制：不可跨域读取，只能由来自 写入cookie的 同一域名 的网页可进行读取。简单的讲就是，谁写的cookie，谁才有权利读取。 ...
2019-09-28 09:46:14
186
原创 AJAX相关
AJAXAsynchronous JavaScript and XML（异步JavaScript和XML)节省用户操作，时间，提高用户体验，减少数据请求传输获取数据AJAX优点不需要插件支持（一般浏览器且默认开启 JavaScript 即可）用户体验极佳（不刷新页面即可获取可更新的数据）提升 Web 程序的性能（在传递数据方面做到按需放松，不必整体提交）减轻服务器和带宽的负...
2019-09-28 09:35:30
55
原创 跨域相关
ajax跨域同源策略：基于浏览器的安全考虑，浏览器各个厂商之间出现了一个约定，这个约定叫做同源策略。这个约定的主要内容就是，域和域之间数据不共通。什么是同源：协议名 域名 端口 必须相同因为要获得其他域中的数据，需要跨域同源策略是浏览器的一种安全策略，所谓同源是指，域名，协议，端口号完全相同限制：cookie、localStorage和IndexDB无法读取无法操作跨域的...
2019-09-28 09:20:54
93
原创 服务的概念
服务意思是指履行职务，为他人做事，并使他人从中受益的一种有偿或无偿的活动，不以实物形式而以提供劳动的形式满足他人某种特殊需要；也指任职（百度百科）客户端服务器web服务：客户端（浏览器） 被服务服务器 服务者Web服务器一般指网站服务器，是指驻留于因特网上某种类型计算机的程序，可以向浏览器等Web客户端提供文档，也可以放置网站文件，让全世界浏览；可以放置数据文件，让全...
2019-09-28 09:10:09
557
原创 JSON
JSONjson 不是js语法，语言通用（模仿js对象的写法 储存数据格式）数据格式 用于传输数据的（前后台）json是js对象的严格语法：键和值得一一对应关系属性名（键）是需要加 “”var json={ "name":"小明", "age":18, "gender":"男"}JSON对象JSON.stringify 将 json或者json数组转换成字符串json...
2019-09-23 17:17:56
137
原创 ES6相关
let声明变量1，不能重复声明 报错let a=10;let a=20; //报错2，不存在预解析 不存在声明提前console.log(b); //报错let b = 20;3，增加块级作用域 {}{ let c=20; console.log(c); //20}console.log(c);//报错const 声明常量1，声明的时候就必须赋值 c...
2019-09-23 17:17:33
55
原创 面向对象和原型
面向对象是一种编程思维所有的程序中的参与的对象提取出来，给对象 设置不同的属性和方法el: 老师 小明 买豆浆 面向过程： 1，老师喊小明过来 2，小明过来 3，告诉小明去买豆浆 4，给他钱，告诉他记住找零钱 5，小明下楼到早餐店 6，小明排队 7，小明和营业员沟通买豆浆 给钱 8，营业员 收钱，找零， 准备豆浆 9，小明等待 ...
2019-09-23 17:17:16
166
原创 js中的this关键字
this 关键字 主要用于函数中 不同的场景下 指向不同//普通函数 window function fn(){ console.log(this); } fn(); //window //事件函数 指向事件源 var btn = document.querySelector('button'); btn.onclick = function(){ console...
2019-09-23 17:16:40
77
原创 正则表达式
正则表达式正则表达式：规则表达式，主要用于规定字符串的出现规则通过正则指定特定字符串出现的规则，去匹配某些字符串，如果匹配成功，就可以得到结果最简单的正则表达式语法关键字正文：abc正则对象 生成正则表达式语法糖： var reg = /abc/;构造函数 var reg = new RegExp("abc");test方法 检测一个字符串是否符合这个规则，如果符...
2019-09-23 17:16:14
116
原创 DOM节点
DOM节点js将 文档（hmlt），描述成了一个树状结构，dom树，html上的所有的东西（包含标签、文本、注释…）都在这个dom树，叫节点 节点不同分类常见的分类： 元素节点 文本节点 属性节点节点属性：node.nodeType 返回节点的类型的值元素节点 1属性节点 2文本节点 3（包含空格）node.nodeName 返回节点名字...
2019-09-23 17:15:43
253
原创 js事件
事件事件组成1，触发谁的事件 事件源2，触发是什么事件 click mouseover mouseout3,事件触发之后，干什么 事件函数 （干什么写在事件函数中）事件对象类似于飞机的“黑匣子” 用于保存 一个事件发生的时候，所有的信息比如：事件发生时鼠标的坐标如何获取事件对象： 兼容性问题：在不同浏览器上 获取方法不一样 在IE 以及DOM标准：全局的对象（win...
2019-09-23 17:14:55
56
原创 js定时器
定时器间隔定时器 永动机（隔一段时间，函数执行一次，如果你不手动清除，永远不会停止）setInterval(function(){},inter); 以毫秒为单位function fn(){}setInterval(fn,inter); 以毫秒为单位 eg: setInterval(function(){ //code },1000); 含义：间隔一秒...
2019-09-23 17:14:18
85
原创 DOM
DOMdocument object model 文档对象模型 操作htmldocument是最大的dom对象dom对象：js中把标签，称为dom对象获取元素通过元素的id获取document.getElementById(“id名字”)返回值：dom对象通过元素的标签名获取document.getElementsByTagName(“标签名”)返回值： 类数组注...
2019-09-19 09:00:24
61
原创 BOM
BOM(浏览器对象模型）window对象是js顶层对象，全局对象 window属性和方法，都可以省略window直接使用window:是浏览器BOM相关api，基本都是 window对象的BOM相关apialert() window.alert(); 弹窗prompt(); window.prompt() 弹窗接受用户输入信息confirm() 确认框 返回值...
2019-09-18 11:05:32
52
原创 js字符串
字符串字符串的两种创建方式（常量和构造函数）var str=“亲”var str = new String(“hello”)ASCII码和字符集https://blog.csdn.net/Deft_MKJing/article/details/79460485ASCII（American Standard Code for Information Interchange:...
2019-09-17 10:02:59
77
原创 js数组
数组数组是有序的元素序列，可以存储多个值怎么理解： 即一个变量 存储多个值数组是线性的：除了第一个元素，每一个元素都有一个前驱元素，除了最后一个元素，每一个元素都有一个后驱元素声明语法糖： array var arr = []; var arr=[1,2,3,4,5,6,87]; 构造函数写法： var arr = new Array(); var arr = ne...
2019-09-16 08:42:22
77
原创 js对象
对象（复合数据类型）对象：描述一个事物 的特征和行为 整体特征：属性行为：方法系统对象：数组 日期 正则 函数自定义对象var 对象名={ 属性:值, 属性2:值2, 方法:function(){}}怎么使用 属性 和方法：对象名.属性名 获取属性的值对象名.方法名() 调用 方法外部设置 属性 和方法：对象名.属性名=值 (如果属性不存在，新增一个属性，存在...
2019-09-14 21:14:51
64
原创 js作用域
作用域：域：空间 范围作用域：变量和函数的可访问范围全局作用域全局范围（不在函数中）：即是全局作用域全局变量：在全局作用域下声明的变量全局变量特点：在代码任意位置都可以使用一个变量，没有声明直接赋值（谨慎使用） 会自动变成全局变量函数作用域（局部作用域）函数内部 就是局部作用域局部作用域中声明的变量叫局部变量特点：只能在当前作用域以及子集作用域下使用函数内部声...
2019-09-12 15:45:46
82
原创 js的函数
函数函数是什么一段预定义好的可以反复执行的代码块 怎么理解：函数是一个工具或者容器，用于包裹代码块（若干语句）从而实现某个功能系统函数js定义好，可以直接使用parseInt() prompt() alert()…自定义函数系统函数无法满足需求时，程序员自己定义的函数，在函数中定义符合功能的代码块声明式定义函数函数定义（函数声明）function 函数名(){...
2019-09-11 09:45:36
97
原创 js分支结构和循环结构
if结构单分支：一个条件满足就执行 不满足就不执行if(条件){ 代码块.. }过程：如果条件满足 就执行代码块 不满足就不执行条件： 表达式 比较运算表达式 一个值条件判断中：会发生隐式转换 转换成布尔值一下转换成false 0 0.0 "" null undefined NaN&& ||条件判断中 如果同时出现 &&优先级高（类比...
2019-09-10 11:05:35
127
原创 初识JavaScript
什么是javascriptjavascript是一门面向对象的脚本语言什么是脚本：不能独立运行的需要依赖其他程序运行的语言例如:html只能在浏览器中运行,js必须嵌入到html中才能运行javascript发展历史布兰登·艾奇 js创作者（js之父）他原先为网景公司员工。Netscape做浏览器 , Netscape Navigator 在当时占据了很多市场份额 ，为7...
2019-09-09 11:44:33
161
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人