一、请解释 JavaScript 中 this 是如何工作的。 首先：this 永远指向函数运行时所在的对象，而不是函数被创建时所在的对象。匿名函数或不处于任何对象中的函数指向 window 。 1、 方法调用模式 当函数被保存为对象的一个属性时，成该函数为该对象的方法。函数中this的值为该对象。 {代码...} 2、 函数调用模式 当函数并...

Web前端高薪的诱惑，学习门槛低，无论是学生党还是工作者，都渴望着凭借着自己的能力，空余的时间，想学一下前端。或许是爱好，或许是想从事这份工作。但是真的那么容易吗？如今初级前端的工作，已经接近饱和，并且供过于求的状态，企业需要的更多的是基础牢固，至少会一门后端技能的前端开发工程师。已经不再是以前所说...

1. watch 与 computed 的巧妙结合 一个简单的列表页面。 你可能会这么做： {代码...} 如果参数比较多 关键字筛选，区域筛选， 设备ID筛选， 分页数， 每页几条数据， 可能会是这样： {代码...} 不过这么写，明显有问题，主要是 watch 了很多参数，而且函数的处理都差不多，可以修改一下，通过 methods 处理 {代码...} 当...

css已经越来越强大了 ，可以使用它来绘制各种简单的形状，用于代替图片显示，这次的分享主要用到画圆，扇形 实现圆形 {代码...} 效果如下： border-radius圆角的四个值按顺序取值分别为：左上、右上、右下、左下。这里只设置一个值，代表四个角的取值都为为50% 原理： border-radius: 50% 弯曲元素的边框以创建圆。 由于...

一位小兄弟联系我说：本科是市场营销的，网上找的学习资料自学的编程。入行半年后我有点后悔了，觉得自己不是开发的料，在技术上存在明显的先天不足，而且一直坐班的工作方式真的很压抑，最关键的是感觉没有什么兴趣再往下学了，相比科班出身的其他人，我对技术越来越不敏感，比如什么框架更新了什么功能，对公司现有架...

成为一名前端开发人员注定是一条充满坎坷的道路，你必须借鉴前人的经验，小心翼翼地前行。 如果你也想成为一名开发人员，那么在学习过程中，一定要告别以下这些消极的心理陷阱。 1. 告别漫无目的的学习 在前端开发的学习过程中，你会从经验丰富的开发人员那里得到很多建议。他们会告诉你什么是最好的编程语言，你需要的...

CSS 翻转图片主要用到的技术除了3D翻转和定位 ，还用到了一个属性 backface-visibility：visable|hidden;该属性主要是用来设定元素背面是否可见。

CSS盒模型本质上是一个盒子，封装周围的 HTML 元素，包括 外边距（marign），边框（border），填充（padding），内容物（content）

先说明下，这是在谷歌浏览器下字体显示等问题做个研究，火狐下有点差异，不过火狐占有率低，而且显示的没有谷歌那么合理，字体排版上不是强迫症，差别也不大。

平时写动画也尽量使用 CSS3 来实现，timing-function 随意选用，最多也就调一下 cubic-bezier，找到看着舒服的就行。但是怎样让动画更顺滑，写出更贴近自然的动画，说实话以前我没怎么考虑过。

我是一个前端程序员，在刚开始工作的时候，在原来的部门，有一段时间一直在做各种活动，比如双十一、双十二、端午节活动等等。这些活动的模式基本差不多，我在做这些活动的过程中，有收获吗？有，当然有，但大吗？并不大。

一般遮罩 background : #000； 在body标签的最后加上div标签作为遮罩，如下： {代码...} css样式： {代码...} 注意：一般遮罩加上透明度opacity就是阴影效果了。 阴影效果 background : rgba(0,0,0,0.5)；hsla(0,100%,80%,0.5); 代码和一般遮罩一样，唯一不同的是设置.mask遮罩的背景色用rgba()表示，当然hsla()也是可以...

所有的颜色都可以由红、绿、蓝三原色调配而成。 CSS中用8位表示一个颜色，那么可以有28即256种颜色，所以总共可以表示256256256种颜色。CSS纵有多种颜色表示：

小程序做开发的时候难免需要不同页面之间的通讯，比如首页打开新的页面搜索获取结果返回到首页，不同tab页面之间的数据交互等等。于是做了以下总结

2.系统登录退出后，跳转到登录页面，登录页面点击浏览器后退按钮，页面后退到之前登录的页面。在退出登录后，禁止浏览器点击后退按钮，进行页面回退；

在没入手2017款的Apple MacBook Pro 13.3寸笔记本之前，也曾幻想mac应该是一个兼具了linux和windows优点的操作系统，实际上，macbook也有不少坑，如：

本项目服务端基于node.js技术，使用了koa框架，所有数据存储在mongodb中。客户端使用react框架，使用redux和immutable.js管理状态，APP端基于react-native和expo开发。本文需要对JavaScript较为熟悉，讲解核心功能点的设计思路。

盒尺寸重置 重置盒子模型，以便width s和height s并没有受到border 还是padding他们的影响 。 代码实现： {代码...} 效果如下： 说明 box-sizing: border-box 添加padding 或者border 不影响元素的width 或者height 。box-sizing: inherit 使元素尊重其父元素box-sizing 规则。浏览器支持98.4 %，没有警告。 均匀分布的...

css实现动态阴影 创建与类似的阴影box-shadow 而是基于元素本身的颜色。 代码实现： {代码...} 效果如下： 说明 代码片段需要一些复杂的情况来正确堆叠上下文，这样伪元素将定位在元素本身的下面，同时仍然可见。 position: relative 在父元素上为子元素建立笛卡尔定位上下文。z-index: 1 建立新的堆叠内容。position: r...

在IT行业，新技术、新概念和新思维如洪水般不断涌来，让人目不暇接。为了不至于落伍，IT人的全部时间基本都花在了学习和应用技术上。每天高效率的工作，人就像上了一辆高速列车，身不由己，想停也无法马上歇下来。

fs文件系统模块对于系统文件及目录进行一些读写操作。 模块中的方法均有异步和同步版本，例如读取文件内容的函数有异步的 fs.readFile() 和同步的 fs.readFileSync()。 异步的方法函数最后一个参数为回调函数，回调函数的第一个参数包含了错误信息(error)。 建议大家使用异步方法，比起同步，异步方法性能更高，速度更快...

<table border oncontextmenu=return(false)> <td>no </table> 可用于Table

函数对任何一门语言来说都是一个核心的概念，在javascript中更是如此。本文将介绍函数的5个高级技巧 作用域安全的构造函数 构造函数其实就是一个使用new操作符调用的函数 {代码...} 如果没有使用new操作符，原本针对Person对象的三个属性被添加到window对象 {代码...} window的name属性是用来标识链接目标和框架的，这里...

首先写一个大的div_nav，而“首页”“菜鸟笔记”“菜鸟工具”“参考手册”等则作为div包含在div_nav中。div_nav背景色设置为对应的颜色。

实现下图的加号效果： 若想实现这个效果， 只需一个div元素即可搞定。 需要用到css的为了before和after， 以及border特性。 先设置一个div便签 {代码...} 再设置一个边框： {代码...} 此时边框是这样的： 我们可以利用伪类before和其border-top来设置一个“横”： {代码...} 注意我们使了绝对定位。 此时变成了这样： 参照...

思路分析：有3种情况 第一种情况，当前页面curPage < 4 第二种情况，当前页面curPage == 4 第三种情况，当前页面curPage>4 此外，还要考虑，当前页码 curPage < pageTotal（总页码）-2，才显示 ... 首先，先是前端的布局样式 {代码...} 其次，是css代码 {代码...} JavaScript代码 {代码...} 前端技术分享：加入

在web前端开发过程中，UI设计师经常会设计一些带渐变文字的设计图，在以前我们只能用png的图片来代替文字，今天可以实现使用纯CSS实现渐变文字了。下面就介绍3中实现方式供大家参考！

前几天，一位即将从大学毕业的读者征求我的建议，问我该怎样才能找到一份开发岗位的工作。他投入了大量的时间浏览求职网站，海投求职信，但却没有收到一封回复。我完全理解他的这种痛苦。

刚毕业那会经历过很多所谓创业公司，和很多朋友经历过画大饼，洗脑以及公司上市原始股这样的承诺。当你正在趟过这些谎言你就会发现，在这个世界上能信这些鬼话的也只有涉世未深的毕业生了。小公司里真的就是十几二十几个精英带你一路向前？没有办公室政治？呵呵，金庸说过有人的地方就有江湖。在经济下滑的今天小公司的...

1，效果图 2，源码 HTML {代码...} CSS {代码...} JS {代码...} 封装方法 {代码...} 3，案例解析 HTML 由于节点很多，并且我想尽量做得逼真有趣有点，还给节点加了随机位置。所以节点的输出都是用JS控制的，HTML这边只写了几个父元素盒子，加上相应的ID名和类类名，结构相对简单。 CSS CSS部分的难点就是流星的样式和用...