- 博客(43)
- 收藏
- 关注
RSS订阅原创 【干货】顺序执行
（2）区别：Promise.all() 所有数据；Promise.race() 先请求回来数据。，只需将 all 修改为 race。
2023-12-06 13:59:54
62
原创 React基础篇-表单相关
1.受控组件//使用 state 和 setState 来获取和修改表单元素的value值calss FormInput extends React.component{ constructor(props){ super(props); this.state={intValue:"123"}; this.changeFn=this....
2019-01-16 09:43:05
114
原创 React基础篇-条件&列表
1.条件语法//方法一：if-else的组合class LoginControl extends React.Component { constructor(props) {...} handleLoginClick() {...} handleLogoutClick() {...} render() { const isLoggedIn = this.state....
2019-01-15 14:55:45
242
原创 React基础篇-事件处理
1.示例class Toggle extends React.Component { constructor(props) { super(props); this.state = {isToggleOn: true}; this.handleClick = this.handleClick.bind(this); //绑定事件的this } ha...
2019-01-15 13:45:18
177
原创 React基础篇-组件的生命周期
1.前言1、生命周期总共分为三部分：实例化-存在期-销毁时2、整个生命周期中，不管props或state发生变化，其DOM都会发生重渲染；3、每个组件都是一个状态机，有自己的生命周期；4、相同的组件引用，生命周期一般不会出现互相影响的情况；2.第一部分：实例化初始化props；初始化state；虚拟DOM储存在内存；第一次DOM挂载成功；（以下方法是依次调用的）1、...
2019-01-11 14:29:10
197
原创 React基础篇-组件；props；state
1.定义组件//方法一：类似于构造函数的方式 function Welcome(props) { return <h1>Hello, {props.name}</h1>; } //方法二：ES6中类的方式 class Welcome extends React.Component { render() ...
2019-01-11 13:29:06
137
原创 React基础篇-JSX语法
1.简介const val= <h1> 2+2={2+2} </h1>;1、JSX是一种对javascript的扩展；2、在开发react项目时，为了方便组件的编写，常用JSX语法来定义组件内容；3、看上去像是HTML，但事实是它是在javascript内部实现的；4、书写JSX时，要尽量的标准化，因为在初始化时会进行初步检测，防止bug影响页面展示；...
2019-01-10 17:36:37
242
原创 React基础篇-初始
1.概念用于构建用户界面的 JavaScript 库。2.特点1、声明式：React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图，在数据改变时 React 也可以高效地更新渲染界面。以声明式编写UI，可以让你的代码更加可靠，且方便调试。2、组件化：创建好拥有各自状态的组件，再由组件构成更加复杂的界面。无需再用模版代码，通过使用JavaScript编写的组件你...
2019-01-10 13:39:07
240
原创 Less总结篇-CSS预处理语言
1.了解Less是一门CSS预处理语言，它扩展了CSS语言，增加了变量，Mixin，函数等特性，使CSS更易维护和扩展。更少可以运行在Node或浏览器端。2.使用方法方法一：“袋鼠”工具，下载单独软件先在本地转译，再把生成的.css文件引入；方法二：使用less的脚本进行实时转译，如下：<link rel="stylesheet/less" href="styles....
2019-01-08 15:27:34
273
原创 Git总结篇-基础概念了解
1.版本控制发展史CVS（开始：集中式）→ SVN（大成：集中式）→ Git（主流：分布式）→ github（社区：托管网站）2.学习原因1、方便管理版本，解决多人操作同一项目；2、提高工作效率，统一的代码提交和测试的环境；3、习惯性把个人代码同步github，github这块宝地，不可与Git同价，其关系就是大米和米缸的关系；3.了解Git1、概念：是一个免费开源分布...
2019-01-04 16:30:53
156
原创 总结篇-React框架相关（未完待续...）
react的特点1.虚拟DOM： 组件不再是直接生成DOM，而是生成虚拟DOM，React通过diff算法将变化再重新渲染。2.服务器端渲染： 服务器端渲染解除了服务器端对浏览器的依赖，它会将“view”部分先渲染，然后再交给客户端做渲染。3.组件化编码： 组件其实就是自定义的标签，通过JSX语法方便快捷的return复用性很强的DOM解构。4.声明式设计...
2018-12-27 17:30:09
168
原创 微信小程序总结篇
1.准备1、注册小程序账号，获得AppID，具体过程请参考：申请帐号2、安装腾讯提供的微信开发者工具，具体参考：微信开发者工具2.初始3.wxml文件（官方文档）1、简介：WXML是框架设计的一套标签语言，以此来构建出页面的结构，类似于HTML。2、标签（常用）： 微信小程序标签 ...
2018-12-26 15:13:18
297
原创 Vuex总结篇-vue状态管理模式
1.简介0.安装：npm install vuex --save;1.状态管理模式：开发过程中监视变量数值变化的工具；2.统一管理：它采用集中式存储管理应用的所有组件的状态；3.store仓库：vuex的核心，就是一个放数据的容器；3.响应式：状态变化会影响其使用的组件进行新的渲染和更新；4.显式变更数据：不能直接改变 store 中的状态。改变 store 中的状态的唯一...
2018-12-24 15:13:09
110
原创 Vue总结篇-vue-cli脚手架
1.安装1、安装node，安装简单，直接下一步就完事儿，包管理工具npm也同时安装完成；2、打开命令行工具：开始--运行--cmd--输入node -v--输出版本号就成功了；3、安装webpack，打开命令行工具：开始--运行--cmd--输入npm install webpack -g--等待安装完成；4、打开命令行工具：开始--运行--cmd--输入webpack-v--输出...
2018-12-24 14:04:03
181
原创 总结篇-Vue框架相关（未完待续...）
1.MV*的简单理解//MVC框架模式：基于分职责的原则，实现视图，数据，算法的分离。 Model(模型)+View(视图)+controller(控制器) 1.model盛放的就是需要展示的数据和状态变化的数据； 2.view通过controller控制器与Model产生联系； 3.controller是其他两者的协调者； 4.使用...
2018-12-19 15:03:20
218
原创 npm起点篇-快速入门
1.组成npm由三个独立部分组成： 网站：是开发者查找包（package）、设置参数以及管理 npm 使用体验的主要途径。 注册表 ：是一个巨大的数据库，保存了每个包（package）的信息。 CLI：通过命令行或终端运行。开发者通过 CLI 与 npm 打交道。2.查找步骤1：进入搜索网站https://www.npmjs.com/...
2018-12-19 10:44:42
163
原创 ES6讲解篇-1小时掌握核心
1.babel1、简介：让不支持ES6的浏览器支持它，原理就是把ES6语法转码成ES5。2、使用：babel-cli脚手架（npm可直接下载）；脚本引入（<script type="text/babel" src="./js/babel.js"></script>）。3、官网：https://babel.docschina.org/2.let 块级作用域...
2018-12-18 15:42:23
143
原创 Vue提高篇-模块打包工具webpack
1.准备高效的开发离不开高效的打包工作，在学习webpack之前我们需要了解一些关于Node.js和NPM相关的知识，在此只会写出基本的用法，以应对接下来要写的重点-webpack。Node.js官网：https://nodejs.org/en/NPM中文网：https://www.npmjs.cn/2.Node.js和NPM相关知识（此乃重点，需专学之，以通小理，贯通古今）1...
2018-12-14 16:41:07
1107
原创 总结篇-jQuery框架相关（未完待续...）
1.jquery不常用但实用的方法（1）位置相关 offset() $(“#qq”).offset() 相对浏览器窗口的位置 offsetParent() $(“#qq”).offsetParent() #qq相对最近的已经定位的祖先的位置 position() $(“#qq”).position() ...
2018-12-12 18:21:22
96
原创 总结篇-小案例（未完待续...）
动态格式化时间戳function getRenderTime(time,icon){ var d=new Date(); if(typeof(time)!="undefined"){ d=new Date(time); } var y=d.getFullYear(); var M=(d.getMonth()+1>9)?(d.ge...
2018-12-12 08:39:41
144
原创 总结篇-其他（未完待续...）
IDE-sublime常用操作整理（1）ctrl+shift+上下 上下移动光标所在行（2）ctrl+f、ctrl+h 查找、替换（3）ctrl+p @:符号跳转；#:关键字跳转；:行号跳转（4）alt+shift+1,2,5,8 分屏操作（1屏，左右屏，四分屏，上下屏）（5）alt点击切换菜单栏显示隐藏（6）f11全屏显示 shift+f...
2018-12-11 16:21:17
137
原创 总结篇-Javascript部分（未完待续...）
常用的四种设计模式1.工厂模式：解决多个相似的问题；2.单例模式：只能被实例化一次；3.沙箱模式：自执行函数，使用闭包把内部方法暴露出来，例： var fn=(function(){ function aFn(){}; return { aFn:aFn } })4.发布者订阅模式：有新消息主动推送的...
2018-12-11 16:20:52
211
原创 总结篇-CSS部分（绝对干货，未完待续...）
1.自定义溢出显示...（省略号）//情景一：单行显示省略号div{ width:100px; //多宽就要显示省略号 overflow:hidden; //溢出隐藏 text-overflow:ellipsis; //文本溢出模式 white-space:nowrap; //单行书写不换行}//情景二：多行显示省略号div...
2018-12-11 16:20:21
158
原创 总结篇-HTML部分（未完待续...）
base64图片使用a.在线转换图片为base64码(推荐地址：http://imgbase64.duoshitong.com/) ;b.html中使用base64：<img src=”data:image/图片后缀;base64,+base64编码”/>src与href的区别href：网络资源所在位置，用于超链接。src：外部资源的位置（本地或链接），指向的内...
2018-12-11 16:19:34
126
原创 Vue提高篇-组件间的通信
1.通信示意图2.props（父级向子级传递）<div id="app"> <my-component icon-text="父传到子的数据"></my-component></div>Vue.component('my-component',{ props:[iconText], template:'&l
2018-12-07 13:39:54
95
原创 Vue提高篇-生命周期及其钩子函数
1.前言（a）每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期；（b）vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作；（c）钩子函数中最为常用的是创建（created），挂载（mounted）的操作；2.详解（a）图示周期 （b）各阶段详解beforeCreate 在实例初始化之后，数...
2018-11-19 15:56:03
115
原创 Vue提高篇-ES6基础语法
1.变量定义：const-常量定义；let-变量定义2.箭头函数：let fn=(a,b)=>{alert(a+b)}（a）箭头函数可以替换函数表达式，不可替换函数声明；（b）箭头函数中不存在 this 对象，其使用时一般this都指向外层的this对象；（c）箭头函数没有argument伪数组的参数集合；3.模板字符串：字符串或表达式的拼接。let a = 1; ...
2018-11-16 14:51:52
257
原创 Vue基础篇-Ajax请求（axios）
1.基础知识（a）vue2.0官方推荐使用axios，vue-resource是vue1.0时代的产物（已然下岗待业）；（b）Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中；（c）axios基本功能包括：拦截请求和响应，转换请求数据，并发请求，取消请求，自转换JSON数据等；（d）axios.js脚本文件需自行下载；2.基本语法...
2018-11-15 18:06:59
197
原创 Vue基础篇-路由机制
1.模式原理不向服务器发请求而是找到匹配组件或对象，并将其渲染。即为“前端路由”准则。vue实现路由需引入vue-router，其使用的有两种模式，即：hash模式&history模式，下边来简单介绍一下。（1）hash模式 概念：hash是指url尾巴后的 # 及后面的字符，a标签的锚点定位页面就是这种模式。 原理：onhashchange...
2018-11-15 16:16:07
586
原创 Vue基础篇-自定义指令
1.指令介绍（a）方便执行某种逻辑关系；（b）初始化的有些操作使用自定义指令执行不错；（c）自定义指令一定避免自带指令的名称；（d）与组件类似，自定义指令也分全局指令&局部指令，可根据上一篇进行理解；2.基本写法注册指令：Vue.directive( 指令名称 ，配置项)使用指令：<input v-指令名称 />3.全局组件&局部组件...
2018-11-13 16:10:40
126
1
原创 Vue基础篇-组件注册
1.组件介绍（a）扩展HTML元素；（b）封装可复用代码片段；（c）低耦合，组件和其他代码无冲突；（d）修改功能时，方便快捷；（e）便于协同开发，并行开发最后整合；2.基本写法步骤一：注册组件 Vue.component( 组件名称 ，配置项 );步骤二：使用组件 <组件名称></组件名称>3.全局组件&局部组件全...
2018-11-13 10:03:25
161
原创 Vue基础篇-表单双向绑定
1.基本应用（a）输入框(input)，文本域(textarea)<div id="app"> <input v-model="message"/> <p>{{ message }}</p></div> <script>new Vue({ el: '#app', dat
2018-11-12 15:05:02
1254
原创 Vue基础篇-事件处理器
1.基本用法<div id="app"> <button v-on:click="clickFn('你好')">点一点</button></div> <script>var app = new Vue({ el: '#app', data: { name: '，Vue.js' }, met
2018-11-12 11:17:58
206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人