- 博客(21)
- 收藏
- 关注
RSS订阅原创 vue - mock 数据
1，安装：$ npm i mockjs --save-dev2，新建 【mock/index.js】文件import Mock from 'mockjs'import loginApi from './login'Mock.setup({ timeout: '350-600'})// mock 数据，地址为return fetch 中的 urlMock.m...
2018-08-21 16:03:53
390
原创 vue + mint ui 开发webapp项目
mint ui 特性介绍Mint UI 包括丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。真正意义上的按需加载组件，可以只加载声明过的组件及其样式文件，无需在纠结文件体积过大。考虑到移动端的性能门槛，Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。依托 Vu...
2018-08-19 09:39:40
2873
原创 React Native - 环境搭建
1，Node（版本必须高于8.3），地址：https://nodejs.org/zh-cn/download/ 2，Python（版本必须为 2.x，不支持 3.x）：地址：https://www.python.org/downloads/windows/，选择 2.x版本进行下载...
2018-08-17 08:44:31
155
原创 React - 组件 API
React 的组件 API设置状态：setState替换状态：replaceState设置属性：setProps替换属性：replaceProps强制更新：forceUpdate获取 DOM 节点：findDOMNode判断组件的挂载状态：isMounted...
2018-08-16 14:16:59
372
原创 React - 生命周期
在具有许多组件的应用程序中，在销毁时释放组件所占用的资源非常重要。 比如，每当 Clock 组件第一次加载到 DOM 中，我们都想生成一个定时器，这在 React 中被称为【挂载】。 同样，每当 Clock 生成的 DOM 被移除时，我们也要清除定时器，这在 React 中称为【卸载】。实现一个时间实时变化的实例：class Clock extends React.Component ...
2018-08-16 09:53:37
171
原创 css3 - 新增样式
1，CSS3 模块css3 被拆分为 “模块”，旧规范已拆分成小块，还增加了新的一些最重要的 CSS3 模块如下：选择器盒模型背景和边框文字特效2D/3D 转换动画多列布局用户界面2，CSS3 的重要属性2.1 CSS3 边框border-radius： 圆角box-shadow： 盒阴影border-image： 边界图片2.2 CSS3 背...
2018-08-13 12:17:34
865
原创 koa - 路由
1，原生路由网站一般都有多个页面，通过 【ctx.request.path】获取用户请求的路径，由此实现简单的路由const Koa = require('koa')const app = new Koa()const main = ctx => { if(ctx.request.path !== '/') { ctx.response.type = '...
2018-08-11 20:27:19
380
原创 koa - 架设一个 HTTP 服务器
1，首先确保你安装了 node 环境2，新建一个 webpack 项目，并安装 koa 模块$ npm init// 之后一直回车即可$ npm install koa --save3，新建一个 app.js，用来实现一个简单的 HTTP 服务let Koa = require('koa')let app = new Koa()app.listen(3000)consol...
2018-08-11 20:05:19
2389
原创 React - 初始化项目的步骤
1，使用 create-react-app 快速构建 React 开发环境create-react-app 自动构建的项目是基于 Webpack + ES6$ cnpm install -g create-create-app$ create-react-app my-app$ cd my-app$ npm start在浏览器中访问 http://localhost:3000/...
2018-08-11 12:36:06
1445
原创 javascript - 计算题
// for...in 循环和 for...of 循环的区别for(var item of arr){...} // item 代表数组中的每一项for(var item in arr){...} // item 代表数组中每一项的索引for(var item in obj){...} // item 代表对象的 key 值1，获取字符串中出现最多的字符，并返回它出现的次数？...
2018-08-09 18:53:05
296
原创 JavaScript 面试题
1，js 对字符串操作的方法concat() - 连接两个或多个字符串，返回一个新字符串indexOf() - 返回一个字符串中子串第一次出现的索引，如没有则返回 -1search() - 执行一个正则表达式匹配查找，返回匹配成功字符的索引，否则返回 -1charAt() - 返回指定索引的字符substr() - 截取字符串，参数：开始索引，长度substring() - 截取字...
2018-08-08 18:19:20
161
原创 ECMAScript 6
1，新增了常用字符串函数var s = 'hello's.startsWith('he') // true，表示源字符串是否以参数字符串开始s.endsWith('llo') // true，表示源字符串是否以参数字符串结束s.includes('el') // true，表示源字符串是否包含参数字符串s.repeat(3) // 返回'hellohello...
2018-08-07 11:09:46
201
原创 javascript - 模块化
模块化的使用规范：CommonJS（Node.js）AMD（Require.js）CMD（sea.js）1，nodejsNode.js 是服务器端 javascript 解释器，允许开发者使用 javascript 语法去编写服务端程序。 Node.js 应用由模块组成，采用 CommonJS 规范，使用全局方法 require 加载模块。Node.js 搭建一个简单...
2018-08-07 07:57:42
161
原创 javascript - 学习笔记
javascript 中的数据类型：数字、字符串、布尔、数组、对象、null、undefinedjs 获取元素：id - document.getElementById(‘id’)class - document.getElementsByClassName(‘class’)标签名：document.getElementsByTagName(‘span’)函数：是由事件驱动，或...
2018-08-06 10:43:40
156
原创 vue - 前端面试题
1，active-class 是哪个组件的属性？嵌套路由怎么定义？ 答：vue-router 模块的 router-link 组件。2，怎么定义 vue-router 的动态路由？怎么获取传过来的动态参数？ 答：在路由的 path 属性上加上 【/:id】。获取：router.params.id。3，vue-router 有哪几种导航钩子？ 答：（1）全局导航钩子：beforeEac...
2018-08-02 17:19:41
2889
原创 css - flex布局
采用 Flex 布局的容器称为【Flex 容器】，所有子元素自动成为【容器成员】，成为【Flex 项目】Flex 容器默认存在【两根轴】，水平的【主轴】和垂直的【交叉轴】Flex 容器属性flex-direction：决定主轴的方向（项目的排列方式），可选值：【row、row-revers、colum、colum-reverse】flex-wrap：默认情况下，项目都排列在轴线上，...
2018-08-02 11:01:14
159
原创 css 元素居中布局的几种方式
<div class='box1'> <div class='box2'></div></div>1，使用 display: table-cell<style> .box1 { width: 500px; height: 500px; border: 1px sol...
2018-08-02 09:06:18
344
原创 HTML 5 WebSocket
WebSocket 是 HTML 5 新增的协议，基于 TCP 连接进行全双工通信全双工通信：表示允许数据在两个方向上同时传输。判断浏览器是否支持 WebSocket// 判断浏览器是否支持 WebSocketif (window.WebSocket != undefined) { var Socket = new WebSocket('ws://localhost: 808...
2018-08-01 14:34:24
307
原创 HTML 5 离线和缓存
1.离线应用离线应用是 HTML 5 新增的以想功能，旨在帮助用户在没有网络的情况下，也可以使用 web 应用程序。 HTML 5 离线功能，包含【离线资源缓存】、【在线状态监测】、【本地数据存储】。离线资源缓存 - 通过浏览器机制，将在线资源缓存到本地，当用户离线访问应用程序时，这些资源文件自动从本地加载，从而让用户可以正常的使用应用程序。在线状态监测 - 有些应用需要跟服务器做一...
2018-08-01 14:15:12
361
原创 HTML5 新标签
1，新的语义1.1 HTML 5 新元素Header - 可表示介绍内容的容器，或者一组导航链接。Nav - 标签的内容主要用于导航。Article - 标识页面中的主体内容。以博客为例，每个帖子都是一个重要内容，可采用 Article 标识每一个帖子。Section - 用于标记页面上的重要的部分。该标记类似于将文档分为多个章节。Aside - 表示和页面主要内容有关，但不是页...
2018-08-01 11:25:45
245
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人