头名字W的博客

如何对代码执行这种友好操作。像我一样，你可能已经学会了避免在源代码中使用大量if语句。他们很难读；代码很难遵循，而且通常很难看。看一看：一堆丑陋的条件当然，这只是从真实应用程序的上下文中推断出的示例。试想一下，我们在语句内执行函数调用。也许还有其他条件检查。大多数编码员采用的解决方案是什么？让我们分析提供的示例。将表达式与一堆值进行比较，然后在其中一个为时执行一些代码true。你想到了吗？只需使用一条switch语句。一堆丑陋的条件我故意留下了break，即使在这里由于return

npx是一个npm包执行器，npm 从5.2版开始，增加了 npx 命令。npx的作用在于提高从npm注册表使用软件包的体验。在npm的基础之上，npx让npm包中的命令行工具和其他可执行文件在使用上变得更加简单，极大地简化了使用npm时所需要的大量步骤。安装虽然在安装npm的时候会自带安装npx，但是它仍然可以手动安装。npm install -g npx避免模块的全局安装，直接使用npxnpx 还能避免全局安装的模块。在create-react-app的脚手架工具的使用指南中，建议我.

1. typeoftypeof 操作符返回变量或表达式的类型。语法：　typeof arr;这种数据类型检测只对简单数据类型适用，对数组和对象不实用．2. instanceofinstanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上语法：　obj instanceof Object;这种方式对检测对象的实例比...

1. 计算当前是第几天let curDate = new Date();let date = new Date();// 设置本年的第一天date.setMonth(0);date.setDate(1);let dateGap = curDate.getTime() - data.getTime();let day = Math.ceil(dateGap / 24*60*60*10...

1.根据数组长度var arr = [1,2,3];let last = arr[arr.length-1]; // 32.使用数组方法slice(-1)当使用负数作为参数时就表示从数组末尾开始计数。而当省略第二个可选参数时，表示一直复制到数组末尾。所以在数组上使用slice(-1)就可以获取数组的最后一个元素了。(注：-1 指最后一个元素，-2 指倒数第二个元素);v...

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。forEach（）使用三个参数调用该 函数：数组元素、元素的索引和数组本身。注意: forEach() 对于空数组是不会执行回调函数的。array.forEach(function(currentValue, index, arr), thisValue)。回到本文的主题，js中forEach中一般是没办法终...

JavaScript中总会遇到字符转义的问题，但是怎么才能做到呢？你可以在 JavaScript 中使用反斜杠来向文本字符串添加特殊字符。反斜杠用来在文本字符串中插入省略号、换行符、引号和其他特殊字符。var txt="We are the so-called \"Vikings\" from the north."// We are the so-called "Vikings"...

switch...case...语句通常作为if...else if... 语句的另一种表现形式 ，要比if语句多种值的判断要更加直观。switch...case...中的case的值有两种形式：1、case是字符串类型switch(text) { case 'one': console.log('one'); break; default: ...

js中如果只考虑本时区的话那就不会有这个问题，但是一旦项目考虑全球化的运作那么就要考虑这个问题。为什么会出现这个问题？究其原因，程序并非直接使用new Date()取的客户端操作系统的时间，而是服务器的时间(Linux事先与某一台时间服务器校对过时间--为本时区时间)。而产生问题的根源在于，服务器将它当前时间转成毫秒数后传递给客户端，客户端显示的时候没有进行时差修正。需要了解的知识格林...

js中对象中属性有时候可以看到get和set前缀，它们有什么用？get其实就是对象的属性值的返回值的方法，那么set就是属性值的修改方法。一般对象内部的私有属性命名都会加上前缀“_”，如”_name”var obj = {    _price: 10,    get price() { return this._price },    set price(val) { this._price = ...

在表格中常常会遇到字体换行或者超出隐藏的问题，那么那是如何实现的呢？强制不换行      white-space: nowrap自动换行          word-wrap:break-word强制英文单词断行  word-break:break-all*注意：设置强制将英文单词断行，需要将行内元素设置为块级元素。超出显示省略号  （需要给容器设置宽度）div {width: 200px;tex...

1、VUX      常用的移动端的vue的UI库      官网：https://vux.li/#/2、element（饿了么前端一套基于 Vue 2.0 的桌面端组件库）      官网：http://element.eleme.io/#/zh-CN      github：https://github.com/elemefe （含有其他的项目）3、iview官网：

var a = '';a ? true : false// false1.if(变量)if(变量){ 执行语句}判断表达式为true，则执行括号中的内容变量为''，0，null，undefined，false，if里面都会被处理为true，来执行if体里面的语句；2.if（变量== true）只有变量值为true时才执行if体里面的语句；代码优化：一对if.

1. word-break:break-all;只对英文起作用，以字母作为换行依据2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据3. white-space:pre-wrap; 只对中文起作用，强制换行4. white-space:nowrap; 强制不换行，都起作用5. white-space:nowrap; overflow:hidden; tex...

对象字面量对象字面量是指以{}形式直接表示的对象，如下面这样：var book = {  name: 'ES6',}ES6 为对象字面量的语法带来了一些改进：包括属性/方法的简洁表示，可计算的属性名等等.属性的简洁表示法var events = { listen: listen } ==> var events = { listen }可计算的属性名var expertise = 'jour...

js的数组去重的方法有很多，但是今天我们来使用es6的最新的函数来实现更简洁的解决方案。现在要介绍的两种方法都是与es6的新的数据结构Set有关,先简单介绍下Set。ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。可以接受一个数组作为参数，用来初试化。方案一：使用Set结合拓展符来使用const set...

实现像如下图散点图固定显示四个象限图一般想要实现这个效果并不然，但是思路一定要正确。在使用echarts进行数据配置时都是echarts自己取x，y轴的值，那么这就会让图形的象限是随数据变化而变化，要让圆心固定显示在图中心就要对x和y轴上的数据进行处理。从图中可以很容易发现就是取x和y轴的数据为一半正值一半为负值，但是具体怎么做呢？知道echarts里面的xAxis和yAxias的max和min属...

 break 语句它常用的用法是跳出 switch() 语句。var day;switch (new Date().getDay()) {    case 0:        day = "Sunday";        break;    case 1:        day = "Monday";        break;}在标签引用中使用 break 语句，用于跳出代码块：var cars...

一般我们在pc上主要是流动式布局，采用的单位一般都是px，由于pc屏幕都是很大的，所以不用过多的担心字体单位的选择，但是在移动端呢？那么这完全相反，由于手机屏幕较小，且各种屏幕尺寸你一不小心你布局的样式或者单位字体显得过大这都不是很理想的。那么我们就来说下移动端的字体选择。      话不多说，直入主题，移动端布局最常见的是单位解决方式，没错就是rem 这是我觉得最好的解决移动端字体或者容器的