js如何将树形结构数组对象变为二维数组?

2023-04-17
阅读 2 分钟
1.3k
将树形结构的数组对象转换为二维数组可以使用递归和深度优先遍历的方法。以下是一个示例的 JavaScript 代码,展示了如何将树形结构数组对象转换为二维数组:

Svelte教程翻译(〇、引言)

2021-08-02
阅读 3 分钟
1.2k
您可以使用Svelte构建整个应用程序,也可以将其逐步添加到现有代码库中。您还可以将组件作为可在任何地方工作的独立包发布,而无需依赖传统框架的开销。
封面图

Svelte教程翻译(二、Props)

2021-08-02
阅读 2 分钟
1.5k
在任何真正的应用程序中,都需要将数据从一个组件传递到其子组件。要做到这一点,我们需要声明属性,通常简称为“ props”。在Svelte中,我们使用export关键字来实现这一点。编辑Nested.svelte组件:
封面图

Svelte教程翻译(一、响应)

2021-08-02
阅读 3 分钟
2.3k
响应Svelte的核心是一个强大的响应系统,可以使DOM与应用程序状态保持同步ーー例如,响应一个事件。为了演示它,我们首先需要触发一个事件的程序: {代码...} 在handleClick函数中,我们需要做的就是改变 count 的值: {代码...} 完整代码: {代码...} 响应声明当组件的状态发生变化时,Svelte会自动更新DOM。通常,组件...
封面图

怎么画一条0.5px的边

2018-03-26
阅读 6 分钟
15.1k
像素是屏幕显示最小的单位,在一个1080p的屏幕上,它的像素数量是1920 1080,即横边有1920个像素,而竖边为1080个。一个像素就是一个单位色块,是由rgba四个通道混合而成。对于一个1200万像素的相机镜头来说,它有1200万个感光单元,它能输出的最大图片分辨率大约为3000  4000。

JavaScript代码整洁之道

2017-01-10
阅读 28 分钟
2.9k
Robert C. Martin 在《代码整洁之道》 中提到的软件工程原则,同样适用于 JavaScript。这不是一个风格参考。它指导如何用 JavaScript 编写可读、可复用、可重构的软件。

谷歌HTML/CSS规范

2016-12-30
阅读 6 分钟
5.7k
省略图片、样式、脚本以及其他媒体文件 URL 的协议部分(http:,https:),除非文件在两种协议下都不可用。这种方案称为 protocol-relative URL,好处是无论你是使用 HTTPS 还是 HTTP 访问页面,浏览器都会以相同的协议请求页面中的资源,同时可以节省一部分字节。

React还是Vue:你该如何选择?

2016-12-30
阅读 5 分钟
17.5k
2016年React巩固了它作为前端框架之王的地位,这一年中可以看到它在Web端和移动端的快速成长,同时稳稳领先于它的主要竞争对手Angular。

15个有趣的JavaScript与CSS库

2016-12-13
阅读 4 分钟
6.7k
在十一月份的前端技术列表中,我们整合了一些令人感到惊叹的 GitHub 项目,其中包含了新的 CSS 框架、node.js包管理器,以及用于实现图标、加载效果、工具提示的纯 CSS 解决方案。

JavaScript arguments 对象详解

2016-11-03
阅读 5 分钟
3.6k
1. 什么是 arguments MDN 上解释: arguments 是一个类数组对象。代表传给一个function的参数列表。 我们先用一个例子直观了解下 JavaScript 中的 arguments 长什么样子。 {代码...} 执行结果是: {代码...} 乍一看,结果是个数组,但并不是真正的数组,所以说 arguments 是一个类数组的对象(想了解真正数组与类数组对...

了解并使用CSS中的rem单位

2016-11-03
阅读 4 分钟
10.1k
可能在你使用收音机或者用其他音乐播放器之前,就已经听过“R.E.M.”这个词了。在这个乐队眼中,这个词是“浅睡眠时眼球的快速转动”的缩写,而在 css 中,rem 代表着“以根元素为参照物的 em 单位“。他不会让你抛弃你的宗教信仰也不会让你相信那个远在月球的人,但是它可以帮助你实现一个和谐、平稳的设计。

HTML5离线存储原理

2016-09-23
阅读 4 分钟
13.6k
使用HTML5,通过创建cache manifest文件,可轻松创建web应用的离线版本。HTML5引入了应用程序缓存,这意味着web应用可进行缓存,并可在没有网络时进行访问。应用程序缓存为应用带来三个优势:

每个程序员必看:如何在40岁后继续做软件开发?

2016-09-23
阅读 4 分钟
7.4k
这是一个 42 岁的开发者所写经验分享文章.并且列出一些他 18 年多身为软件开发者的经验谈.许多部分看完后都会希望自己当时就能够了解,所以很推荐不论是新手或是老手都要好好阅读这一篇文章。 故事很长,一切从 1997 年开始讲起.那是一个令人怀念的年代(FF7 发售,微软入股苹果,铁达尼号电影上映),那是作者第一年...

总结移动开发实践中遇到的坑

2016-09-12
阅读 3 分钟
6k
做过很多移动端的项目,在开发调试过程中,一款好的调试工具会让效率大大提高。博主之前已经推荐了一款神器:[链接] 下面,就总结一下移动端遇见的坑。 1.input   placeholder问题 在chrome 模拟移动端调试时[上图],显示的非常正常,但是在真机上[下图],placeholder里面的内容明显靠上,非常的不美观      在国外...

如何使用CSS和SVG剪切和遮罩技术

2016-09-01
阅读 4 分钟
12.1k
SVGs 能够很好的在 web 上工作, 剪切和遮罩允许你使用有趣的方式去展示或隐藏 web 图像, 使用这些技术也能让的设计变得更加灵活因为你不需要去修改或者创建新的图像——这些都可以用代码来实现。通过结合使用 CSS 和遮罩技术,你将会拥有更多的可能性去使用网络图像。

target='_blank' 安全漏洞示例

2016-09-01
阅读 2 分钟
4.6k
更新: Instagram已经解决了这个问题, 很可能是因为这篇文章。Facebook和Twitter仍未解决。我用Instagram作为基本的例子,但主要结论是target="_blank"安全漏洞极为普遍。每个Web开发者应该警惕它,浏览器也应该考虑修改这个行为。

用数组建立一个简单的循环

2016-08-10
阅读 2 分钟
2.2k
有时我们需要不停的循环数组的元素,就像一组旋转的图片,或者音乐的播放列表。这里告诉你如何使一个数组拥有循环的能力: {代码...} 使用 % ( 取模 ) 操作符更优雅。取模返回除法的余数 ( 2 % 5 = 1 and 5 % 5 = 0): {代码...} 转载自:[链接]

有趣的JavaScript原生数组函数

2016-08-09
阅读 7 分钟
2k
在JavaScript中,创建数组可以使用Array构造函数,或者使用数组直接量[],后者是首选方法。Array对象继承自Object.prototype,对数组执行typeof操作符返回object而不是array。然而,[] instanceof Array也返回true。也就是说,类数组对象的实现更复杂,例如strings对象、arguments对象,arguments对象不是Array的实例,但...

AngularJS指令实践

2016-08-03
阅读 14 分钟
2.9k
指令(Directives)是所有AngularJS应用最重要的部分。尽管AngularJS已经提供了非常丰富的指令,但还是经常需要创建应用特定的指令。这篇教程会为你讲述如何自定义指令,以及介绍如何在实际项目中使用。在这篇文章的最后,我会指导你如何使用Angular指令来创建一个简单的记事本应用。

44个JavaScript变态题解析

2016-07-12
阅读 12 分钟
2.6k
第1题 {代码...} 知识点: Array/map Number/parseInt JavaScript parseInt 首先, map接受两个参数, 一个回调函数 callback, 一个回调函数的this值 其中回调函数接受三个参数 currentValue, index, arrary; 而题目中, map只传入了回调函数–parseInt. 其次, parseInt 只接受两个两个参数 string, radix(基数). 可选。表示...

网站的肥胖症危机(节译版)

2016-07-11
阅读 1 分钟
1.7k
文本本身并不大,但是展示它们的网页,正变得越来越大。Twitter展示单条评论(140个字符)的页面,超过900KB。Medium的一篇文章大约400个词,页面大小是1.2MB。

一个优秀的程序员应该拥有的素质

2016-07-04
阅读 1 分钟
2.7k
1、只做需要做的工作 使用敏捷方法; 全心全意做UX设计; 沟通第一; 编码也许不是解决问题的办法; 过早的优化是一切罪恶的根源; 选择最简单的解决方案。 2、站在巨人的肩膀上 使用开源框架; 使用简洁语言(如HAML、Jade、Coffeescript); 不要做重复的事情(不要重新发明轮子); 利用包管理器来进行公共和私有代码...

如何编写避免垃圾开销的实时Javascript代码

2016-06-30
阅读 4 分钟
2.7k
在 Javascript 语言中我们很难完全避免垃圾开销。它的垃圾收集模式在根本上是不符合像游戏这样的实时软件需求的。在这篇文章中我们主要介绍了一些关于 javascript 垃圾回收的方法。

GET和POST有什么区别?及为什么网上多数答案都是错的

2016-06-01
阅读 2 分钟
2.6k
这个答案好像并不是他想要的。于是他继续追问有没有别的区别?我说这就是个名字而已,如果服务器支持,他完全可以把GET改个名字叫GET2。他反问道,那就是单纯的名字上的区别喽?我想了想,我觉得如果说再具体的区别,只能去看RFC文档了,还要取决于服务器(指Apache,IIS)的具体实现。但我不得不承认,我的确没有仔细看...

别人家的面试题:统计“1”的个数

2016-06-01
阅读 3 分钟
2.5k
小胡子哥@Barret李靖给我推荐了一个写算法刷题的地方leetcode.com,没有ACM那么难,但题目很有趣。而且据说这些题目都来源于一些公司的面试题。好吧,解解别人公司的面试题其实很好玩,既能整理思路锻炼能力,又不用担心漏题 ╮(╯▽╰)╭。

使用ES6写更好的JavaScript

2016-05-30
阅读 32 分钟
6.5k
但这是真的。V8引擎将很快实现规范,而且Node已经添加了大量可用于生产环境的ES2015特性。下面要列出的是一些我认为很有必要的特性,而且这些特性是不使用需要像Babel或者Traceur这样的翻译器就可以直接使用的。

jQuery插件入门

2016-05-16
阅读 5 分钟
2.9k
有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写("#"),("#"),("."),写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人,直到有一次公司里的技术交流,我才改变了自己对自己的看法。

ES6——生成器

2016-04-21
阅读 6 分钟
4.2k
普通的函数使用function作为开始。生成器函数以function*开始。 在一个生成器函数中,yield是一个关键字,语法和return很相似。 区别在于,一个函数(甚至是生成器函数),只能返回一次,但是一个生成器函数能够yield很多次。 yield表达式暂停生成器的运行,然后它能够在之后重新被使用。 就是这样的,以上就是普通的函...

善用meta

2016-04-21
阅读 5 分钟
3.7k
在移动前端第一弹:viewport详解中,我们讲了viewport,那是一个关于meta的故事。这次我们会就将meta这个故事讲得更广阔、更有意思一些。

viewport详解

2016-04-21
阅读 3 分钟
8.6k
前言 这次想聊聊移动开发相关的事。是的,你没有看错,一句话就可以开始你的移动前端开发。 你心里一定在想,什么话这么酷,能够瞬间带入到移动前端开发的世界。 但其实它一点也不新奇,不复杂。 viewport简介 没错,就是viewport特性,一个移动专属的Meta值,用于定义视口的各种行为。 该特性最先由Apple引入,用于解决...