- 博客(103)
- 资源 (4)
- 收藏
- 关注
原创 React之路--组件和自定义组件
想要构建强大的React应用,只是使用React自带的组件是远远不够的,还得依靠强大的自定义组件来支撑;组件可以将UI切分成一些的独立的、可复用的部件,这样你就只需专注于构建每一个单独的部件。react组件返回一个需要在页面上展示的React元素(还是元素),也就是说是需要由返回值的,这里的React元素,区别于DOM元素,前者可能会因为组件嵌套的影响,出现一些自定义的元素,注意区分;
2017-11-22 13:41:44
8005
原创 javascript中的 变量,作用域和内存
变量是:值类型:null,undefined,boolean,number,string是值类型,在内存中有固定的大小,值保存在栈空间(内存)中;引用类型:对象,数组,函数;由于大小不固定,但是地址是固定的,所以值保存在堆空间中,地址保存在栈空间(内存)中;“引用”其实是一个指针,指向的是对象的地址;也就是说,在赋值的时候,如果是值类型,变量保存的是值,如果值是引用类型,变量保存的
2017-11-10 13:48:01
301
原创 初探React之新发现
在新版本的React 16.0.0中React.DOM对象(传说中包含众多html元素的集合对象)已经不再存在了,当你打印的时候也会出现undefined,注意一下。与ReactDOM也是一个对象,是用来再浏览器中进行渲染的;总结:1.个人觉得学习react,核心之一的概念是组件,组件可以用来构建用户的界面(界面是由各种各样的组件以合适的方式进行组合构成的,包括嵌套等等),在构建实际的
2017-11-05 11:09:54
396
原创 react语法在sublime下高亮
首先安装插件:babel,sublime-rect-es6,jsfmt,jsxhint,emmet,jsformat;居体的设置方法可以参照这篇好文:Sublime Text3关于react的插件——react语法提示&代码格式化;或者参考这个:Sublime Text 3 搭建 React.js 开发环境;当安装完以上的插件后,你会发现其实react在这个编辑器下,还是不会高亮,这个
2017-11-04 15:27:45
5470
原创 css的那些事儿--background的多张背景的实现
一般来说在一个元素中可以使用一个背景图就可以了,但如果自己想要用多个图片呢,又要怎么办呢?答案就在这里,还是利用background-image属性:只不过值变成了你想要添加的背景图路径 url(img1),url(img2),url(img3)...,这里将出现的效果,展现的是最上面的那个背景图(img1在最上面,以此类推),给每一个背景图添加属性background-repeat:no-r
2017-10-19 22:45:47
1277
原创 前端的一些规范
所谓无规矩不成方圆,在写代码的时候遵守一些好的代码规范,能够让我们更加快速地开发,更重要的是一旦养成了习惯,这些会让你受益无穷,所以就从现在做起,养成良好的代码编写习惯,每一天进步一点点!腾讯AlloyTeam的前端规范
2017-10-18 13:34:39
324
原创 javascript之闭包的理解
闭包,就是能够访问其他函数内部变量的函数,这是阮前辈说的,具体的可以查看其写的博客:学习javascript闭包,里面已经说的很清楚了。在这里主要说明的是在阮前辈的博客中留下的问题:var name = "The Window"; var object = { name : "My Object", getNameFunc : function(
2017-09-26 17:55:51
369
原创 mui中关于自定义事件的一些小理解
在App开发中,经常会遇到页面间传值的需求,比如从新闻列表页进入详情页,需要将新闻id传递过去,mui框架在evalJS(html5+)方法的基础上,封装了自定义事件,通过自定义事件,用户可以轻松实现多webview间数据传递。window.addEventListener('customEvent',function(event){ //通过event.detail可获得传递过来的参数内
2017-09-26 10:20:06
2188
原创 sublime编辑器 3143 license
—– BEGIN LICENSE —–TwitterInc200 User LicenseEA7E-8900071D77F72E 390CDD93 4DCBA022 FAF6079061AA12C0 A37081C5 D0316412 4584D13694D7F7D4 95BC8C1C 527DA828 560BB037D1EDDD8C AE7B379F 50C9D69D B3517
2017-09-15 12:23:24
1867
转载 Vuejs之路之--子父之间的通信
父传子是单向的,子会因父的改变而改变,但父并不会因子的改变而改变。这是由于Vue.js怕父的数据会被使用者在不知情的情况下改变。但是,子还是可以绕一个圈,把自己的数据传给父。途径:自定义事件。在解释子数据传给父之前,必须先要对事件有一个了解。所谓事件,就是触发JS代码的“动作”,比如,点击(click), 输入(input)等等。 Vue.js 使用v-on
2017-09-13 22:41:17
802
原创 echarts踩过的那些坑
Echarts在手机端渲染的时候可能会出现图表渲染失真(结果并不是我们想要的)的现象,主要的原因就是Echarts在渲染图表的时候还没来得及重新计算好渲染的尺寸,导致渲染失真,因此解决办法之一就是在渲染之前加上这段代码:window.onresize = function(){ myChart.resize() }这段代码的意思是,在重新计算显示屏的大小的时候,让图表对象重新
2017-09-11 21:48:16
2468
原创 Vuejs之路之--父子组件(未完待续)
在 Vue 中,父子组件的关系可以总结为 props down, events up。父组件通过 props 向下传递数据给子组件,子组件通过 events 给父组件发送消息,那么什么是父子组件呢,就是一个组件里面包含着另一个组件么??
2017-09-05 21:10:52
870
转载 使用sublime快速书写前端代码
Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示: Zen coding下的编码演示一、快速编写HTML代码 1. 初始化 HTML文档需要包含一些固定的标签,比如、、等,现在你只需要1秒钟就可以
2017-09-01 15:49:38
1386
原创 css布局的一些小总结
一般而言,不要给外层div容器设置高度,为了防止在不同的分辨率下显示的不一样,应该让其自然填充即可,尤其是对于上下两栏布局而言
2017-08-31 23:15:02
304
原创 vue之路之--Vue组件
“组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码”,设个是官网中对组件的评价,在这里也可以看出组件在vue中的地位......组件当然是用来用的,但是在用之前你首先得定义(注册)一个组件,不然的话,你用什么??注册组件组件的注册可以分为两种全局注册和局部注册,下面对两种注册方法进行一下分析和辨别:1.全局注册:注
2017-08-31 23:02:35
835
原创 css的那些事儿--对一些样式额外的理解
text-indent:常用于文本的首行缩进,单位可以是已知的任何值,可以继承;text-align:的值可以是center/left/right/justify/inherit前三个的作用不必多说,第四个justify是将块级元素中的文本内容给两端对齐,inherit是继承父级元素的样式;line-height:line-height的值控制了行间距,是文本行超出字体大小的额
2017-08-30 22:01:50
684
转载 三栏式布局
一、前言在如今各个分辨率显示器N足鼎立的时期,页面采用流动性布局(亦可称自适应布局)不失为一个好选择。当然,具体实现不是那么容易,需要一定的css功力和实践经验。本文不讲细节,只讲外部的自适应架构,这也是实现整个页面自适应的前提。目前为止,我所熟知的左中右三栏宽度自适应于浏览器的方法有三个:绝对定位法,margin负值法以及自身浮动法。这些方法简洁实用,且无兼容性问题。如果您想在您的页面上使用
2017-08-25 17:46:27
332
原创 vuejs之路之--v-model表单绑定
vuejs和表单元素之间的双向绑定是通过v-model实现的,当然表单有很多种元素,下面就让我们看一下在不同的表单元素之间是怎么实现双向绑定的吧;数据绑定-单行文本你输入的内容是:{{datas}}传统的输入框扳绑定,不再赘述;数据绑定多行文本 文本域中输入的内容是:{{message}} {{mes}} 绑定的是一个文本域,你也许会发现上面的例子将来文本域中到底会显
2017-08-24 22:53:55
1928
原创 vuejs之路之--事件绑定
vuejs中的事件绑定,使用v-on:事件名 = 函数名来完成的,这里函数名是定义在Vue实例中的methods对象中的,Vue实例可以直接访问其中的方法;如果定义的函数有参数,那么你可以像原生js那样把参数携带进来就可以了在,注意引号;如下所示:点我有变化//click事件名,clickFun是在methods中定义的方法;Vuejs还为我们定义了一些修饰符;通过由点(.)表示的指令后缀
2017-08-21 22:55:43
3753
原创 Vuejs之路之--循环渲染
一看见循环,我们就自然就想到了for循环,所以这里讲的就是v-for的故事,废话少说--总结之:1.其实v-for的语法格式为v-for = item in(of)items,在这里items可以是数组,对象等等,item是子自己定义的 ,表示items中的元素或者子项;2.源数据是数组的话,还可以 v-for = (item,[index]) in(of) items 在这里inde
2017-08-16 22:46:40
2113
原创 css的那些事儿--css选择器的值得注意之处
直接上图:只要了解这个就行了:还有就是:1.内敛样式的权重为1,0,0,0,这也就是传说中的就近原则吧!2.还有就是利用“!important”,拥有最高的权重,注意!important要卸载某条样式声明之前(分号的前面)
2017-08-15 22:33:47
363
原创 vuejs之路之--条件渲染
顾名思义,就是根据条件的不同来渲染,只有当条件为真的时候才显示:总结之......1.就是v-if,v-else,v-else-if之间的关系,只有其中某一个的值为真的时候才会渲染,但是有一点要注意的是,v-else,v-else-if必须要紧跟着v-if或者v-else-if之后才行,否则vuejs将不会识别2.template元素通常可以作为包装元素,包装一个元素块(里面可以有多个
2017-08-14 22:46:24
388
原创 Vuejs之路之--style和class的绑定
数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性 ,我们可以用v-bind 处理它们,在 v-bind 用于 class 和 style 时,表达式的结果类型除了字符串之外,还可以是对象或数组。直接上代码: 绑定class .addback{ background:#fff; } .fontColor{ color:
2017-08-10 17:31:38
456
原创 Vue之路之--计算属性
先说说对官网上“计算属性”的理解:为啥要利用计算属性?是为了来应对复杂计算的挑战,一般情况下,对于简单的模板,因为逻辑比较简单,所以就直接用就行了,但是如果要对模板中的表达式做复杂的处理,而且要用到多个地方,如果直接写将会很复杂,而且也不利于维护,所以“计算属性”就是为了解决这个问题而生的(个人观点)先看代码:Html部分 {{datas}} {{slicefun}}
2017-08-07 23:04:22
578
原创 Vuejs之路之--过滤器的那些事
过滤器,说实话其主要的目的就是处理文本的--将文本按照一定得格式输出出来,或者表现出来;来满足各种各样的文本需求,按照官方的话就是:可被用作一些常见的文本转换(格式化,因为可以复用)例如:过滤器可以用在哪里?两个地方:mustache 插值和 v-bind 表达式。过滤器也是可以串联的,串联的方式也是利用管道符,顾名思义就是前一个过滤器处理好的输出作为后一个过滤器的输入
2017-08-06 20:58:10
430
原创 Vuejs之路之--模板语法()
vue指令和插值 {{infor.name}} {{infor.name}} {{infor.name+"adafa"}} {{infor.judge?infor.name:infor.sec}} {{infor.ABC.split("").join(",")+Math.random()}} 百度一下
2017-08-03 22:47:08
859
转载 Vuejs之路之--对实例生命周期的理解
用Vue框架,熟悉它的生命周期可以让开发更好的进行。首先先看看官网的图,详细的给出了vue的生命周期:它可以总共分为8个阶段:beforeCreate(创建前),created(创建后),beforeMount(载入前),mounted(载入后),beforeUpdate(更新前),updated(更新后),bef
2017-08-02 22:02:02
3800
原创 css中的一些小贴士
在html和Xhtml中有这样的一条规则:对于html或者xhtml而言,行内元素可以嵌套在块级元素中,对于css而言,却没有限制因为有display,反之不行(块级元素不能嵌套在行内元素中),即便是有了css也不行link和@import的区别:link中的一些属性的解释,rel表示关系(可能是relationship的缩写吧),type表示数据的类型,href指向css文件路径,但是r
2017-08-01 22:34:20
471
原创 Vue之路之--Vue实例的一些理解(未完待续)
直接上代码:var app = {sanfu:"vueJS是一个好框架"} var vm = new Vue({ el:"#container", data:app }) //除了 data 属性, Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $。也就是说vue实例 //可以访问构造函数里面的属性,但必须前面加上$,以作和代理的data属
2017-07-31 22:45:56
1723
1
原创 在《css禅意花园》中所学到的
浮动和定位的区别:对元素使用浮动,那么这个元素依然存在于文档流中,周围的元素也会感受到他的存在;定位的话,能够实现精准定位于某一个位置上,定位的元素将不占据空间,就像消失了一样被定位过的容器(无论是绝对还是相对)的左上角将作为该容器中定位元素的起始点小Tips:对于浮动元素,而且还会有水平margin的情况下,在IE浏览器中会出现外边距加倍的情况解决办法:给那个
2017-07-27 08:42:00
1283
原创 Vue之路之--vue的初体验
正如官网教程上所说,“Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM”,确实,vue的模板相对于angular等确实很简洁--var vue = new Vue({ el:"#container", data:{ datas:"开始学习新的框架了!", status:false, dataObj:{ date:new Date(Date.now
2017-07-19 22:08:57
449
原创 一个小函数引起的思考
var a = [];for(var i = 0;i<10;i++){ a[i] = function(){ console.log(i) } a[0]()//0,1,2,3,4,5,6,7,8,9;console.log(a[i])}a[0]()//10console.log(a[i])你会发现,打印出来的全部是function(){console.log(i)},也就是说在
2017-07-18 22:24:32
421
原创 javascript之面向对象编程续
原型方法来解决构造函数所不能解决的问题;每一个函数都有一个prototype原型属性,这个属性是一个指针,指向一个对象,这个对象的用途是让所有构造函数的实例共享他所包含的属性和方法,为啥说他是共享的呢?无论何时,只要创建了一个新函数,就会根据一组特定的规则为该函数创建一个 prototype属性,这个属性指向函数的原型对象。在默认情况下,所有原型对象都会自动获得一个constructo
2017-07-03 17:46:38
388
转载 angular中的指令
指令,很重要AngularJS与jQuery最大的区别在哪里?我认为,表现在数据双向绑定,实质就是DOM的操作形式不一样。jquery通过选择器找到DOM元素,再赋予元素的行为;而angularjs则是,将指令与DOM绑定在一起,再扩展指令的行为。所以AngularJS开发最理想的结果就是,在页面HTML与CSS的设计时,设计工程师只需要关注指令的使
2017-06-29 20:05:19
815
转载 前端传奇人物
20位活跃在Github上的国内技术大牛本文列举了20位在Github上非常活跃的国内大牛,看看其中是不是很多熟悉的面孔?1. lifesinger(玉伯)Github主页: https://github.com/lifesinger微博:@ 玉伯也叫射雕玉伯(王保平),淘宝前端类库 KISSY、前端模块化开发框架SeaJS、前端基础类库
2017-06-27 14:18:53
1562
原创 javascript的征程之面向对象编程
javascript中的对象和传统意义上的对象有所不同,前者包含的没有类的概念,因此这里的面向对象编程(oop)也就不一样了创建对象:一般常用的是字面量的方法和构造函数的方法,但是这样有一个缺点就是一个接口可以创建很多个对象,这就造成了代码的冗余为了解决这个问题--工厂模式工厂模式说白了就是通过封装一个函数来创建对象(return出对象),但是这样做的缺点很明显就是不知道对象的类型。
2017-06-26 19:35:49
446
原创 nodejs一些常识
打开nodejs后会发现进入的是默认盘符,一般是c盘那么如何进入D盘呢? 直接输入D:就可以了;如果要回退到上一层路径,那么shu输入cd..即可,上上一层输入cd...回到根目录cd\
2017-06-22 18:04:20
387
转载 LESS的使用方法
LESS使用方法简介(装逼神器)LESS 做为 CSS 的一种形式的扩展,它并没有阉割 CSS 的功能,而是在现有的 CSS 语法上,添加了很多额外的功能,所以学习 LESS 是一件轻而易举的事情,果断学习之!变量很容易理解:@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color:
2017-06-22 17:36:25
727
转载 angular中的那些事儿---过滤器
过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果。主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的元素进行排序等。ng内置了一些过滤器,它们是:currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、numbe
2017-06-15 22:19:43
541
原创 javascript 的征程---字符串的那些事儿
javascript中字符串其中有很多种方法,来实现对字符串各种各样的操作,以下仅仅是列举一些常用的方法:charAt():方法以单字符字符串的形式返回给定位置的那个字符串,如果是负值返回空;charCodeAt() :方法返回的是指定位置下的字符所对应的ASII码;concat():方法用来拼接字符串(可以是多个字符串,用“,”隔开),其实这个不常用一般而言用字符串拼接用+号即可;
2017-06-15 16:18:10
400
HTML5高级程序设计(完整清晰版)
2017-10-02
你不知道的JavaScript(上卷)
2017-10-02
CSS揭秘.pdf
2017-10-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅