- 博客(30)
- 收藏
- 关注
RSS订阅
原创 常用点 ：
1.对象的遍历: Object.keys(parament).forEach(function(key){ console.log(key, parament[key]) })parament :需要遍历的对象，key ： 键，parament[key]:值.
2019-12-06 13:44:42
1171
1
原创 git学习总结
学无止境，望君把握时间。1.git 提交代码时常用命令：1.初始新建文件需 git init.2.进行 git pull 防止覆盖别人代码。3.git status （查看哪些文件被修改过)4.git add +(文件名) 将修改的文件添加到缓存中。5.git commit -m '提交时所需的备注信息。'6.git remote add 'http:....' 将代码先提交到本地。...
2020-05-06 18:49:34
191
1
原创 Mobx配置文档
学无止境，望君把握时间。Mobx配置（装饰器）：1.创建项目：cerate-react-app you name2.进入项目cd you name3.进行配置文件抽离yarn eject4.安装mobx mobx-reactyarn add mobx mobx-react5.配置装饰器（修饰器 es6 ） babel: yarn add babel-plugin-tran...
2019-05-17 20:11:20
628
原创 react 组件通信
学无止境，望君把握时间。1.父子通信：1.父组件将一个数据传递给子组件，但这个数据只有父组件能够修改，子组件不可以。2.ref绑定： 1.ref = "son" 2.ref = { el => this.el = el} 如果是一个函数，这里的el指的就是当前组件 【推荐】2. 子父通信：父组件通过传递一个方法到子组件中，子组件可以根据这个方法来修改父组件中的数据。...
2019-05-14 20:16:54
134
原创 react生命周期
学无止境，望君把握时间react的生命周期中一共有4个阶段，分别是：初始阶段，运行中阶段，销毁阶段和错误处理阶段初始化阶段：在组件初始化阶段会执行，一共有5个钩子函数：1.constructor2.static getDerivedStateFromProps()3.ComponentWillMount() / UNSAFE_ComponentWillMount()4.render(...
2019-05-13 20:43:06
230
原创 react事件
学无止境，望君把握时间。原生js事件：1.事件构成： 1.谁触发：DOM 2.事件触发的形式： on addEventList 3.事件类型 ： click, keyup, 4.事件处理对象 5.事件处理程序 6.事件传参React事件 ：写法一共有4中：1.箭头函数：class App extends React.component{ change ...
2019-05-13 14:30:36
100
原创 vuex
学无止境，望君把握时间1.什么是状态?用一条数据去管理一个视图或者视图的一部分，那么将这个数据称为状态。（数据即视图）2.什么是状态管理：用一条数据去管理一个视图或者视图的一部分，那么将这个数据称为状态，这种管理就是状态管理。3.vuex是用来做什么的？vuex是一个集中式的存储仓库，类似本地存储，数据库，vuex是vue的状态管理工具，他的功能是实现多组件之间的数据共享。...
2019-04-30 12:00:59
231
原创 router(续)
学无止境，望君把握时间1.路由激活：- A: 自己书写一个类名或是使用第三方给的类名- 在router-link组件身上添加一个 active-class 的属性- 举例： <router-link to = "/home" active-class = "active"/>2.路由的缓存： -:在router-link组件上添加一个属性 keep-alive 举...
2019-04-29 22:22:11
121
原创 路由的使用
学无止境，望君把握时间。命名路由：给路由起个名字，这样可以方便我们在使用路由的时候， 简写路径命名视图：给出了一级视图以外的其他视图起名字， 这样可以区分不同级别的路由使用不同级别的视图动态路由--vue cli3 配置反向代理---在根目录下新建一个vue.config.jsvue.config.js中科院默认直接使用module.exports = { devServe...
2019-04-28 21:53:07
297
原创 rotute使用
学无止境，望君把握时间。封装自定义插件库。步骤：1.定义一个组件 Loading.vue2.注册组件：import LoadingTlp from './component/Loading.vue'export const loading = { install () { Vue.component('loading', LoadingTlp); }}/...
2019-04-26 12:00:02
185
原创 webpack（续）
学无止境，望君把握时间优雅降级：优雅降级：先进行高版本的开发，然后向下兼容。渐进增强： 先进行低版本的开发， 然后添加高本版内容。完成实例：modules : { rules : [ { test : /\.js$/, //排除node_modules文件夹 exclude : /node_modules/, ...
2019-04-25 11:51:18
90
原创 webpack简单操作
1.前端的工程化工具：---grunt: ---资源打包 ---单元测试---gulp ： --流式操作工具 --资源打包---webpack (主流): ---资源打包工具（比如 js文件打包压缩 ， img 打包压缩 ...） ---可以自动解决模块化依赖问题 ---es6模块化前端的环境：1.开发环境2.生产环境3.测试环境4.预发布环境5....
2019-04-25 11:04:20
111
原创 vue基础（续）
学无止境，望君把握时间！1.动态组件：动态组件就是 component组件 ， 组件身上可以绑定一个is属性， 用来表示某一个组件1.is属性：---我们html中有一些标签是规定它的直接子元素的 ， 比如 ul li ol li selector option table这类型标签---不能直接用常规的组件使用方式， 必须在对应直接子元素上绑定 is属性2.keep-alive...
2019-04-24 12:00:09
109
原创 js对象的继承
首先我们需要定义一个类：// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = function(){ console.log(this.name + '正在睡觉！'); }}// 原型方法Animal.prototype.eat =...
2019-04-24 11:27:00
200
原创 vue基础扩展
props属性验证：–1.常用样式：props : { key : keyType}- 业务：我现在想要 > 1000 我才要， 没有 > 1000 我就不要- 解决： vue提供了一个 ：validatorprops : { key : { validator( value ){ return value 的条件 } }}...
2019-04-23 21:20:19
177
原创 async函数原理
.Generator 函数在了解async函数前，我们需要知道一下Generator 函数。作用：接触过Ajax请求的会遇到过异步调用的问题，为了保证调用顺序的正确性，一般我们会在回调函数中调用，也有用到一些新的解决方案如Promise相关的技术。在异步编程中，还有一种常用的解决方案，它就是Generator生成器函数。顾名思义，它是一个生成器，它也是一个状态机，内部拥有值及相关的状...
2019-04-22 19:29:54
419
原创 组件通信
组件通信：值得强调一点的是 无论组件通信结果如何，Vue都是单向数据流(组件之间的数据通信)。1.父子通信：绑定的是简单数据：1.父组件中定义数据，通过单向数据绑定的形式，将数据绑定在子组件上，属性是自定义属性2.子组件通过配置项中的props接受数据，props可以是一个数组，数组中放的是自定义属性名称3.那么这个自定义属性可以向data中的数据一样直接在子组件的模板中使用。...
2019-04-22 16:18:00
200
原创 组件的使用
组件：1.组件化思维：组件化针对的是页面中的整个功能模块的划分。（好比在日常中的项目分工）2.组件的概念：组件是一个html, css, js, images等外链资源，这些部分组成一个聚合体。如：bootstrap的使用3.组件的优点：代码的复用性比较高，便于维护划分组件的原则： 复用率高，独立性强。vue中如何定义，使用，操作组件：组件：1.vue.extend()...
2019-04-20 17:05:13
552
原创 虚拟DOM和diff算法
1.虚拟DOM：1.虚拟DOM是什么：虚拟DOM是利用js的对象的Object对象模型来模拟真实DOM，它的结构是一个树型结构。整个虚拟DOM的使用流程：1.创建DOM树，2.利用render函数来渲染页面。3.数据发生改变，即生成新的DOM树4.通过diff算法来新旧两个虚拟DOM，将不同的地方进行修改，相同的地方就原地服用， 最后再通过render函数进行渲染页面。 ...
2019-04-20 11:20:27
639
原创 vue中两种数据请求方式
axios:axios属于第三方插件，需要引入。axios返回的结果是一个Promise对象。get方式的请求：第一种写法axios.get('http://localhost:8080/xxx.php', {method : 'get', params : { a : 1, b : 2 }}).then ( (res) =>{ console.l...
2019-04-19 20:14:37
2364
原创 Vue深入
vue深入响应式原理 ：1.数据模型 -->vm中的data，状态管理：我们使用一个数据去管理一个视图中的一部分，那么这条数据叫做状态，这种管理叫做状态管理。总结：深入响应式原理是利用数据劫持和订阅和发布模式，当数据模型发生改变时，视图就会响应进行更新，那么深入响应式原理是利用es5的Object.defineProperty中个getter/setter来进行数据的劫持的。...
2019-04-19 16:57:26
301
原创 promise总结
promise是什么：promise是一个对象，用来表示一个异步操作的最终状态。以及该操作的结果值。语法：new Promise ((resolve, reject)=>{//executor})executor是一个带有两个参数的函数，两个参数分别为：resolve, reject,且二者都为函数。resolve与reject被调用时，分别将promise的状态从pending ...
2019-04-18 22:02:39
96
原创 vue简单事件命令
vue 源码：立即执行函数：(function(){})()1.特点：&&安全性高&&减少函数命名冲突。&&第二个括号才是函数的真正运行， 里面可以传入实际参数&&第一个括号确定了匿名函数的作用范围， 语法不会报错， 里面放一个没有名字的函数， 函数可以接收形式参数2.底层代码封装：&&立即执行函数的作...
2019-04-17 17:38:06
185
原创 前端开发文档
基本规则：符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度.文件规范：1.html, css, js, images文件均归档至<系统开发规范>约定的目录中如（public）;2. html文件命名: 英文命名, 后缀.htm. 同时将对应界面稿放于同目录中, 若界面稿命名...
2019-04-16 19:39:46
3168
原创 Vue.js基础
vue基础学习vue介绍：尤雨溪 google实习 阿里任职 weex研究团队（访问原生设备的库） vue.js是属于他的个人项目vue.js目前适用于中小型项目vue.js借鉴了 react 和 angular扩展：和vue很类似的一个库：avonlon.js也是一个个人项目司徒正美vue.js是一个前端渐进式框架。vue.js什么时候正式发布：201...
2019-04-16 18:51:17
99
原创 前端异步
promise1.通过 new promise2.参数是一个回调函数，回调函数中有两个参数 （resolve reject）resolve：也是一个函数， 函数中接收参数， 参数为任务reject：中任务主线程 ， 而then中任务是放在异步队列中的，执行在主线程之后3.promise对象中的API：then（callback）;catch(callback):捕捉到错误，执行c...
2019-04-15 21:18:03
327
原创 mongodb操作
koakoa 是express超集（进阶版）前后端分离和耦合概念介绍1.面向过程 -> 面向对象 -> 面向服务前端：通过nginx + tomcat的方式（也可以中间加一个node.js）有效的进行解耦，并且前后端分离会为以后的大型分布式架构，弹性计算架构，微服务架构，多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。核心思想：前端htm...
2019-04-10 17:57:25
96
原创 node.js深入
linux命令mkdir 创建文件vim 简写vi 创建文件rm -rf 文件名称 删除递归删除find ./ -name ‘node_modules’ -print -exec rm -rf {} 5.前端渲染与后台渲染。前端拿到数据之后， 前端来渲染数据后端来进行渲染（ express ）浏览器 -》 开发者工具-》 networkheadersgene...
2019-04-10 16:51:43
131
原创 简单的http协议
http使用Node.js实现一个web服务器 2. Node.js中模块的api很多时候可以连缀（链式调用） (1).createServer (创建一个web静态服务器 &nbs...
2019-04-08 19:55:22
148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人