- 博客(66)
- 收藏
- 关注
转载 React中的三大属性
一、前言: 属性1:state 属性2:props 属性3:ref 与事件处理二、主要内容:属性1:state 1,认识: 1) state 是组件对象中最重要的属性,值是一个对象(可以包含多个数组,有点像vue中的data属性) 2)组件被称为“状态机”,通过更新组件的state来更新对应的页面显示 2,操作state通常要...
2019-09-05 19:50:00 133
转载 Vuex细说
vuex1,什么是 vuex? vuex 是一个专门为 vue.js 应用程序 开发的状态管理模式+库 它充当应用程序中所有组件的集中存储(数据状态) ,其规则确保状态只能以可预测的方式进行变更 并且 组件状态 和 后台数据 都是响应的2,vuex使用方法? - 下载:$ npm i vuex -S - 在 store.js + 向 vue ...
2019-08-20 19:41:00 91
转载 typescript
typescript: typescript 是一种给 javascript 添加特性的语言扩展 1,安装全局 typescript 插件: 指令:npm i -g typescript 2,创建 ts 文件 3,指令:tsc index . ts 会生成一个跟你 ts 同名的 js 文件Hbulider 自动编译 ts 文件 1,安...
2019-07-16 19:02:00 137
转载 Es6
ECMAScript 6 ECMAScript 6.0 ( 以下简称 ES6 ) 是Javascript 语言的下一代标准,因此,ECMAScript 和 Javascript 的关系是,前者是后者的规格,后者是前者的一种实现 (另外的ECMAScript 方言还有 Javascript 和 ActionScript)es6变量: 1,声明(定义)变量的关键字 ...
2019-07-07 19:35:00 300
转载 前端模块化
Js提供了三种规范: 1, commonjs规范··代表的就是node.js··适合后台开发·因为是同步的·服务器的运行比较快,等待时间不长,common.js不适合用于前端,前端的客户端是浏览器,浏览器追求异步加载,浏览器不能等待太长时间 2,前端模块的规范是Amd规范,代表就是requirejs,他是异步的,很多前端框架都是用的amd规范 比如jquery,Agul...
2019-07-04 20:37:00 85
转载 Webpack
webpack 是一个前端资源加载/打包工具 常见的资源:图片,视频,css,js,json等 它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源第一步:下载 npm install -g webpack@3.8.1 全局 npm install webpack@3.8.1 --save-dev 局...
2019-06-04 15:03:00 71
转载 npm
npm全称 node package manager node包管理工具,增删查改 网址---https://www.npmjs.com/什么是 NPM npm 之于 Node.js ,就像 pip 之于 Python, gem 之于 Ruby, pear 之于 PHP 。 npm 是 Node.js 官方提供的包管理工具,他已经成了 Node.js...
2019-06-03 15:17:00 116
转载 模块化开发
mobile1,模块===包 * 传统开发,整个网页我们写了一个js文件,所有的特效都写在里面了 <script src="js/app.js"></script> 缺点:变量容易全局环境 耦合度太高,代码之间的关联性太强,不便于后期的维护 * 将一个复杂的js文件 ...
2019-06-03 14:22:00 82
转载 百度地图API 基本用法
百度地图 百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。 百度地图JavaScript API支持HTTP和HTTPS,免费对外开放,可直接使用。接口使用无次数限制。在使用前,您需先申请密钥(ak)才可使用...
2019-05-24 09:41:00 190
转载 Jquery实现左右轮播效果
首先展示下静态布局h5代码,代码非常简单。 <div id="slide"> <ul class="pic-list"> <li><img src="banner1.jpg"></li> <li><img src="banner2.jpg"></li>...
2019-05-23 17:31:00 202
转载 Html5离线缓存详细讲解
实例 - 完整的 Manifest 文件 1,什么是应用程序缓存(Application Cache) HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。 离线缓存: 离线缓存可以将站点的一些文件缓存到本地,它是浏览器自己的一种机制, 将需要的文件缓存下来,以便后期即使没有连接网...
2019-05-23 10:17:00 154
转载 CANVAS画布与SVG的区别
一,canvas画布···位图 <canvas> 标签定义图形,比如说图表和其他图像,您必须使用脚本来绘制图形 默认情况下 <canvas> 元素没有边框和内容。 canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成: * 不要在style中给canvas设置宽高 会有位移差二,svg...
2019-05-21 19:37:00 116
转载 html5新增表单控件和表单属性
表单验证 Invalid事件 : 验证反馈 input.addEventListener('invalid',fn,false) 阻止默认验证:ev.preventDefault() formnovalidate属性 : 关闭验证 <form action= "http://www.baidu.com"> <i...
2019-05-15 11:13:00 606
转载 初识HTML5
页面结构划分的标签: header 用在页面的头部或者版块的头部也可用于板块头部 footer 定义文档页脚,它不只是页面的最底部,在文档中也可以定义多个 nav 定义导航栏 aside 定义页面的侧边栏内容 article 定义页面独立的内容区域 hgroup 一个标题和一个子标题,或者标语的组合 ...
2019-05-15 10:44:00 76
转载 移动端页面开发流程
移动布局: 1,移动设备 手机和ipad 安卓系统iOS系统 安卓系统 内置浏览器是谷歌,iOS内置safari浏览器,他们的内核都是webkit,不考虑兼容性,需要考虑的是安卓和iOS的区别 2,布局 设备宽度···设备的实际大小,设备的分辨率···厂家给的 页面的大小···设计稿上的大小 浏览器的视口···浏览器自带的 通...
2019-05-07 20:48:00 109
转载 MySQL命令总结
MYSQL 这是一个关系型数据库,存在表的概念 结构:数据库可以存放多少张表,每张表可以存放多少字段,每个字段可以存放多少记录DOS命令操作数据库 phpstudy使用终端打开数据库:其他选项---mysql工具---快捷创建数据库 对数据库进行增删查改 ;分号,是数据库的结束标志 show databases; 查看数据库...
2019-04-10 20:06:00 61
转载 PHP之面向对象(下)
1,类的创建 class 2,对象的创建 new关键字 3,成员的添加 修饰符 添加成员需要三个修饰符 public 公开的 定义公共的属性和方法,类的外部,内部,子类都可以使用 protected 受保护的 定义受保护的属性和方法,只能在类的内部,子类使用 priva...
2019-04-10 11:14:00 75
转载 PHP之面向对象(上)
PHP 1,定义:动态交互的计算机语言,弱类型语言 静态交互 html css js 凡是动态交互的都需要服务器phpstudy 2,使用集成服务器phpstudy apache 服务器 mysqi 数据库 WWW 是根目录,写好的项目放在根目录下面打开 打开方式---ip...
2019-04-09 20:49:00 74
转载 Git教程
Git简介Git是什么? Git是目前世界上最先进的分布式版本控制系统(没有之一)。Git有什么特点? 简单来说就是:高端大气上档次!Git安装: https://git-scm.com/download/winGit安装步骤: 1,双击安装包 2,点击next(一路默认) 3,finish完成 Git...
2019-04-09 17:06:00 96
转载 DOS常见命名整理
Dos命令 1、打开终端的方式 (1)、window+R / 点击开始栏,输入cmd,然后回车 (2)、在某个文件夹下打开终端 按住shift+右击,有个在此处打开命令窗口 2、修改终端背景和文字颜色的指令 在终端输入 color help,然后回车 然后,输入color 0F 表示黑色...
2019-03-31 20:11:00 302
转载 CSS3
css31,选择器: 标签,ID,class,子代,后代,伪类,结构,交集,并集,通配符,相邻+,兄弟~2,浏览器的内核+浏览器前缀 css3针对同一样式在不同的浏览器的兼容,需要在样式属性前加上内核代码; 3,css3的过渡属性 transition 简写属性,用于在一个属性中设置四个过渡属性; transition-proper...
2019-03-18 20:27:00 95
转载 如何渲染数据
渲染数据 数据渲染: 字符串拼接 dom创建 模板 文档碎片 Dom回流: 每当对dom元素进行增删改的时候,浏览器就会重新加载一个,把新的结果渲染出来; 案例:ul 下面有三个 li ,每个 li 有一个onmouseover事件; 1,字符串拼接(最常用) var list = document.querySel...
2019-03-14 15:18:00 90
转载 Ajax
Ajax: 简介--------- AJAX是“ Asynchronous JavaScript and XML ”的缩写。他是指一种创建交互式网页应用的网页开发技术。 ajax = 异步 javascript 和 xml ajax 是一种用于创建快速动态网页的技术 通过在后台与服务器进行少量数据交换,ajax可以使网页实现异步更...
2019-03-13 11:32:00 91
转载 正则-RegExp
正则-RegExp 正则,是一条规则,用于检验字符串格式,目标就是字符串; 只要是表单提交的数据都是字符串 定义: 1,var reg=/格式/ 2,var reg=new regexp() 方法: 两大功能---匹配,test() 成功就是true,反之false; 捕获,exec() 成功就会拿出来,没有就...
2018-12-21 17:15:00 82
转载 Date+闭包
date类: var time=new.date() get date() 返回一个月中的某一天 get day () 返回一周中的某一天 get fullyear() 对象以四位数返回年份 get hours() 返回对象的小时 get minutes() 返回date对象的分钟 get seconds() 返回date对象的秒数...
2018-12-21 16:08:00 92
转载 函数内this指向+排序+找出数组大小项+Math类
解决函数内this指向: 1,可以在函数外提前声明变量 _this/that = this 2,通过apply()和call()来修改函数内的this指向 二者区别: 用法是一样的,参数形式不一样 fn.call(obj,ab) fn.apply(obj,[a,b]) 二者代表的是将函数内的this换成obj之后,然后把fn调用...
2018-12-21 15:34:00 68
转载 事件对象+键盘事件
事件对象每个元素身上的事件都是天生自带的,不需要定义,只需要我们给这个事件绑定一个方法,当事件触发的时候就会执行这个方法事件绑定的写法: 1---div.onclick=function(){} (dom零级事件绑定) 2---div.addeventlistener() (dom二级事件绑定) div.attachevent() 二者区别:...
2018-12-21 14:40:00 131
转载 简述事件捕获和事件冒泡的区别
object基类: function array number Boolean string date math regexp事件: 浏览器客户端上客户触发的行为都称为事件 所有的事件都是天生自带的,不需要我们去绑定,只需要我们去触发;通过obj.事件名=function(){} 事件名:onmouseup;onmousedown;onclick。。。...
2018-12-21 11:03:00 264
转载 作用域经典面试题
1var a=12;function fn(){ console.log(a) //undefined var a=45; console.log(a) //45}fn() 2var a=12;function fn(){ console.log(a) //12 a=45; console.log(a) ...
2018-12-02 20:40:00 104
转载 Js中级复习
JS中级复习——1,this 就是js的关键字 用途:指向某一个对象 如何判断this指向: 函数(方法)内—— 一种以函数的方式调用(不带.)this指向window 一种以方法的形式调用(函数名前面带.)this指向点前面的 函数(方法)外 this指向window this指向的特例: ...
2018-11-30 15:37:00 84
转载 事件绑定+call apply指向
JS高级事件—— 浏览器客户端上客户触发的行为都称为事件 所有事件都是天生自带的,不需要我们去绑定,只需要我们去触发,通过obj.事件名=function(){ } 事件名:onmousemove;onmouseup;onmousedown;等等 当用户触发一个事件时,浏览器所有详细信息都存在一个叫event的对象身上;我们把它叫事件对象 所有的事件在绑...
2018-11-30 14:58:00 72
转载 BOM
BOM--Browser object model(浏览器对象模型) 1,window.open(url,ways) url:打开的网页地址; ways:打开方式-self;-blank 2,window.close() 3,window.navigator.useragent 浏览器用户信息 4,window.location 浏览器地址信息 5,...
2018-11-29 17:09:00 64
转载 a属性+DOM创建回流+动画运动+
超链接a的属性 href分析: < a href = " " > 点击刷新页面,相当于向后台发送了一次请求 < a href = " # " > 锚点跳转,跳到叫ID为。。的位置上 < a href = " Javascript:; " > 取消刷新页面拓展: 字符串拼接和DOM创建都是渲染的方式 字符...
2018-11-29 16:57:00 84
转载 DOM创建节点
1.DOM--document object model 常用的节点类型: 元素节点;(标签) 属性节点;(标签里的属性) 文本节点;(文本节点)2,document有个属性叫nodetype,返回的是数字 代表元素节点;属性节点;文本节点3,节点的获取: 元素节点-- document.getelementById()...
2018-11-29 16:25:00 167
转载 29)
1,JS操作css样式: div.style.width="100px".在div标签内我们添加了一个style属性,幷设置了width;这种写法会给标签带来大量的style属性,跟实际项目是不等的。 window.getComPutedStyle()获取经过计算机的所有属性,就是只要渲染出来的都是经过计算的 getComPutedStyle() 第一个参数是...
2018-11-29 16:00:00 66
转载 28)
元素的属性——attributes div.attribute 是所有标签属性构成的数组集合 div.classlist 是所有class名构成的数组集合 classlist的原型链上看到 add();remove() 1.client系列 client Width / client Height 设置的宽 高 内边距 (无边框) ...
2018-11-12 19:46:00 74
转载 27)
面向对象: 通过封装函数得到一个类,类又可以实例出子对象,类上分公有私有的,函数类上的都是私有的,原型上的都是子实例的公共属性可继承的,实例在操作他属性的时候,私有的直接使用,没有就按__proto__找公有的。针对表单: form input select textarea(拉伸文本域) type=“ radio” 单选 “ CheckBox” 复选...
2018-11-12 19:16:00 81
转载 26)
函数: 函数在调用的时候,会形成一个私有作用域,内部的变量不会被外面访问,这种保护机制叫闭包。这就意味着函数调用完毕,这个函数会形成栈内存会被销毁 函数归属谁,跟她在哪调用没有关系,跟在哪定义有关补充: 每个函数都天生自带一个return,如果写return,返回什么是什么,如果不写,就是undefined 类,他的本质也是函数,里面也有return,但默认是...
2018-11-05 20:47:00 78
转载 25)
数据存储方式: string array json面向对象三大特点: 封装 多态 继承构造函数最终目的是生成对象我们把封装的那个函数叫类类里面的属性是私有的类原型上的属性是公有的,可继承的1,函数天生自带一个prototype属性,属性是对象2,prototype对象天生又有constructor属性,属性值是类本身3,实例天生又有__...
2018-11-04 19:33:00 56
转载 24)
js数据类型:基本数据类型:string undefined null Boolean number引用数据类型:object array function二者区别: 基本数据类型就是简单的赋值 引用数据类型就是把引用地址赋值给变量堆内存: 就是存放代码块的,存放有两种形式: 一是对象以键值对形式存放 ...
2018-11-01 20:42:00 46
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人