jingtian678的博客

lint-staged 是文件过滤器，它只会校验你提交或者说你修改的部分内容。在当前项目的 .husky 文件夹中创建了一个 pre-commit 文件。找一个文件测试是否配置成功，增加一行无法通过 eslint 的代码。当你的文件栏中出现 .eslintrc.js，就说明安装成了。4、你的项目使用 TypeScript 了吗？然后根据弹出的内容区选择你需要的规范。6、你希望你的配置文件的格式是什么？3、你的项目使用哪个框架开发？2、 你的项目使用哪个规范？5、你的代码在哪里运行？2、配置 ESlint。

如果你尝试使用过React进行前端开发，一定见过下面这样的代码：//假想定义一个ToggleButton开关组件class ToggleButton extends React.Component{ constructor(props){ super(props); this.state = {isToggleOn: true}; this.handleClick = this.handleClick.bind(this);

Webpack 在执行的时候，除了在命令行传入参数，还可以通过指定的配置文件来执行。默认情况下，会搜索当前目录的webpack.config.js文件，这个文件是一个 node.js 模块，返回一个 json 格式的配置信息对象，或者通过--config选项来指定配置文件。直接上码:const path = require('path');const MiniCssExtractPlugin = require("mini-css-extract-plugin"); //提...

当使用NODE_ENV =production, 来设置环境变量时，大多数Windows命令提示将会阻塞(报错)。 （异常是Windows上的Bash，它使用本机Bash。）同样，Windows和POSIX命令如何使用环境变量也有区别。 使用POSIX，您可以使用：$ ENV_VAR和使用％ENV_VAR％的Windows。说人话：windows不支持NODE_ENV=development的设置...

const fileName = res.getResponseHeader('Content-Disposition').split(';')[1].split('filename=')[1];

es6创建map键值对例子：const PRODUCTMAP = new Map([['SECURITY_GROUP', '/network/#/vpc/security/list~vpcId'],['安全组', '/network/#/vpc/security/list~vpcId'],['DCC', '/bcc/#/dcc/host/list'],['CDS', '/bcc...

我现在在做一个ul列表，然后给每个li加上边框，但是加完了之后，相邻列表的边框就会变成2px，比如第一个li的下边框和第二个li的上边框就会重叠在一起，请问这有什么办法解决一下么？解决方法是：试试给li在样式中指定margin-top:-1px; 这样两个边框就可以重叠在一起了.新问题：不过我现在这个li是加了hover的，就是鼠标悬停就会边框变色，这样一来，每个变色的只会是...

打开终端输入killall Dock后就有了

console.log(module); //你会看到Module中的exports为空对象{}console.log(exports); //你会看到Module中的exports为空对象{}module.exports = { print : function(){console.log(12345)}}console.log(module); //你会看到Module中的...

1、 Object.keys()ES5 引入了Object.keys方法，返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（ enumerable ）属性的键名。var obj = { foo: "bar", baz: 42 };Object.keys(obj)// ["foo", "baz"]2 、Object.values()Object.values方...

1、查看端口：lsof -i :port 将port换成被占用的端口(如：8080)2、kill 进程：kill PID（进程的PID，如2033） 强制杀死：kill -9 2033

git reset --soft HEAD^1git commit --amend最后:git push --force origin master

webpack4 + san 快速构建一个项目：https://www.jianshu.com/p/efc955b2b38b百度前端项目总网址：https://efe.baidu.com/SAN网址:https://baidu.github.io/san/tutorial/component/san-ui组件库:https://ecomfe.github.io/san-xui/#comp=x...

const webpack = require('webpack')module.exports = { //部署应用包时的基本 URL publicPath: process.env.NODE_ENV === 'production' ? './' : './', //当运行 vue-cli-service build 时生成的生产环境构建文件的目录 outpu...

在我们使用npm下载各种三方库的时候，都会在package.json中生成devDependencies或者dependencies，那么对于这两者，到底有什么区别呢？附图一张↓效果图区别  对于我们依赖的这些插件库，有的是我们开发所使用的，有的则是项目所依赖的。对于这个分界线，我们诞生了dependencies和devDependencies，具体却别如下： de...

效果拿图片做例子，看看效果原图 -webkit-filter:none;以下效果都不是截图，Chrome上看模糊 -webkit-filter:blur(10px);灰度 -webkit-filter:grayscale(0.5);褐色 -webkit-filter:sepia(0.5);亮度 -webkit-f...

CSS实现图片灰度效果就是通过CSS样式让彩色图片呈现为灰色，相当于把一张图像的颜色模式调整为灰度，CSS可以通过以下几种方法来实现灰度效果。方式1. IE滤镜img { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } //标准写法img { filter:Gray; } //简写

http://www.imooc.com/article/5509

如果要省一到二个字节的文件大小，使用第一种。如果要方便地转成XML而且也要省一个字节的文件大小，使用第二种。如要要方便地转成XML而且要兼容老的浏览器，使用第三种。因为HTML是SGML的子集，SGML允许标签没有结束标签，而换行符元素正好不需要内嵌元素，也就不需要结束标签。所以在HTML中，应该写成。因为XHTML是XML的子集，在XML中，标签必须要有结束标签。所以在X

网页现在的新标准是W3C。目前的模式是html+css+javascript，如何理解呢，就是html是网页的结构，CSS是网页的样式，javascript是行为。结构就是盖房子先要把结构建出来，然后用CSS来装饰。其实你在用dreamweaver做网页时就已经用到了CSS，比如你用DW的属性面板来设置一个字的字体、颜色和大小，当你选好后，就会自动生成一个.style1的红色代码，在之间不知道你注

对于一个网站来说，使用搜索引擎来进行站内搜索往往比自己编写的站内搜索更高效，并且不占用网站服务器的资源，下面是我搜集到的几个主要搜索引擎（Google和百度、雅虎）的站内搜索代码，使用时只需要将代码里的"www.williamlong.info"替换成你的网址即可。http://www.google.com/search">www.williamlong.inf

1.#号在css中的作用：“#”后面跟的是id，“.”后面跟的是class。比如你在html里面写了：...那么，如果你要给这个id指定样式，就应该在css里面写 #1 {...}如果你在html里面写的是：...那么css里面就是 .1 {...} 2盒子模型：margin外边距,padding;内边距任何元素都可以看作一块盒子 3hover属

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">div+css布局#n li{ float:left;}#n li a{ display:block; padding:4px; margin:17px; color

隐藏域的作用是自己想默认传递一些值,但又不想让自己或别人不小心修改到它,例如在修改一篇文章时这里是从数据库里读出来的内容<input type="hidden" name="sid" id="sid" value="这里是从数据库里读出来的ID">这里的隐藏域就是要把SID隐藏起来,如果你不小心修改了它,你再次提交回数据库里就会出错 ，哈哈哈

滚动效果                            许多文章喜欢把双鱼座的人写成胆小怕事的人，            其实双鱼座也没那么弱！            他们只是心肠软了点，神经过敏点，容易满足了点而已。            “乖乖，起床了”这类温馨的开机问候语，            大概就足以让清晨醒来的鱼鱼有一个上午的好心情了！  

            其实div就像是一个个矩形块，浮动在网页上，随意变换位置，css起修饰作用

onclick事件     function test()   {    alert("我爱你");   }            键盘事件    表单事件         北京   上海   深圳   广州   

     表单验证   #block{  width: 300px;  height: 300px;  display: block;  border: 1px solid;  background-color: #33FF66; }                  用户名：       

shopping listbody{   color:white;   background-color:black;}what to buyDon't forget to buy this buffA tin of beancheeseMilkvar paras=document.getElementsByTagName("p"

window.onload=slide();var img=new Array(6);//创建数组,new可省略var nums=0;if(document.images){   for(i=1;i   {img[i]=new Image();//创建对象实例img[i].src="img/"+i+".jpg"//设置所有图片的路径及名称，就是字符串加字符串 

代码如下：新建网页 1// 方法一 通过函数定义一个对象 function person(firstname,lastname,age ){this.firstname=firstname;this.lastname=lastname;this.age=age; }//实例化一个对象 myFathervar myFather=new person("Steve",

JS里设定延时：使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间，再进行某项操作。setTimeout("function",time) 设置一个超时对象 setInterval("function",time) 设置一个超时对象SetInterval为自动重复，setTimeout不会重复。

function blink()             {             var a=document.getElementById("tp")            if(a.style.visibility=="visible")            {            a.style.visibility="hidden";           

js部分var rector=3var stopit=0var a=1function init(which){stopit=0shake=whichshake.style.left=0shake.style.top=0}function rattleimage(){if ((!document.all&&!document.getElement

function showpic(whichpic)//假设过多{if(!document.getElementById("placeholder"))return false;var source=whichpic.getAttribute("href");var place=document.getElementById("placeholder");if(placehol

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网

1、首先可以用来表示变量， 比如变量 var s='asdsd'或var $s='asdasd';  2、在正则表达式中，它可以匹配结尾 /sa$/.test(string) 匹配string字符串中的sa，比如string='125sa'则匹配，string='125sa21'则不匹配 正则表达式很复杂，这里只是简单的说说。 3、由于受prototype.js（老外写的框