自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(150)
  • 收藏
  • 关注

转载 打造自己的 JavaScript 武器库

原文https://segmentfault.com/a/1190000011966867github:https://github.com/proYang/outils前言作为战斗在业务一线的前端,要想少加班,就要想办法提高工作效率。这里提一个小点,我们在业务开发过程中,经常会重复用到 日期格式化、 url参数转对象、 浏览器类型判断、 节流函数等一类函数,这些工具类函数...

2017-12-10 18:52:00 271

转载 AngularJS服务及注入--Provider

Provider简介在AngularJS中,app中的大多数对象通过injector服务初始化和连接在一起。Injector创建两种类型的对象,service对象和特别对象。Service对象由开发者自定义api。特别对象则遵照AngularJS框架特定的api,这些对象包括:controller, directive, filter or animation。...

2017-11-09 11:29:00 251

转载 入门Webpack,看这篇就够了

2017年9月18日更新,添加了一个使用webpack配置多页应用的demo,可以点击此处查看2017年8月13日更新,本文依据webpack3.5.3将文章涉及代码完全重写,所有代码都在Mac上正常运行过。希望依旧对你学习webpack有帮助。2017年8月16号更新:最近在Gitchat上将发起了一场关于webpack的分享,目的在于一起花最短的时...

2017-10-30 11:46:00 183

转载 Vue.js中ref ($refs)用法举例总结

原文:http://www.jianshu.com/p/3bd8a2b07d57看Vue.js文档中的ref部分,自己总结了下ref的使用方法以便后面查阅。一、ref使用在外面的组件上HTML 部分<div id="ref-outside-component" v-on:click="consoleRef"> <component-fath...

2017-10-27 16:53:00 308

转载 从0开始做一个的Vue图片/ 文件选择(上传)组件[基础向]

原文:http://blog.csdn.net/sinat_17775997/article/details/58585142之前用Vue做了一个基础的组件vue-img-inputer,下面就叫vii,记录下在开发过程中遇到的知识点(都算比较基础,具体代码不会贴太多,都可以在项目仓库里看到)。上传文件很多项目都要用到,一些组件库里(ele/iview...)文...

2017-10-27 16:08:00 181

转载 gulp自动化部署:gulp发布express项目(二)

原文:https://my.oschina.net/songzhu/blog/610337一、服务器准备服务器ip地址为:172.16.70.1741.安装Node.js参考:http://my.oschina.net/songzhu/blog/6081292.安装 PM2PM2 是一个带有负载均衡功能的 Node 应用的...

2017-09-15 14:36:00 180

转载 webstorm添加调试nodejs

打开run菜单选择Edit Configurations展开defaults菜单,选择nodejs点击+按钮,选择Node.js,出现下面弹出框。点击ok保存转载于:https://www.cnblogs.com/zzcit/p/7468839.html...

2017-09-03 09:49:00 201

转载 web window pixel等笔记

原文:http://www.w3cplus.com/css/viewports.html屏幕尺寸 Screen size =显示器尺寸screen.width 和 screen.height。这两个属性包含了用户屏幕的完整宽度高度。这些尺寸使用设备的pixels来定义,他们的值不会因为缩放而改变:他们是显示器的特征,而不是浏览器著作权归作者所有。浏览器尺寸 Window si...

2017-06-15 11:25:00 83

转载 H5,PC网页屏幕尺寸相关整理(scrollLeft,scrollWidth,clientWidth,offsetWidth)

HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度of...

2017-06-08 11:24:00 438

转载 hammerjs wabapp h5 触屏手势一网打尽

hammerjs官网 http://hammerjs.github.io/学习文章1http://www.cnblogs.com/vajoy/p/4011723.html学习文章2http://www.cnblogs.com/aaronjs/category/618098.html学习文章3:本文转载于:https://www.cnblogs.com/zzcit...

2017-05-05 17:42:00 96

转载 sailsjs入门到精通(一)

sailsjs 官方网站http://sailsjs.com/中文网站: http://sailsdoc.swift.ren/1 全局安装sails npm installsails@beta -g2 npm installsails@beta --save转载于:https://www.cnblogs.com/zzcit/p/6550364.html...

2017-03-14 19:58:00 499

转载 spring boot由浅入深(二)spring boot基本命令及操作

一 spring常见注解@RestController和@RequestMapping说明:@RestController。这被称为一个构造型(stereotype)注解。它为阅读代码的人们提供建议。对于Spring,该类扮演了一个特殊角色。在本示例中,我们的类是一个web @Controller,所以当处理进来的web请求时,Spring会询问它。@RequestMappi...

2017-03-14 15:27:00 130

转载 spring boot由浅入深(一)jdk安装

1jdk说明jdk是java提供了运行环境,简单的说就是给java语言制定了规则,并且提供了工具jdk官网网站:http://www.oracle.com/technetwork/java/javase/downloads/index.html2 jdk安装,参考此教程。http://jingyan.baidu.com/article/bea41d435bc695b4c4...

2017-03-13 21:48:00 173

转载 yii2框架2 (二)项目结构

原文 http://www.yiichina.com/doc/guide/2.0/structure-overview应用结构应用中最重要的目录和文件(假设应用根目录是basic):basic/ 应用根目录 composer.json Composer 配置文件, 描述包信息 config/ ...

2017-03-11 01:45:00 124

转载 yii2框架(一)安装

手动安装下载yii2basic出现以下错误2 修改 G:\learn\yii-basic-app-2.0.11\basic\config下web.conf为cookieValidationKey设置对应值刷新后显示正常转载于:https://www.cnblogs.com/zzcit/p/6533796.html...

2017-03-11 01:29:00 67

转载 修改hosts搭建本地站点

想要搭建本地站点。例如想要将www.nbb.com映射到本地服务器,而不是网络的。需要修改hosts文件1 打开hosts所在目录 C:\Windows\System32\drivers\etc 因为权限限制,所以先把hosts文件拷出来,通过文本编辑器添加映射 ,然后保存并覆盖原hosts2 打开phpstudy的站点域名管理:新增域名,并将站点目录设置为网站文...

2017-03-11 01:09:00 229

转载 php版本管理工具composer安装及使用

类似于web前端有gulp,webpack,grunt。php也有专门的包安装管理和安装工具,即composer。composer官网:https://getcomposer.org 中文网站:http://docs.phpcomposer.com/1 windows下安装composer因为composer是基于php的,所以要想安装coposer,首先要安装ph...

2017-03-11 00:06:00 175

转载 nodejs学习笔记Node.js 调试命令

3.4 调试 47下面是一个简单的例子:$ node debug debug.js< debugger listening on port 5858 connecting... okbreak in /home/byvoid/debug.js:11 var a = 1;2 var b = 'world';3 var c = fu...

2017-02-16 11:46:00 130

转载 angular自定义指令命名的那个坑

Directive先从定义一个简单的指令开始。 定义一个指令本质上是在HTML中通过元素、属性、类或注释来添加功能。AngularJS的内置指令都是以ng开头,如果想自定义指令,建议自定义一个前缀代表自己的命名空间。这里我们先使用my作为前缀:var myApp = angular.module('myApp', []) .directive('myDirectiv...

2017-02-04 10:21:00 137

转载 MongoDB Windows环境安装及配置( 一)

原文http://www.cnblogs.com/lzrabbit/p/3682510.htmlMongoDB一般安装1.首先到官网(http://www.mongodb.org/downloads)下载合适的安装包,目前的最新版本为3.4.1 安装包有zip和msi格式的,这里推荐下载zip格式的,msi的其实也就是进行了下解压缩而已,而且安装时不让选择安装路径,...

2017-01-21 09:33:00 78

转载 客户端session与服务端session

原文:http://blog.csdn.net/a1192529545/article/details/27955651会话(Session)跟踪是Web程序中常用的技术,用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份,Session通过在服务器端记录信息确定用户身份。本章将系统地讲述Cookie...

2017-01-17 11:18:00 314

转载 本地存储 cookie,session,localstorage( 二)angular-local-storage

原文:https://github.com/grevory/angular-local-storage#api-documentationGet Started(1)Bower:$ bower install angular-local-storage --savenpm:$ npm install angular-local-storage(2)Includea...

2017-01-16 15:38:00 210

转载 本地存储 cookie,session,localstorage( 一)基本概念及原生API

http://www.w3school.com.cn/html5/html_5_webstorage.asphttp://adamed.iteye.com/blog/1698740localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现...

2017-01-16 14:44:00 72

转载 angular1 实现页面切换及tag页面

tag页面实现<div class="b_gray" style="padding-left:24px;border-bottom:1px solid #ccc"> <label class="label-tab" ng-model="list.displayModel" uib-btn-radio="'all'" ng-click="changeModel('all...

2017-01-12 20:21:00 148

转载 微信小程序前置课程:flex布局(二)

原文:http://www.ruanyifeng.com/blog/2015/07/flex-examples.html上一篇文章介绍了Flex布局的语法,今天介绍常见布局的Flex写法。你会看到,不管是什么布局,Flex往往都可以几行命令搞定。我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我的主要参考资料是Landon Schropp的文章和Solve...

2017-01-11 10:33:00 65

转载 微信小程序前置课程:Flex 布局教程(一):语法篇

原文:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2...

2017-01-11 10:08:00 117

转载 ng动态显示和隐藏

<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script></head><bod...

2016-12-13 11:43:00 159

转载 ng1 http 读取json数据

在前端开发过程中,有时后端还没开发出接口,需要经常自己构造获取本地mock数据。AngularJSXMLHttpRequest$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件以下是存储在web服务器上的 JSON 文件:http://www.runoob.com/try/angularjs/data/sites...

2016-12-13 10:43:00 307

转载 ng1笔记

AngularJS 通过ng-directives扩展了 HTML。ng-app指令定义一个 AngularJS 应用程序。ng-model指令把元素值(比如输入域的值)绑定到应用程序。ng-bind指令把应用程序数据绑定到 HTML 视图。ng-init指令初始化 AngularJS 应用程序变量。使用<pre></pre>来显示...

2016-12-13 09:57:00 173

转载 服务器响应状态码

http状态返回代码 1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。http状态返回代码代码说明100(继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。101(切换协议) 请求者已要求服务器切换协议,服务器已确认并准备切换。http状态返回代码2xx (成功)表示成功处理了请求的状态代码。...

2016-12-11 18:32:00 126

转载 vue-router之router-link

<router-link>组件支持用户在具有路由功能的应用中(点击)导航。 通过to属性指定目标地址,默认渲染成带有正确链接的<a>标签,可以通过配置tag属性生成别的标签.。另外,当目标路由成功激活时,链接元素自动设置一个表示激活的 CSS 类名。<router-link>比起写死的<a href="...">会好...

2016-11-24 09:57:00 3813

转载 vue-resource

GitHub Source本文的所有示例如下:http get示例http jsonp示例http post示例http put示例http delete示例resource get示例resource save示例(HTTP POST)resource update示例(HTTP PUT)resource remove示例(HTTP DELE...

2016-11-21 19:21:00 68

转载 html-webpack-plugin

插件地址:https://www.npmjs.com/package/html-webpack-plugin这个插件用来简化创建服务于 webpack bundle 的 HTML 文件,尤其是对于在文件名中包含了 hash 值,而这个值在每次编译的时候都发生变化的情况。你既可以让这个插件来帮助你自动生成 HTML 文件,也可以使用 lodash 模板加载生成的 bundles,或...

2016-11-11 16:07:00 80

转载 gulp插件大全

原文:http://www.mamicode.com/info-detail-517085.htmlNo.1、run-sequence 作用:让gulp任务,可以相互独立,解除任务间的依赖,增强task复用 Links:https://www.npmjs.com/package/run-sequence推荐指数:★★★★★No.2、browser-sync ...

2016-11-11 10:59:00 82

转载 vue实例生命周期

实例生命周期var vm = new Vue({data: {a: 1},created: function () {// `this` 指向 vm 实例console.log('a is: ' + this.a)}})// -> "a is: 1"There are also other hooks wh...

2016-11-11 10:27:00 59

转载 Angular2 组件通信

原文:http://www.cnblogs.com/SLchuck/p/5904000.html1. 组件通信我们知道Angular2应用程序实际上是有很多父子组价组成的组件树,因此,了解组件之间如何通信,特别是父子组件之间,对编写Angular2应用程序具有十分重要的意义,通常来讲,组件之间的交互方式主要有如下几种:l 使用输入型绑定,把数据从父组件传到子组件l 通过 ...

2016-11-11 10:22:00 96

转载 vue跨组件通信的几种方法

http://www.tuicool.com/articles/jyM32mA在开发组件的时候,一定会遇到组件的通信,比如点击一个图标出现弹窗和蒙层,这三个分别是不同的组件。管理他们之间的状态就成了问题。props双向绑定官方文档在这,通过sync双向绑定,属性变化会同步到所有组件,这也是最简单的实现方式,缺点是属性会比较多。实现方式如下App.vue文件...

2016-11-11 10:19:00 237

转载 Angular React 和 Vue的比较

Angular(1&2),React,Vue对比一 数据流数据绑定Angular 使用双向绑定即:界面的操作能实时反映到数据,数据的变更能实时展现到界面。实现原理:$scope变量中使用脏值检查来实现。像ember.js是基于setter,getter的观测机制,$scope.$watch函数,监视一个变量的变化。函数有三参数,”要观察什么”,”在变化时要...

2016-11-11 10:14:00 71

转载 vue对比其他框架

对比其他框架ReactReact 和 Vue 有许多相似之处,它们都有:使用 Virtual DOM提供了响应式(Reactive)和组件化(Composable)的视图组件。将注意力集中保持在核心库,伴随于此,有配套的路由和负责处理全局状态管理的库。性能简介Vue 的性能是优于 React 的。如果你对此表示怀疑,请继续阅读。我们会解释为什么会这样(...

2016-11-11 10:02:00 392

转载 ReactJS 生命周期、数据流与事件

React是一个JavaScript库文件,使用它的目的在于能够解决构建大的应用和数据的实时变更。该设计使用JSX允许你在构建标签结构时充分利用JavaScript的强大能力,而不必在笨拙的模板语言上浪费时间。1 生命周期在组件的整个生命周期中,随着该组件的props或者state发生改变,它的DOM表现也将有相应的变化,一个组件就是一个状态机:对于特定的输入,它总会返回一致的输...

2016-11-11 09:42:00 72

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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