「已注销」-CSDN博客

原创 CSS3索引

1、圆角border-radius2、盒子阴影box-shadow3、边框背景border-image4、CSS3-颜色、文字5、CSS3-背景background6、选择器7、变换transform8、过渡transition9、动画animation10、多列布局columns11、盒子box-sizing12、弹性布局flex、弹性布局flexbox、兼容性

2017-05-25 19:28:15 576 3

原创前端技术流程

1、Ajax2、Promise3、asyn4、new操作符5、存储6、页面加载

2017-05-18 15:38:29 515

原创遇到的前端兼容性问题

1、filter 此函数在ios移动端（iphone5s）失效,vue打包工具webpack也不能解决。修改为:-webkit-filter

2017-04-22 17:48:28 603

原创我的sublime插件--随时更新

记录下来，以后更换办公设备时可以配置成平时的使用习惯emmet //快编神器SublimeTmpl //代码模板

2017-04-19 20:44:34 465

原创需要学习的内容--长期出入库

初学：{ Vue axios vue-resource vue-router vuex vue-router}ES6ES7HTML5CSS3Animate.css进阶：jQueryjavascriptcsshtml深入：

2017-04-12 09:47:29 386

原创 JS知识体系构建--持续更新

1、单线程、执行栈，任务队列、回调函数在此声明，此图为网上拷贝，原作者不详，在此表示对原作者的敬意。单线程: js只有一个处理任务的线程，称为主线程。一个线程在同一时间只能处理一个任务。说到底，js在同一时间只能执行一个任务。因为JS运行在浏览器中，是单线程的，每个window一个JS线程。执行栈：用于存放将要被执行的函数或代码。这样说并不准确，详情参考Stack栈、JavaScri

2017-04-11 15:51:39 509

原创 Promise学习--继续更新

说明在网上找了很多Promise的介绍，最后大多都指向Promise的官方说明，官方并未对每句话给出相关的案例说明。本人天资愚钝，理解不到说明的含义，只得一句话一句话理解，难以理解之处辅以案例说明。原文参考图灵社区的【翻译】Promises/A+规范，文字部分直接拷贝。正文术语解决（fulfill）：指一个 promise 成功时进行的一系列操作，如状态的改变、回调的执行。虽然规范中用 ful

2017-04-11 11:23:09 729

原创网上找的前端面试题--持续更新

1、function Foo() { getName = function () { alert (1); }; return this;}Foo.getName = function () { alert (2);};Foo.prototype.getName = function () { alert (3);};var getName = function () { a

2017-04-10 09:11:39 425

原创 js、jQuery中的距离位置参数【持续更新】

js元素位置大小属性box.clientWidth //元素的宽度box.clientHeight //元素的高度box.offsetLeft // 元素相对父元素的左偏移box.offsetTop // 元素相对于父元素的上偏移box.offsetWidth // 元素的宽度box.offsetHeight // 元素的高度clientWidth = width+paddingcl

2017-03-26 19:37:23 999

原创兼容

相关库Respond CSS3 Media pollyfill，适用于 IE6~IE8，或更多html5shiv 让 Internet Explorer 6-9, Safari 4.x (and iPhone 3.x), and Firefox 3.x. 支持 html5 标签CSS3 PIE 让低版本的 IE 支持 CSS3 特性，目前支持： border-radiusbox-...

2018-03-03 16:03:14 400

原创面试题收集

代码层面：避免使用css表达式，避免使用高级选择器，通配选择器。缓存利用：缓存Ajax，使用CDN，使用外部js和css文件以便缓存，添加Expires头，服务端配置Etag，减少DNS查找等请求数量：合并样式和脚本，使用css图片精灵，初始首屏之外的图片资源按需加载，静态资源延迟加载。请求带宽：压缩文件，开启GZIP...

2018-02-26 08:51:01 206

原创 moment.js 使用

moment.jsES6import moment from 'moment';moment(Date.now()).format('HH:mm:ss');

2018-02-02 22:20:22 420

原创渲染 Markdown 文档

渲染 Markdown 文档1. marked安装npm install marked --save使用import marked from 'marked';var html = marked('# h1');这时候 html 不能直接用在 React 组件中： {html}/div>但可以:document.getElementById('con

2018-01-31 19:21:46 967

原创 Node.js 全栈 —— 前后端数据交互

前后端数据交互GET1. URL 查询字符串前端前端向后端提交请求以及参数可以通过为 url 附加查询字符串来完成的。如浏览器地址栏的内容：http://mp.blog.csdn.net/postlist/all/all/all?key=get? 之后的 key=get 部分称为查询字符串。前端通过这种方式向后端传递查询参数。axiosaxios('/use

2018-01-29 22:40:41 1322

原创 Mongoose

查询模糊查询单字段// 查询字段 field_A 中包含 ok 的文档Model_A.find(field_A: /ok/i).exec(function(err, docs){});//或者：var regexp = new RegExp('ok', 'i');Model_A.find(field_A: regexp).exec(function(err, docs){}

2018-01-29 21:29:15 253

原创 Node.js 全栈——注册——验证码

验证码Node.js 的验证码确实很坑，底层本身不带有这些操作。查询了很多方法，大多都需要安装新的底层依赖，跨平台性非常低。而且涉及到一个很重要的问题，就是在部署的时候，你还得在部署的平台上再安装一次这个依赖。介于以上原因，选择了一个国人产的简单的验证码生成库 node-gd-bmp。生成验证码1、node-gd-bmp如何生成，参考 node-gd-bmp 文档。这里只是研究

2018-01-22 17:39:04 585

转载服务器响应状态码statusCode

状态码201~206201-206都表示服务器成功处理了请求的状态代码，说明网页可以正常访问。状态码简述详述 200 成功服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。 201 已创建请求成功且服务器已创建了新的资源。 202 已接受服务器已接受了请求，但尚未对其进行处理。 203 非授权信息服务器已成功处理了请求

2018-01-20 14:21:54 3158

原创 React 学习之组件封装

本文用以记录在学习 React 过程种遇到的一些组件封装技巧。布局组件import Header from './Header'const layoutStyle = { margin: 20, padding: 20, border: '1px solid #DDD'}const Layout = (props) => ( <div style={layoutStyle}>

2018-01-10 19:43:01 1007

原创前端模块之数据

自动上传输入框数据绑定输入框的input操作或者change,为什么不用keyup之类呢，因为keyup对于功能键依然有效。针对绑定的事件处理程序设置setTimeout，在延迟时间内再次触发该处理程序的时候清空前一次的定时器，这样避免不必要的网络请求。二级标题三级标题四级标题注：

2017-10-01 10:31:47 797

原创 setTimeout

设置一个可以接收参数的处理函数function func_a (data) { setTimeout(func_b(date),1000);}function func_b (data) { //....}上面的例子是不对的，func_b(date)是在执行func_b函数，达不到异步的效果。可以如下：function func_a (data) { setTimeout

2017-09-30 21:58:18 307

原创 Mockjs

var Mock = require('mockjs');module.exports = function () { return { notes : Mock.mock({ 'note|20-50': [{ 'id': '@id()', 'topic': '@ctitle()', 'content': '@cparagrap

2017-09-30 15:33:56 263

原创 Vue项目其他

组件style初始化css编写组件时，style标签的设置<style type="text/css" rel="stylesheet/css"></style> //使用css<style lang="scss" rel="stylesheet/scss"></style> //使用scss，语法也要与之对应<style lang="sass" rel="stylesheet/sass"></

2017-09-28 20:41:47 257

依赖安装1、vue-router路由管理。官方文档、深入理解npm install vue-router --save-dev2、node-sassnpm install node-sass --save-dev3、sass-loadernpm install sass-loader --save-dev4、style-loadernpm install style-loader --save-de

2017-09-28 20:01:23 1009

原创 Vue项目四、表现 4.1

1、登录验证

2017-09-28 19:48:44 269

原创 Vue项目三、资源准备以及项目分解

项目分解成多少个模块，哪些模块是需要复用的。

2017-09-28 19:44:00 460

原创 Github

打开存放publickey的文件夹open ~/.ssh

2017-09-28 16:04:43 178

原创 Vue之axios

基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 node.js 中使用。引入 1、npmnpm install axios --save-devaxios是不能够像vuex和vue-router一样注入各个字组件中的。所以不能在main.js中，是无效的：import axios from 'axios';new Vue ({ el: 'app', axios}

2017-09-28 16:02:37 834

原创 Vue之Vue-router

版本：2.6默认路由在路由配置时，/所代表的就是根路由，也就是代开项目时所默认的路由routes = [ { path: '/', component: Home }] 二级标题三级标题四级标题注：

2017-09-28 14:42:57 298

原创 Vue之Animate

Animate是一个基于CSS3的动画库，集成了很多实用的动画。引入Animate引入Animate的方式有多种： 1、CDNcdn的话可以自己去网上找，我一般的是CDN。复制了link标签或者是url地址后，以link标签的形式插入到项目的入口html文件index.html。 2、npmnpm安装使用webpack的时候，可以用npm安装npm install animate.css --sa

2017-09-27 10:49:01 722

原创 Vue项目三、静态页面

1、faviconvue中为网页增加favicon的最便捷的方式为使用link标签<link rel="shortcut icon" type="image/x-icon" href="./static/favicon.ico" rel="external nofollow" /> 从href属性我们可以知道，这个favicon.ico文件被放在static文件夹下。那可以不可以像平时的网页可以放在

2017-09-22 19:00:57 7738

原创 Bootstrap深度解析

二级标题三级标题四级标题注：

2017-09-22 18:46:01 372

空空如也

空空如也