汉堡请不要欺负面条

一个漫长的学习之路!!!

Redux基本语法

一.Redux 1.什么是Redux Redux是专注于状态管理,单一状态 ,单向数据流处理. 在Redux中,所有的数据(比如state)被保存在一个被称为store的容器中 → 在一个应用程序中只能有一个。store本质上是一个状态树,保存了所有对象的状态。任何UI组件都可以直接从s...

2018-05-30 21:55:58

阅读数 490

评论数 0

React基本语法

一.什么是JSX JSX 是 JavaScrip 的一种扩展语法。JSX是React的核心组成部分,它使用XML标记的方式去直接声明界面,界面组件之间可以互相嵌套。可以理解为在JS中编写与XML类似的语言,一种定义带属性树结构(DOM结构)的语法,它的目的不是要在浏览器或者引擎中实现,它的目的是通...

2018-05-28 15:34:56

阅读数 1089

评论数 0

使用 create-react-app 构建 react应用程序流程及开发注意点

一.了解 1.什么是React.js React.js 是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。 React 中,把一切东西都看成组件,而且所有组件有其状态。什么是状态?简单来说,一个组件有多种有限的状态,但同时只能是一种状态,不过条件处罚就会变成另一种...

2018-05-28 10:24:54

阅读数 1635

评论数 0

Redux异步操作redux-thunk

用户发出 Action,Reducer 函数算出新的 State,View 重新渲染。但是,一个关键问题没有解决:异步操作怎么办?Action 发出以后,Reducer 立即算出 State,这叫做同步;Action 发出以后,过一段时间再执行 Reducer,这就是异步。怎么才能 Reducer...

2018-05-31 17:39:11

阅读数 2734

评论数 2

Redux Reducer 的拆分

写一个Reducer的例子import React from 'react'; import { DatePicker } from 'antd'; import 'antd/dist/antd.css'; import { createStore } from 'redux'; import...

2018-05-31 14:46:57

阅读数 940

评论数 0

vue中proxyTable反向代理进行跨域

一.分析(一).jsonp的方式<script>标签里的src是没有跨域限制的,<img>标签里的src也是没有限制的,我们书写网页的过程中不难发现这一点。jsonp就是通过在本站脚本创建一个&...

2018-05-23 14:23:22

阅读数 3255

评论数 0

vue.js-使用slot插槽分发内容

最初在 <slot> 标签中的任何内容都被视为备用内容。备用内容在子组件的作用域内编译,并且只有在宿主元素为空,且没有要插入的内容时才显示备用内容。一、单个插槽子组件,备用内容在子组件的作用域内编译,并且只有在宿主元素为空时,且没有要插入的内容时才显示备...

2018-05-22 09:40:24

阅读数 183

评论数 0

jsonp原理及同源策略

一.jsonp原理及同源策略jsonp 是用来跨域读取数据的,为什么从不同的域访问数据要用jsop呢?这源于一个著名的安全策略--同源策略,即:  协议、端口号、域名相同  举例说明:http://www.myweb.com:8080/demo/index.html [协议:http://  端口...

2018-05-21 14:11:09

阅读数 62

评论数 0

js中getBoundingClientRect()方法详解

一.getBoundingClientRect()分析getBoundingClientRect()获取元素位置,这个方法没有参数getBoundingClientRect()用于获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。 getBoundingClientRect()是DOM元...

2018-05-18 16:16:50

阅读数 2206

评论数 0

vue.js事件修饰符(阻止冒泡 默认行为)

事件处理函数只有纯粹的逻辑判断,不处理DOM实践的细节,例如:阻止冒泡,默认行为,判断按键。vue修饰符是指在触发事件或按键时额外的触发条件或回调。比如点击事件只允许触发一次,可以使用@click.once。一.原生事件对象vue可以通过以下方式,获取原生的事件对象。<but...

2018-05-18 13:55:16

阅读数 2895

评论数 0

手机端切图注意

一.了解以iPhone6设置屏幕大小, psd设置大小为750×1334。在切图的时候 以要屏幕的一半来切图(无论图片还是文字 间距 都除以2  )1.图片要切2张, 一张是750×1334  屏幕下的  命名@2x;  另一张是 750×1334屏幕1.5倍的情况下   命名@3x如:图片在 7...

2018-05-14 13:22:59

阅读数 831

评论数 0

sticky-footer的三种解决方案

sticky-footer的三种解决方案          在网页设计中,Sticky footers设计是最古老和最常见的效果之一,大多数人都曾经经历过。它可以概括如下:如果页面内容不够长的时候,页脚块粘贴在视窗底部;如果内容足够长时,页脚块会被内容向下推送,我们看到的效果就如下面两张图这样。...

2018-05-14 09:21:23

阅读数 363

评论数 2

sublime text 3 添加各种插件

1.sublime text3 less和scss文件高亮显示 less高亮插件下载: https://github.com/danro/LESS-sublime/zipball/master scss高亮插件下载:  https://github.com/kuroir/SCSS.tmbund...

2018-05-11 18:28:32

阅读数 300

评论数 0

最新的vue没有dev-server.js文件,如何进行后台数据模拟?

最新的vue里dev-server.js被替换成了webpack-dev-conf.js在模拟后台数据的时候直接在webpack-dev-conf.js文件中修改第一步,在const portfinder = require(‘portfinder’)后添加//第一步 const express ...

2018-05-10 18:02:01

阅读数 75

评论数 0

简单的分析ES6的语法

一.定义变量(1).let块级作用域的使用代码块: { }包起来的代码 ,形成了一个作用域,简称块级作用域比如:if for while特点:只能在代码块里面使用{ let a=12; console.log(a);//打印出 12 ...

2018-05-08 11:33:07

阅读数 95

评论数 1

ES6 Module的语法

一.概述1.概述ES6中模块的设计思想:尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入输出的变量。比如,CommonJS 模块就是对象,输入时必须查找对象属性。 // CommonJS模块 let { stat, exists, readFile } = require('fs'); ...

2018-05-03 15:54:38

阅读数 47

评论数 0

JavaScript常见的操作

1.弹框之外的区域点击关闭弹框 写到一个弹框 需要在页面之外点击时关闭弹框 var container=$('#myModal');container就是弹框的最外层元素 $(document).bind('click',function(e){ if(!container.is(...

2018-05-03 13:52:26

阅读数 72

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭