最新消息:Rockyxia Web技术博客全新改版,响应式布局满足各种设备各种尺寸的访问需求。

最新发布 第3页

Rockyxia Web技术博客研究学习当前网页前端技术,一起分享学习的快乐!

ES6

ES6第十一节:JavaScript有了一种全新的数据类型:Symbol

rockyxia 8年前 (2016-07-19) 6283浏览

写在前面 连续连载了几篇《ES6对xxx的扩展》,本节咱们换换口味,介绍一种全新的数据类型:Symbol,中文意思为:标志,记号。音标:[ˈsɪmbəl]。 数据类型 在介绍Symbol之前,我们简单介绍一下JavaScript的数据类型: JavaScript有6中数据类型,分别是: String 字符串类型 Number 数字类型 Object 对象类型 Boolean 布尔值类型 Null 空值 ...

ES6

ES6第十节:ES6为函数做了哪些扩展?

rockyxia 8年前 (2016-07-18) 6274浏览

写在前面 ES6一路扩展,字符串、数组、数值、对象无一“幸免”,ES6说要雨露均沾,函数也不能落下,今天,就来讲解ES6对函数的扩展。 姿势准备好了吗?前方高能,第10节开讲…… 参数的默认值 在开发中,给函数的参数指定默认值,是很普遍很常见的一个需求,我们先来回顾一下传统的实现方式,对比着看更好理解: function person(n,a){ var name =...

ES6第九节:ES6为对象做了哪些扩展?
ES6

ES6第九节:ES6为对象做了哪些扩展?

rockyxia 8年前 (2016-07-15) 6278浏览

写在前面 ES6不仅为字符串、数值和数组带来了扩展,也为对象带来了很多新特性。这一节,我们来一起学习一下对象的扩展。 对象的传统表示法 我们回顾一下,对象的传统表示法: let person = { "name":"张三", "say":function(){ alert("你好吗?"); } } 上面的案例很简单,变量person就是一个对象,对...

ES6第八节:ES6为数组做了哪些扩展?
ES6

ES6第八节:ES6为数组做了哪些扩展?

rockyxia 8年前 (2016-07-15) 6275浏览

写在前面 前面讲了字符串和数值的扩展,今天要讲的是:数组的扩展。不知道大家能否跟得上这个节奏,你们在阅读中对讲解有存在疑惑,记得留言提出来,要真正地理解,否则白白浪费阅读时间就得不偿失了。 写过javascript代码的同学都知道数组是一个很常用的数据结构,能给我们带来很多方便。如今,ES6对数组进行进一步的扩展,为我们带来更多的特性,开发者都很期待。 第八节,开始学习吧….. 我们先来学几个...

ES6第七节:ES6为数值做了哪些扩展?
ES6

ES6第七节:ES6为数值做了哪些扩展?

rockyxia 8年前 (2016-07-13) 6273浏览

写在前面 上一节和大家学习了字符串的扩展,这一节轮到了数值,我们一起来学习数值的扩展。 这几天公众号都收到了很多同学问,什么时候出下一节,大家的期待和学习热情如此高涨,前端君也不会怠慢,继续更新。剧透一下,这一节并不会很烧脑,都是介绍类的知识讲解,理解性的东西不多,初学者们也可以愉快地看完。 传统的写法 在介绍数值的扩展之前我们来看看旧的规范和使用方式,有对比才能看出不同之处。 在ES5中,我们存在几个全...

ES6第六节:ES6为字符串String带来哪些好玩的特性?
ES6

ES6第六节:ES6为字符串String带来哪些好玩的特性?

rockyxia 8年前 (2016-07-12) 6275浏览

写在前面 工作日的推送尝试一下在晚上发,一个是考虑大家下班了放学了,心情轻松愉悦,适合阅读;另一个是上班时间情绪紧绷,没有心思也没有时间去完整地读完这种技术类的文章。(即便通俗易懂) 第六节,开讲啦…… 学过上一节的解构赋值就知道,ES6确实给我们带来不少方便,但是ES6的方便之处远不止这些,今天又带来一个很实用的东西:字符串的扩展。 字符串的扩展 简答说,ES6对字符串新增了一些...

ES6

ES6第五节:一个令人兴奋的ES6新特性:解构赋值

rockyxia 8年前 (2016-07-06) 6281浏览

写在前面 学完了前4节,今天我给大家带来的是一个令人兴奋的特性:解构赋值。这个章节代码片段有点偏多,不过可以放心,一点都不烧脑,还是老样子:简单易懂。 什么是解构赋值 按照一贯的套路,接下来的内容是解释:什么是解构赋值? 来看看官方的解释: ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。 这句话也不难理解,但是前端君怎么会这么敷衍了事,随便贴一...

ES6

ES6第四节:教你如何快速让浏览器兼容ES6特性

rockyxia 8年前 (2016-07-03) 14831浏览

写在前面 写在正文前,本来这一节的内容应该放在第二节更合适,因为当时就有同学问ES6的兼容性如何,如何在浏览器兼容ES6的特性,这节前端君会介绍一个抱砖引玉的操作案例。 为什么ES6会有兼容性问题? 由于广大用户使用的浏览器版本在发布的时候也许早于ES6的定稿和发布,而到了今天,我们在编程中如果使用了ES6的新特性,浏览器若没有更新版本,或者新版本中没有对ES6的特性进行兼容,那么浏览器肯定无法识别我们的...

我的知识库

我的常用命令记录本(git/sass/node)

rockyxia 8年前 (2016-06-30) 6346浏览

写在前面 自从使用git和sass等需要命令行的工具之后,经常在使用的时候忘记具体的命令是怎么写的,需要百度才能搞好,但其实经常使用的并不多,所以在此建立一个记录本,方便自己下次使用。 SASS命令 sass //sass命令 --style //生成文件格式,一下四种方式 nested: 嵌套缩进的css代码,它是默认值。 expanded: 没有缩进的、扩展...

ES6

ES6第三节:ES6中另一个不得不说的关键字const

rockyxia 8年前 (2016-06-29) 6279浏览

写在前面 之前感觉在微信上看含有代码的文章体验很差,特别是阅读代码的时候,这次我给代码部分着色了,希望大家能看得舒服点;还有配上了图,更有趣好玩了,坚持一个宗旨:相信编程讲课可以更通俗易懂、更有趣。也欢迎大家积极互动。 上一节讲了let关键字,它是用来声明一个变量,只在块级作用域起作用。这一节我们来学习ES6新增的另一个关键字const。 const 的作用 const是constant(常量)的缩写,c...

ES6

ES6第二节:ES6新增了let关键字,干嘛用的?

rockyxia 8年前 (2016-06-27) 6278浏览

写在前面 大白话,讲编程,连载的第一节,得到大家的认可和赞赏,谢谢支持。文章还出现了几个错别字,惭愧!此外,连载的频率初定为每周2节,时间大约在早上10:00;大家对此有何建议都可以留言,前端君都会回复。来吧,开始本节的学习! ES6 给开发者带来很多令人激动的特性,其中let关键字就是其中之一。 那么,let关键字是什么东西? let 的用途 我们回想一下,我们平时在写代码的时候,用var来声明一个变量...

ES6

ES6第一节:什么是ES6?新手该如何理解

rockyxia 8年前 (2016-06-19) 6286浏览

写在前面 ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。 标准的制定者有计划,以后每年发布一次标准,使用年份作为标准的版本。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。也就是说,ES6就是ES2015,下一年应该...

我的知识库

前端练习习题与答案解析(61-100题)

rockyxia 8年前 (2016-06-19) 7125浏览

第51题:var a = [1, 2, 3];console.log(a.join(“-“));运行后输出的结果是:____? 答案:1-2-3;与上一期一样,但是这一期输出语句指定空格为“-”,所以输出:1-2-3。 第52题:代码运行的结果是输出:____? 答案:“前端教程”,虽然str2是匿名函数内部,但是并没有被var定义,所以会往上一级去寻找,找到并重新赋值成“前端教...

CSS

RGBA背景颜色半透明全兼容的做法

rockyxia 8年前 (2016-05-30) 18140浏览

写在前面 背景颜色半透明在网页中经常会用到,在用到半透明时一般立马会想到opacity,为兼容IE可能还会用到filter,如: filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; 上面的写法是可以达到半透明的效果,但同时也会影响里面的子元素也半透明,例如DIV里面的文字也半透明了,这并不是我想要的。 有没有什么方法能实现只有背景透明...

我的知识库

前端练习习题与答案解析(1-50题)

rockyxia 8年前 (2016-05-07) 6785浏览

第1题:JS中关闭当前的窗口的方法是:_____。 答案:window.close(); 第2题:js中使字符串中的字符变为小写的方法是:_______。 答案:toLowerCase方法; 第3题:在js中,让浏览器弹出确认框的语句是:_______。 答案:confirm;例如:window.confirm("我就是确认框");运行结果是浏览器弹出信息确认框,点击确定,返回true,反之返回false...

关于团队合作常用的CSS命名规范
前端技术

关于团队合作常用的CSS命名规范

rockyxia 8年前 (2016-05-04) 6669浏览

写在前面 这套规范是我目前所在团队使用的规范,在此分享给大家。再一次来看这套规范发现我在日常的工作中有很多地方并没有按照规范来,确实有些大意,没有重视这块,可能团队中其他人也没有重视,缺少相互间的监督与互查,现在分享一下,希望我自己能严格遵守起来。后续我还会分享一个更详细的命名方法,与本套规范也属一脉相承,来自与IMWeb的一个建议。 下面就将规范内容直接贴出,希望能给新人一些帮助,若有意见及建议可以在文章...

生活杂八

博客升级了,后台升级版本4.5 ,前台升级全屏自适应

rockyxia 8年前 (2016-04-23) 6277浏览

写在前面 我的这套皮肤已经是五六年前的了,一直没有来更新过,现在的电脑分辨率已经发展到1920是很常见的了,当时1280还算大的呢,原来950px固定宽度已经不太适应了,显得很小。 后台前台一起升级 所以借着这次后台升级最新4.5版本,顺便给前台也稍稍升级了一下,让界面能适应大屏幕,不再显得那么小气,并且增加了最小1200px宽度的设置,相信1280以下分辨率的显示器已经微乎其微了,并且有可能会访问技术博客...

Javascript

js实现手机端的上拉刷新下拉加载更多页面效果

rockyxia 8年前 (2016-04-20) 24809浏览

概要 现在手机端页面上的上拉刷新、下拉加载更多页面的效果可以说屡见不鲜了,app开发里面都是有集成的控件的,很容易就实现这样的效果。今天给大家分享一个js实现的,能适用与所有web页面的。 相关说明 关于上拉刷新、下拉加载更多的效果从百度上一搜也是玲琅满目,各种的插件、js也是一堆,我所分享的这个也是从网上参考来的,属于非常简洁好用的,可以很好的运用到项目中去。 一个DEMO给大家瞅一瞅,点我!手机可以直...

我的知识库

前端组件库大合集-必备收藏,不断更新

rockyxia 8年前 (2016-04-19) 7438浏览

概要 本文包含搭建web app常用的样式/组件等收集列表(移动优先),不断更新。 0. 前端自动化(Workflow) 前端构建工具 Yeoman – a set of tools for automating development workflow gulp – The streaming build system grunt – the JavaScript Task Runner F.I.S...

CSS

SASS在项目中的实战

rockyxia 8年前 (2016-03-21) 7325浏览

继上篇WIN7成功安装SASS记录之后,本周又把SASS如果使用在项目中研究了一番,本次内容是将之前的一个普通的静态页面转化为一个使用SASS的项目,体验了一些基础的SASS规则,像变量、嵌套、判断以及运算等基本的规则,走通了在项目中从scss文件到css文件的流程,没有使用专门的SASS编辑工具和引用第三方SASS库,都是原生态的做法。下面说下我的操作过程: 1、确定项目文件架构 与正常的项目差不多,看我...