npm run命令会自动在环境变量$PATH添加node_modules/.bin目录

npm run命令会自动在环境变量$PATH添加node_modules/.bin目录,所以scripts字段里面调用命令时不用加上路径,这就避免了全局安装NPM模块。 npm run如果不加任何参数,直接运行,会列出package.json里面所有可以执行的脚本命令。 npm run会创建一个S...

2019-06-05 14:25:51

阅读数 107

评论数 0

npm --save-dev --save 的区别

npm install 在安装 npm 包时,有两种命令参数可以把它们的信息写入 package.json 文件 一个是 --save || -S // 运行依赖(发布) 另一个是 –save-dev || -D //开发依赖(辅助) 区别是它们会把依赖包添加到package.json 文件...

2019-06-05 11:07:56

阅读数 27

评论数 0

H5移动端常见问题

html5调用安卓或者ios的拨号功能 html5提供了自动调用拨号的标签,只要在a标签的href中添加tel:就可以了。 如下: <a href="tel:4008106999,1034">400-810-6999 转 1034</a...

2019-05-24 11:56:30

阅读数 39

评论数 0

移动终端H5页面meta标签的设置案例

天猫 <title>天猫触屏版</title> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"&...

2019-05-24 10:34:32

阅读数 25

评论数 0

移动终端h5页面常用的meta属性

apple-mobile-web-app-capable apple-mobile-web-app-capable是设置web应用是否以全屏模式运行 语法: <meta name="apple-mobile-web-app-capable" content=&qu...

2019-05-24 10:19:59

阅读数 69

评论数 0

h5页面唤醒app

h5页面发送请求打开app自定义url scheme,如taobao://home(淘宝首页) 、etao://scan(一淘扫描)); 如果安装了客户端则会直接唤起,直接唤起后,之前浏览器窗口(或者扫码工具的webview)推入后台; 如果在指定的时间内客户端没有被唤起,则js重定向到app下载...

2019-05-23 20:13:20

阅读数 156

评论数 0

-webkit-text-size-adjust的用法

-webkit-text-size-adjust的用法如下: 1、当样式表里font-size<12px时,中文版chrome浏览器里字体显示仍为12px,这时可以用 html{-webkit-text-size-adjust:none;} 或者html{-webkit-text-s...

2019-05-23 19:58:58

阅读数 30

评论数 0

移动端几种tab切换及实现方式

看了下 FrozenUI(QQ)、Jquery WeUI(微信)、SUI Mobile(淘宝)的tab实现方式,自己整理了一下。 1、FrozenUI <div class="wrap"> <ul class="tab ...

2019-05-23 17:00:19

阅读数 108

评论数 0

div水平居中及div水平垂直居中的方法总结

水平居中 1、margin:auto <div class="wrap"> <div class="wrap-txt"></div> </div&...

2019-05-23 16:41:39

阅读数 23

评论数 0

三元表达式

var a = '123'; var b = (a === 'cpa' ? 'cpa' : (a === 'cps') ? 'cps' : 'flow'); console.log('b', b); // b flow

2019-04-25 10:13:29

阅读数 19

评论数 0

Object.create()

Object.create()方法创建一个新对象,使用现有的对象来提供新创建的对象的_proto_。 const person = { isHuman: false, printIntroduction: function () { console.log(`My name is ...

2019-04-18 18:00:05

阅读数 13

评论数 0

js判断一个对象是否为空

1、ES6新增的方法Object.keys(); Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致 。 参数 要返回其枚举自身属性的对象。 返回值 一个表示给定对象的所有可枚举属性的字符串...

2019-04-17 17:52:58

阅读数 11

评论数 0

CSS3动画

1、 @keyframes规则 @keyframes规则用于创建动画,在@keyframes中规定某项css样式,就能创建由当前样式逐渐过渡为新样式的动画效果。 定义动画的方式有两种: 1) <head> <meta charset="UTF...

2019-04-11 11:39:11

阅读数 23

评论数 0

BFC

1、常见布局模式 CSS中的三种布局模型:流动模型(flow)、浮动模型(float)、层模型(layer) 2、BFC的原理 BFC即 Block Formatting Context(块级格式化上下文),它属于上述布局模式中的流动模型。 它是W3C CSS2.1规范中的一...

2019-04-09 18:03:50

阅读数 27

评论数 0

CSS盒模型

基本概念 盒模型由里向外是content,padding,border,margin 盒模型有两种:标准模型和IE模型 标准模型:盒模型的宽高是内容(content)的宽高 IE模型:盒模型的宽高是内容(content)+填充(padding)+边框(border)的总宽高 CSS如何设...

2019-04-09 17:05:32

阅读数 14

评论数 0

CSS的三种引入方式

1、内联CSS 内联css也称为行内css或者行级css,它直接在标签内引入。 优点:便捷、高效 缺点:不能够重用样式,代码行数多的时候不建议使用 <head> <div style="width: 65px;height: 20...

2019-04-03 11:19:06

阅读数 61

评论数 0

ajax跨域问题及解决方案

为什么会出现跨域问题?浏览器不能执行其他网站的脚本,它是由浏览器的同源策略造成的,是浏览器对javascript的安全限制。 同源指的是同协议、同域名、同端口,三者只要有一个不同,就被认为是不同的域。解决跨域问题的方式?1、使用jsonp 2、服务器代理 3、在服务器端设置可允许跨域,res...

2017-12-07 10:13:56

阅读数 93

评论数 0

display:inline、display:block和display:inline-block的区别

display:inline 转化成内联元素,不换行 display:block 转换成块元素,换行 display:inline-block 内联块元素,既不换行又可以使用块元素所拥有 的属性,类似于块元素加了浮动效果,但低版本浏览器对这个不支持。

2017-05-11 19:30:41

阅读数 627

评论数 0

清除浮动效果的三种方式

浮动效果 满足我们的页面排版要求,使竖列的盒子横向的排列起来。 负作用:因为浮动元素脱离了标准文档流,会导致父级元素无法被撑开。解决方式:清除浮动负面效果(三种方式) 添加空盒子 优点:较流行 缺点:为清除浮动,页面添加的空盒子太多,新手容易晕 用法:在浮动元素后面(同级元素)添加一个空...

2017-05-03 20:21:36

阅读数 1596

评论数 0

基本HTML结构

每个HTML文档都应该包含以下基本成分<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title...

2017-03-27 11:51:31

阅读数 1695

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭