首页
话题
消息
手册

最新文章

关于 DOM 你应该知道的

常用的节点有三类,分别是: element node text node attribute node 除此之外其他还可能包括 comment 等其他节点。 如下示例可以将三类节点一一对应: <p title="a gentle reminder">Don't forget to buy this stuff</p> 拿到节点的方法: 通过 dom.children 拿到的…

嘦怹 2021-12-01 13:31:53 浏览 733 评论 0 收藏 0

JavaScript 线程的总结

JavaScript 是一门单线程语言。 浏览器的执行除了主线程外,分为宏队列(普通的 script,setTimeout,setInterval)、微队列(Promise,process.nextTick)。 执行规律在浏览器端和 Node.js 上有些差异,如下为自己总结出来的执行顺序: 执行主线程后,把对应任务推到宏队列 和 微队列中,然后优先执行微队列的任务,再执行宏队列中的任务,一旦宏队…

沙与沫 2021-12-01 13:22:30 浏览 755 评论 0 收藏 0

我的前端配置之代码风格格式化 prettierrc

上一篇介绍的 editorconfig 是给编辑器约束的配置,那么本篇的 prettier 就是给开发者的代码进行风格约束的。可以应用于多种编程语言,比如前端的 HTML、CSS、JavaScript 是标配,其他的如 Markdown、PHP、Swift、Ruby 等等开发语言都支持。 .prettierrc.js 在项目根目录新 .prettierrc.js: module.exports =…

如此安好 2021-12-01 13:18:28 浏览 735 评论 0 收藏 0

coolie 入门之介绍和安装以及准备工作

  • coolie 入门之介绍和安装以及准备工作
  • coolie 入门之介绍和安装以及准备工作
  • coolie 入门之介绍和安装以及准备工作
  • coolie 入门之介绍和安装以及准备工作

1、大环境 如今,随着模块化思想的流行,越来越多的前端开发已经介入到模块化开发当中来了,模块化约定和规范也更加的完整,ECMAScript 也已经将其纳入标准制定计划当中。因此,可以说前端模块化是一个大趋势,更是随着 NodeJS 的风靡,加速了这一过程。本文及接下来的几篇文章介绍的 coolie(苦力),是模块化的一个相对完整的实现和解决方案。 2、coolie 介绍 coolie,苦力。模块好…

谁的新欢旧爱 2021-12-01 13:07:19 浏览 807 评论 0 收藏 0

CSS 实现一个边框大小相同的九宫格

题目:要求用CSS实现一个九宫格,边框颜色为 5px gray,悬浮在其中一个九宫格的时候边框颜色变红色 知识:float 的用法,margin 的小技巧 提示:使用 marin 可以为负数来解决相邻的 element 的 border 为 10px 的问题 实现: <!-- css --> .container { width: 300px; height: 300px; } .bo…

冬天旳寂寞 2021-12-01 13:05:23 浏览 647 评论 0 收藏 0

使用图片标签和 Background 的比较

有些场景既可以使用 <img/> 也可以使用 background-image,怎么选择? stackoverflow: when-to-use-img-vs-css-background-image,提到了很多点。 关于使用 <img/> 比较重要的两点是: 如果你想在打印网页的时候包含图片(网页的打印有的浏览器默认是不包含 <img/> 的) 图片在网页中是…

凯凯我们等你回来 2021-12-01 13:03:54 浏览 763 评论 0 收藏 0

box-sizing 的用法

box-sizing 设置了 width 和 height 以后 默认是包含 padding 在内的 box-sizing: border-box 是连同 padding+border 在内 box-sizing: content-box 是只包含内容区域,不包含 padding 的 box-sizing options content-box: width height 被应用在内容区域 pad…

混吃等死 2021-12-01 13:01:55 浏览 811 评论 0 收藏 0

Goperfcounter API 文档

gopfercounter 提供了几种类型的统计器,分比为 Gauge、Meter、Histogram。统计器的含义,参见 java-metrics。 Gauge A gauge metric is an instantaneous reading of a particular value 设置 接口: Gauge(name string, value int64) 参数: value - 记录…

JSmiles 2021-11-30 17:34:24 浏览 662 评论 0 收藏 0

opacity visibility display 以及 transition 和 animation 的异同

opacity visibility display 有什么差别 opacity 和 visibility 会仍旧占据空间,display 没有 opacity 会有事件 和 taborder,visibility 和 display 没有 transition 和 animation 有什么区别 共同点 对某些特性进行监听设置时间从某个值变化到另一个值 有持续时间 带来可视化的样式改变 能够通过…

归途 2021-11-30 13:31:05 浏览 954 评论 0 收藏 0

我的前端配置之编辑器风格约束 editorconfig

前端开发者可能用到各种编辑器,比如 WebStorm、Visual Studio Code、Sublime Text、Brackets、Notepad++、Vim 等等,每个人的喜好不同,不同的开发者在协同开发时容易造成排版的部分出入。 editorconfig editorconfig 就是实现跨应用、跨平台编辑风格的统一的一个可阅读性配置。 我的配置 在项目根目录新建 .editorconfi…

一人独醉 2021-11-30 13:19:30 浏览 878 评论 0 收藏 0

Three.js 三维模型阵列

three.js 并没有提供几何体或网格模型阵列的 API,不过可以通过 for 循环结构自定义。 直线阵列 沿着 x 轴方向绘制 10 个立方体,立方体几何中心的距离是 15 /** * 阵列立方体网格模型 */ var box=new THREE.BoxGeometry(10,10,10);//创建一个立方体几何对象 var material=new THREE.MeshLambertMate…

偏爱自由 2021-11-30 13:17:33 浏览 922 评论 0 收藏 0

抽像命名 Sass 变量

Phil Karlton 认为,在计算机科学中,最大的难题之一就是:命名。这一问题在给变量命名时显得尤为突出。 目前,通过使用变量处理颜色、断点和字体大小,是一个很棒的实践。更进一步,你也可以通过使用 SASS Maps 和混合宏生成动态类名。这种方式在不影响用户视觉体验的基础上,还能让你的工作更有效率。 反模式(Anti-pattern) $red, $blue 和 $green 都是有意义的变…

归属感 2021-11-30 13:14:46 浏览 825 评论 0 收藏 0

Sass 学习教程之进阶

先简单的说一下 Sass 这个东西。CSS 是一些非常基础简单得语句的组合,既然简单的语句,就不可避免的有很多重复,冗余的东西。而且没有传统编程语言变量、控制语句等高级特性,所以造成了 CSS 编写低效,往往需要通过查找替换、大量复制来修改或者编写。 Sass 就是用来弥补这个缺陷,为 CSS 提供额外的高级功能,使其开发更加方便快捷,更加方便管理。所以你需要使用 Sass 的语法来编写代码,然后…

甜柠檬 2021-11-30 13:13:06 浏览 726 评论 0 收藏 0

前端开发之 DOM 元素

兼容性要求:兼容到 IE8 closestElement(element, className) 兼容实现返回从自身开始向上查找符合 className 的最近元素。 elementSiblings(element) 兼容实现返回元素的兄弟元素集合(不包含自身)。 selectChildElement(parentElement, childIndex) 兼容实现选择第几个子元素。 childIn…

疑心病 2021-11-30 13:09:26 浏览 800 评论 0 收藏 0

浏览器 AJAX 跨域请求访问控制

跨域请求 跨域指的是,__请求的页面与请求服务器__之间发生跨域行为。跨域不仅仅是不同的域名,还包括了协议、端口、子域名。因此在以下情况下都表示了发生跨域行为: 协议不同:如 http:// 和 https:// 端口不同:如 8080 和 8081 域名不同:包括一级域名和二级域名,如 a.com 和 b.com,或 1.a.com和 2.a.com 安全降级:更高的安全级别协议不能向更低的安全…

猫九 2021-11-30 13:07:48 浏览 742 评论 0 收藏 0
更多

推荐作者

樱花落人离去

文章 0 评论 0

寻心

文章 0 评论 0

Dimples.

文章 0 评论 0

悲喜皆因你

文章 0 评论 0

wenjiangs

文章 0 评论 0