WEB前端开发响应式网页开发之菜单(二级菜单)代码的设计与实现功能逻辑 响应式网页开发中,页面主菜单及二级菜单在桌面设备及手持设备上使用不同用户体验的开发方式。本文仅讨论代码的设计与实现功能逻辑,不讨论如何实现某种具体的视觉样式。 引言: 在现代的网页开发技术上,针对响应... 2018-02-034,132 viewsComments 阅读全文
WEB前端开发Async JavaScript:WordPress主题加载JavaScript文件添加异步“async”和推迟“defer“属性插件 惯例,所有JavaScript都放在页面的头部head中,必须等全部JavaScript代码都被下载、解析和执行完后,才能开始呈现页面的内容,对加载很多JavaScript代码的页面来说,会导致页面呈... 2018-02-033,792 viewsCommentsjavaScript WordPress 阅读全文
WEB前端开发javascript经典面试题:字体高亮函数 题目:请你完成 highlight 函数,可以把模版字符串中的插入内容替换掉,并且插入文档以后显示红色。例如: const yourName = 'ScriptOJ' const myName = '... 2018-02-032,785 viewsCommentsjavaScript 面试题 阅读全文
WEB前端开发javascript经典面试题:数组去重 题目:编写一个函数 unique(arr),返回一个去除数组内重复的元素的数组。例如: unique([0, 1, 2, 2, 3, 3, 4]) // => [0, 1, 2, 3, 4] u... 2018-02-032,717 viewsCommentsjavaScript 面试题 阅读全文
WEB前端开发javascript经典面试题:判断两个 Set 是否相同? 题目:完成 isSameSet 函数,它接受了两个 Set 对象作为参数,请你返回 true/false 来表明这两个 set 的内容是否完全一致,例如: const a = {} const b =... 2018-02-037,301 viewsCommentsjavaScript 面试题 阅读全文
WEB前端开发javascript经典面试题:数组遍历拍平结果 题目:编写一个 JavaScript generator 函数,接受一个仅包含数字的 多维数组 ,返回一个迭代器,可以遍历得到它拍平以后的结果。例如: const numbers = flatten2... 2018-02-033,409 viewsCommentsjavaScript 面试题 阅读全文
WEB前端开发javascript经典面试题:写函数实现按下标插入功能 题目:现在有一个数组存放字符串数据: ['item1', 'item2', 'item3', 'item4', 'item5'] 有另外一个数组存放一组对象: [ { content: 'sectio... 2018-02-032,138 viewsCommentsjavaScript 面试题 阅读全文
WEB前端开发javascript经典面试题:字符串添加原型方法 spacify 题目:请你给字符串都添加上原型方法 spacify,可以让一个字符串的每个字母都多出一个空格的间隔: "ScriptOJ".spacify() // => "S c r i p t O J" (... 2018-02-032,735 viewsCommentsjavaScript 面试题 阅读全文
WEB前端开发JavaScript经典面试题:判断两个矩形是否重叠 题目:用一个对象的数据来表示一个矩形的位置和大小: { x: 100, y: 100, width: 150, height: 250 } 它表示一个宽为 150 高为 250 的矩形在页面上的 (1... 2018-02-0312,816 viewsCommentsjavaScript 面试题 阅读全文
WEB前端开发JavaScript经典面试题:safeGet 函数获取无限多层次数据 题目:有时候我们需要访问一个对象较深的层次,但是如果这个对象某个属性不存在的话就会报错,例如: var data = { a: { b: { c: 'ScriptOJ' } } } data.a.b.... 2018-02-032,678 viewsCommentsjavaScript 面试题 阅读全文
WEB前端开发JavaScript经典面试题:解析字串 题目:完成一个 extractStr 函数,可以把一个字符串中所有的 : 到 . 的子串解析出来并且存放到一个数组当中,例如: extractStr('My name is:Jerry. My age... 2018-02-031,942 viewsCommentsjavaScript 面试题 阅读全文
WEB前端开发前端框架Bootstrap 4正式发布 然问题也来了! 前端框架Bootstrap 4正式发布了。然而今天的Web世界已经和当初Mark Otto发布Bootstrap时的情况大为不同,一些开发者由此质疑它的更新是否还有意义。 V4版本的主要更新有: 改进... 2018-02-033,704 views1 Bootstrap 阅读全文
WEB前端开发Stack Overflow新分析:JavaScript框架生命周期非常短暂 Stack Overflow一项新的分析,JavaScript框架的生命周期是非常短暂的。但是这个数据也展现了主流框架的寿命和满足特定需求的框架的寿命是有所差异的。 在一篇博客文章中,Stack Ov... 2018-02-032,394 viewsCommentsjavaScript 阅读全文
WEB前端开发PHP str_repeat函数在JavaScript中的模拟代码实现 PHP中有一个函数:String str_repeat($str, num);挺好用的....以下通过js和php模拟实现。 1:PHP版本 /*PHP版实现*/ function repeat($... 2018-02-032,902 viewsCommentsjavaScript PHP 阅读全文
WEB前端开发HTML5 面试题及答案 前端web开发人员值得收藏 10个 HTML5 面试问题并给出了答案。这是 Web 开发人员最常见的面试问题,相信你掌握了这些重要的面试问题后一定会觉得你的理解提高了。一起来看看吧。 1、新的 HTML5 文档类型和字符集是? ... 2018-02-031,727 viewsComments面试题 阅读全文
WEB前端开发JavaScript开源模块打包器Parcel.js 速度是webpack10倍 Parcel.js是一款新开源的JavaScript模块打包器,于2017年12月5日发布。Parcel的发布公告指出,速度和零配置是其与webpack、browserify、rollup等现有模块打... 2018-02-032,757 viewsCommentsjavaScript webpack 阅读全文
WEB前端开发Vue.js通用应用开源框架Nuxt.js发布1.0版 Nuxt.js是一种创建Vue.js通用应用的开源框架。近期,Nuxt.js发布了1.0版本,宣称对框架做了一定简化,并加速了Vue.js应用的创建。Nuxt.js可用于创建服务端渲染(SSR,Ser... 2018-02-033,640 viewsCommentsVUE 阅读全文
WEB前端开发JavaScript经典面试题:记忆化斐波那契函数(Memoization) 记忆化斐波那契函数(Memoization) 题目:斐波那契数列指的是类似于以下的数列: 1, 1, 2, 3, 5, 8, 13, .... 也就是,第 n 个数由数列的前两个相加而来:f(n) =... 2018-02-033,175 viewsCommentsjavaScript 面试题 阅读全文
WEB前端开发rem不只设置字体大小 更是移动端响应式适配利器 提到rem,大家首先会想到的是rm,px这类的词语,大多数人眼中这些单位是用于设置字体的大小的,没错这的确是用来设置字体大小的,但是对于rem来说它可以用来做移动端的响应式适配哦。 兼容性 查看图片 ... 2018-02-022,637 viewsComments 阅读全文
WEB前端开发Vue.js项目自动转换 px 为 rem,高保真还原设计图 前端开发中还原设计图的重要性毋庸置疑,目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代,要么自己去计算rem值,要么依靠编辑器安装插件转换。 而本文的目标就是通过一系列的配... 2018-02-022,205 viewsCommentsVUE 阅读全文
WEB前端开发Web轻量级加载器Loder v1.0 发布 vs ssr Loder是一个轻量级加载器,通过合理地声明资源任务依赖关系,以最高效形式执行Web加载,提供强大的性能追踪,持续优化性能瓶颈。 目前线性粗放式的Web资源加载模式,尤其在条件有限的移动端,很大程度限... 2018-02-022,499 viewsComments 阅读全文
WEB前端开发ES6克隆对象 你真的学习掌握了吗? 聊克隆之前,我们还是先来看看js数据类型。js的数据类型分为基本数据类型和复杂数据类型。 基本数据类型:Number、Boolean、String、Null、String、Symbol(ES6 新增)... 2018-02-022,291 viewsCommentsECMAScript 阅读全文
WEB前端开发vue.js移动端项目中统一滚动条样式与效果示例 原生的滚动条安卓端与苹果端有诸多不一样的地方,在我们的用户体验中,自然是想统一用户体验,而最常见的滚动条必然是要考虑在其中的,这篇文章主要是介绍vue项目中插件better-scroll的使用,感谢您... 2018-02-024,185 viewsCommentsVUE 阅读全文
WEB前端开发JavaScript 高级程序设计之节流 [throttle] 与防抖 [debounce] 一、概念 这两个东西都是为了项目优化而出现的,官方是没有具体定义的,他们的出现主要是为了解决一些短时间内连续执行的事件带来性能上的不佳和内存的消耗巨大等问题; 像这类事件一般像 scroll keyu... 2018-02-022,510 viewsCommentsjavaScript 阅读全文