- 博客(90)
- 资源 (1)
- 收藏
- 关注
原创 react.js中render的return的坑
demo代码:var HelloComponent=React.createClass({ render:function(){ returnHello World} }); ReactDOM.render(,document.getElementById('reactContainer') ) 运行结果:
2017-12-13 18:25:34 1777
原创 vue.js文件上传
由于最近使用vue+Element ui vue2.0中upload组件存在很多上传地址不可跨域,或者上传获取后台接口的时候出现不可预算的bug。所以我还是选择用了最原始的写法:File 用于文件上传。但是这个文件上传存在的样式确实不是那么的好看:修改样式:.file {position: fi
2017-12-05 18:16:48 4217
原创 Webpack 3.0 的学习笔记(3)
最近跟着技术胖进行学习,这些是学习过程中的笔记,这是webpack3.X的第3篇笔记。消除无用的css使用purifyCSS可以大大减少css的冗余1.安装的命令:安装的webpack的插件Npm I -D purifycss-webpack purify-css-D代表的是-save-dev,只是一个简写2.引入glob(因为要检查html模板
2017-12-05 18:14:15 319
原创 vue 的全局API
vue 的全局API:在构造器外部用vue提供给我们的API函数来定义新的功能vue2.0_Vue.directive自定义指令 自定义的指令:Vue.directive('');自定义指令中传递的3个参数:el:指令所绑定的元素,可以用来直接操作DOM。binding:一个对象,包含指令的很多信息。vnode:Vue编译生成的虚拟节点V
2017-08-30 17:24:36 3585
原创 前端胖籽 | ECharts 简单笔记
最近小胖籽工作中使用基于vue、vue-router、echarts搭建的数据展示平台,发现了ECharts 提供了不仅常规的折线图,柱状图,散点图,饼图,K线图,用于统计的盒形图,用于地理数据可视化的地图,热力图,线图,用于关系数据可视化的关系图,treemap,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。ECharts,一个纯 J
2017-06-16 09:37:03 292
原创 前端胖籽 | 微信web开发者工具
微信web开发者工具它是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。该工具界面主要由几大部分组成,如下图所示:具体的安装步骤(查看官方技术文档):https://mp.weixin.qq.com/wiki?id=mp1421141115&highline=
2017-06-06 09:54:30 1409 2
原创 闭包是什么?
一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 var n=999; function f1(){ alert(n); } f1(); // 999另一方面,在函数
2017-03-29 12:25:09 204
转载 Chrome自带开发者工具
Chrome自带开发者工具。它的功能十分丰富,包括元素、网络、安全等等。今天我们主要介绍JavaScript控制台部分的功能。我最早写代码的时候,也就是在JS控制台里输出一些服务器返回的内容,或者一些变量的值。但是后来通过一些深入的学习和了解,我发现Chrome的JS控制台原来还有这么多神奇的功能。在这里我总结了一些特别有用的功能。要是你凑巧在Chrome里浏览这篇文章的话,现在就
2017-03-21 20:37:00 229
转载 微信公众号开发JS-SDK
概述微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力,同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力,为微信用户提供更优质的网页体验。此文档面向网页开发者介绍微信JS-SDK如何使用及相关注意事项。JSSDK使用步骤步骤一
2017-03-20 19:21:13 3537
转载 javascript:;与javascript:void(0)使用介绍
就是当页面有滚动条时,点击后会返回到页面顶端,用户体验不好。 来自 http://www.jb51.net/article/37904.htm>目前有如下几种解决办法:1)点击链接后不做任何事情 :void(0);">test:;">testtest //使用2个到4个#,见的大多是"####",也有使用"#all"等其他的 2)点击链接后,
2017-03-18 09:28:51 308
原创 orderBy排序与筛选的例子
nameage排序name:{{arr.name}}age:{{arr.age}}name:{{arr.name}}age:{{arr.age}}varapp = angular.module('filterApp', []);app.controller('indexCtrl',['$scope', functi
2017-03-17 09:15:17 583
转载 如何在Visual Studio Code中调用浏览器运行HTML代码
微软刚发布的Visual Studio Code还不支持安装扩展,没有内置的HTML预览功能。如果想要编辑HTML之后直接运行,可以 ctrl+shift+p 搜索 Configure Task Runner. 回车之后打开 tasks.json,修改一下:{ "version": "0.1.0", "command": "explorer", "windows": {
2017-03-16 20:58:38 18376
原创 Node.js 数据库 简单操作
Node.js ------后端系统 Js 的运行环境,在谷歌控制台运行,在cmd也一样可以执行js代码,使用V8引擎,本地浏览器环境 在node.js 不需要浏览器环境,直接在node环境运行1.直接 node 回车键-----直接把代码粘贴----执行2.直接node 要运行的文件名.js,----执行 创建一个简单的服务器: 在nodejs运行
2017-03-15 17:35:06 485
转载 创建 Node.js 应用
创建 Node.js 应用步骤一、引入 required 模块我们使用 require 指令来载入 http 模块,并将实例化的 HTTP 赋值给变量 http,实例如下:var http = require("http");步骤二、创建服务器接下来我们使用 http.createServer() 方法创建服务器,并使用 listen 方法绑定 8888 端口。 函数通
2017-03-15 13:09:50 486
转载 剖析Vue实现原理 - 如何实现双向绑定mvvm
剖析Vue实现原理 - 如何实现双向绑定mvvm本文能帮你做什么?1、了解vue的双向数据绑定原理以及核心代码模块2、缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现,本文相关代码主要摘自vue源码, 并进行了简化改造,相对较简陋,并未考虑到数组的处理、数据的循环依赖等,也难免存在一些问题,欢迎大家指正。不过这些并不会影响大家的阅读和理解,相信看完本文后对大家在阅读v
2017-03-14 11:07:34 1959
原创 vue-router 的属性
组件支持用户在具有路由功能的应用中(点击)导航。 通过 to 属性指定目标地址,默认渲染成带有正确链接的 标签,可以通过配置 tag 属性生成别的标签.。另外,当目标路由成功激活时,链接元素自动设置一个表示激活的 CSS 类名。 比起写死的 会好一些,理由如下:无论是 HTML5 history 模式还是 hash 模式,它的表现行为一致,所以,当你要切换路由模式,或者在 IE
2017-03-13 09:08:59 2921
原创 计算属性 vue
html代码:{{name}}{{xie}} js代码:new Vue({el:'#demo',data:{name:'hello',name2:'world',xie:'abc'},//计算属性 vuexcomputed:{xie:function() {returnthis.name + t
2017-03-11 09:34:44 232
原创 Babel 转换器
babel-loader安装babel-loader,现在我们就可以放心的用ES6的语法了npm install --save-dev babel-loadernpm install --save-dev babel-core babel-preset-es2015 //安装babel 实现 ES6 到 ES5在webpack.config.js中添加配置项modul
2017-03-10 19:44:12 316
原创 vue组件
{{name}}child12-->child1234123// ng-app ng-controller/*app.direvtive('',function(){return {templateUrl:}})*///先定义var xfooter = Vue.extend({t
2017-03-09 13:00:39 189
原创 基础 安装 指令
1.安装vue.js1.网上下载2.npm install vue(默认下载2.0版本)优点:相比angular,vue源码比较轻,所以它是轻量级的,它比angular性能更好点缺点:没有angular功能齐全,比如,angular封装ajax($http)2.在项目中引入vue.js 3.new Vue()往Vue构造器传一个对象,这个对象有el属
2017-03-07 12:42:09 197
原创 vue的AJAX的数据请求2
Ok{{name}}new Vue({el: "#demo",data: {name: 'yao',que: '姚明'},methods: {getData: function() {var self = this;$.ajax({type: 'GET',url: 'turing.php',data: {q
2017-03-06 18:04:42 284
原创 vue 的ajax请求数据
{{name}}new Vue({el:"#demo",data:{name:'yao'},methods:{ajax:function(){var self = thisvar xmlhttp = new XMLHttpRequest();xmlhttp.onreadystatechange = function(){if(xmlh
2017-03-06 18:03:40 841
原创 canvas 的粒子效果
* {margin: 0;padding: 0;}var canvas = document.getElementById('canvas');var ctx = canvas.getContext('2d');canvas.height = window.innerHeight;canvas.width = window.innerWidt
2017-03-04 09:22:41 618
转载 技术人员的发展之路
2012年的时候写过一篇叫《程序算法与人生选择》的文章,我用算法来类比如何做选择,说白了就是怎么去计算,但是并没有讲程序员可以发展的方向有哪些。 所以,就算是有这些所谓的方法论,我们可能对自己的发展还是会很纠结和无所事从,尤其是人到了30岁,这种彷徨和迷惑越来越重。虽然我之前也写过一篇《编程年龄和编程技能》的文章,但是还是有很多做技术的人对于自己能否在年纪大时还能去做技术感到没有信心。我猜测,
2017-03-02 09:20:09 565
转载 移动设备优先
移动设备优先在 Bootstrap 2 中,我们对框架中的某些关键部分增加了对移动设备友好的样式。而在 Bootstrap 3 中,我们重写了整个框架,使其一开始就是对移动设备友好的。这次不是简单的增加一些可选的针对移动设备的样式,而是直接融合进了框架的内核中。也就是说,Bootstrap 是移动设备优先的。针对移动设备的样式融合进了框架的每个角落,而不是增加一个额外的文件。为了确
2017-02-21 14:05:25 898
原创 angular安装及细节注意
1.在文件目录下打开命令行对应定位到此目录执行:npm install angular安装angular的第一个版本,默认安装的是1.0的版本,第一个版本是用js编写的,第二个版本typescript 2.我们在node_modules找angular的文件夹,拷贝这个angular.js到我们的项目文件夹里面我们开发(调试)的时候用angular.js(未压缩的版本)我们是发
2017-02-14 09:06:04 4133
转载 JSON 数据的转换方法
parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'结果:JSON.parse(str)Objectage: "23"name: "huangxiaojian"__proto__: Object注意:单引号写在{}外,每个属
2017-02-11 11:30:29 285
原创 if语句
if语句格式一:if(条件){ //条件成立(返回true)时,执行这里的代码} 格式二: if(条件){ //条件成立(返回true)时,执行这里的代码,忽略以下代码 }else{ //条件不成立(返回false)时,执行这里的代码 } 格式三:if(条件1){ //条件1成立(
2017-02-10 13:01:46 292
转载 一些常用的框架
作为一名在前端死缠烂打6年并且懒到不行的攻城狮,这几年阅过很多从知名到很知名的前端框架,本来想拿15-20个框架来分享一下,但在跟几个前辈讨教写文章的技巧时果断被无情的打击了,所以这里我还是低调的只拿出10个框架来个大锅乱炖,凑够字数也就全剧终了。下面的框架也没有什么先后顺序之分,我想到啥就写啥啦( 作为前端,我一向都这么的任性 ^_^ )。 Bootstrap
2017-02-08 09:28:00 236
原创 选择器 常用情况
css选择器:得到jQuery的实例Object.keys(JQuery.prototype)属性特性:可配置:configurable可枚举:enumerable可读写:writable值:valuevar obj = {}obj.name = 'xxx';Object.defineProperty(obj,'age',{});表单选择器:
2017-02-07 12:59:07 164
原创 git 的gitignore文件
一般来说每个Git项目中都需要一个“.gitignore”文件,这个文件的作用就是告诉Git哪些文件不需要添加到版本管理中。.gitignore文件常见写法如下:/dist过滤dist根目录下的文件(不过滤其他目录下的dist文件夹)/mtk/ 过滤整个文件夹*.zip 过滤所有.zip文件/mtk/do.c 过滤某个具体文件很简单吧,被过滤掉的文件就不会出现在
2017-02-04 09:05:13 239
原创 git添加文件到版本库的步骤
添加文件到版本库的步骤创建(修改)文件往工作区中添加/修改文件添加到暂存区:git add 把修改存放到暂存区提交到版本库:git commit -m "备注"使用git commit 命令可将暂存区的内容提交至版本库中,这个过程称为提交,每一次提交都意味着版本在进行一次更新PS:如果不写-m回车会进入vim编辑界面,退出方法:输入:q => 回车
2017-02-03 09:22:57 1249
原创 特殊字符要记住
NaN==NaN不相等的,输出的结果是false除了0是false ,其他都是true。 null=undefined true "NaN"==NaN false 5==NaN falseNaN==NaN false false
2017-01-27 11:06:14 211
原创 SASS编译
ruby编译1、ruby命令行编译 (需装ruby环境) 1)单文件转换命令 sass style.scss style.css 2)单文件监听命令 sass --watch style.scss:style.css 3)文件夹监听命令 sass --watch sassFileDirectory:cssFileDirec
2017-01-18 10:21:55 758
原创 gulp
传统的项目开发,就是使用HTML+CSS+JavaScript这些简单的技术构建网页应用程序,但这种简单的开发方式有着大量重复的操作,如:编写样式并在浏览器中测试代码...。我们要提高效率,就必须减少重复的工作,gulp是当下最流行的自动化工具,可以自动化完成我们开发过程中大量的重复工作。为什么要用自动化构建工具?主要是用来自动完成一系列重复的操作,如: 1)编译:
2017-01-17 13:07:19 164
原创 常用插件
常用插件:jqueryUI //官方插件,功能多且全面,逛网:www.jqueryui.comjquery.validation //表单验证插件,官网:https://jqueryvalidation.org/jquery.easyUI //是一组基于jQuery的UI插件集合,Demo:http://www.jeasyui.net/bootstrap //是最受欢迎的 HTML、CSS
2017-01-16 09:09:37 165
原创 jQuery的ajax方法
jQuery的ajax方法$.ajax(settings)type:请求类型,默认GETurl:数据请求地址(API地址)data:发送到服务器的数据对象,格式:{Key:value}。success:请求成功时回调函数。dataType:设定返回数据的格式,json, jsonp, text(默认), html, xml, scriptasync:是否为异步请求,默认true
2017-01-14 14:15:49 181
原创 gulp 安装
安装与运行全局安装 gulp: npm install --global gulp说明:全局安装gulp目的是为了通过它执行gulp任务本地安装gulp:作为项目的开发依赖(devDependencies)安装: npm install --save-dev gulp本地安装gulp是为了调用gulp插件的功能,–sa
2017-01-13 19:10:58 349
原创 远程仓库
远程仓库常用远程仓库https://github.com/https://coding.net配置创建SSH Key:ssh-keygen -t rsa -C '[email protected]'以上命令会在当前window用户的目录里创建.ssh目录,里面有id_rsa(私钥)和id_rsa.pub(公钥)两个文件把私钥或公钥添加到远程仓库测试线路是否连通:ssh -
2017-01-12 19:10:12 183
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人