u010289890的博客

原创 package.json的配置项说明

原创 使用yarn安装依赖的过程

原创 判断浏览器中是否安装了某插件

function hasPlugin(name) { var userAgent = window.navigator.userAgent //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 //判断是否IE<11浏览器 var isEdge = userAgent.indexOf("Edge".

原创 如何从location的search属性值中解析出每个请求参数的key和value值

function getSearchParams(search) { const searchParams = {} const searchStr = search.substring(1) // 如果location中有search值，去除search值中的第一个字符‘?’ const searchArr = searchStr.length ? searchStr.split('&') : [] // 以 & 符为分隔符，解析出key value 组合，组合的形式为'key=v.

原创 HTML之语义化

现在越来越多的公司要求前端工程师能够编写语义化的HTML，那么什么是HTML语义化，HTML语义化有哪些好处呢，HTML语义化标签有哪些呢，这篇文章将一一展开讲解。什么是HTML语义化HTML语义化是HTML5的革新点之一，在HTML5出现之前，我们大多使用div标签，而这些标签却没有什么实际意义，我们都是通过css来设定他们的样式，如果css样式缺失，这些标签中的内容就会无序地堆砌，页面的可读性极差。HTML5出现后，有了head、article、section、footer等标签，这能够让开发者

原创 捋一捋Vue构造函数

Vue的构造函数是什么样子的？带着这样一个好奇心，我在Chrome浏览器调试vue页面的过程中，通过在source的watch中添加监听的对象，记录了Vue构造器的生成过程，最后Vue的构造器组成如下：内容有很多，下面通过一张图了解一下具体过程：所处平台为web，用的是vue的运行时+编译器版本...

原创 探索vue初始化选项中的watch

通过查阅vue的官方API文档，得知watch选项的定义形式有一下几种 watch: { // 1. 直接定义处理函数 "watchedData1": function(){} // 2. 在methods中定义处理函数，在watch中通过函数名访问 "watchedData2": "functionName" // 3. 以 watch options 的形式定义 "watchedData3": { handler: function(

原创 不同的react项目创建方式中server是怎么创建的？

      react项目的创建方式主要有两种，一种是通过node的npm和webpack一步一步的按需创建(此方式称为方式一)，一种是通过create-react-app脚手架快速构建(此方式称为方式二)；方式一中的项目启动脚本需要自己配置，方式二中的项目启动脚本已自动配置好 通过两种启动脚本，我们来看server的创建过程。方式一：在node_modules &gt;&gt; we...

原创 webpack3+react+webstorm创建项目

1. 创建一个空白项目 2. 执行npm init –y，产生package.json文件解释1：npm init用来初始化一个项目，初始化的过程中，会让我们逐步确认项目名称、版本、项目描述、主文件、关键字等信息，如果使用npm init –y，初始化过程会使用默认配置，不需要我们逐步确认而生成package.json文件。 3. webpack3.1 执行npm ...

原创 webpack3不编译-webkit-box-orient: vertical;的问题的解决办法

需求：通过-webkit-box-orient: vertical;实现div中的内容显示两行，并在结尾加省略号css样式：webpack编译结果：解决方式1：autoprefixer不仅会帮你加-webkit-之类的prefixer，还会删除css中的样式，用注释包裹就不会被删除；注意：autoprefixer:on和autoprefixer:off必须用/* */包...

原创 简单理解java中的宏常量

在上面的代码中，第一次会输出true，第二次会输出false，因为在第一次比较中，str2是直接将两个字符串连接，在java中，字符串本身就是宏常量，这里要注意，是本身而不是字符串变量，也就是“Hello”和“ World”已经是定死的了，不会再改变，这时，在编译时，java直接将两个字符串连接成“Hello World”，然后在常量池中寻找值为“Hello World”的地址，并将寻找到的地址赋值给str2，所以，第一次的输出结果为true。在第二次比较中，str5是将str3和str4两个字符串变量的内

原创 java每日一题：给定一个整数数组arr和整数target，返回两个索引值，使得这两个索引值对应的整数的和等于target。（arr中有且仅有一组）

运行结果：[2, 3]

原创 java每日一题：给定一个正整数n，将1到n进行字典排序，并输出

package demo;import java.util.ArrayList;import java.util.List;public class LexicographicalOrder { public static List lexicalOrder(int n) { List list = new ArrayList<>(n); int cur

原创 jQuery中的.html()方法、.text()方法、.val()方法和.attr()方法

jQuery中的.html()方法、.text()方法、.val()方法和.attr()方法

原创 bootstrap中的container类和container_fluid类的区别

container的类描述：.container{ padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto}@media (min-width:768px){ .container{ width:750px }}@media (

翻译 数组排序方法sort()

默认情况下，sort 方法是按照ASCII码来进行排序的。对于JavaScript数组的sort方法来说，它会先将待排序的内容转换为字符串（调用toString()方法），按照字符串的先后顺序进行排序。例如，[1，12，13，21，2]经过sort方法排序后的结果为[1，12，13，2，21]，而不是[1，2，12，13，21]。如果想要输出想要的结果，需要用到下面的代码：var arr

翻译 变量提升

函数声明和变量声明总是会被解释器悄悄地被“提升”到方法体的最顶部。这个意思是，像下面的代码： function foo() { bar(); var x = 1; } 实际上会被解释成： function foo() { var x; bar(); x =