随笔分类 - Web
安装npm及cnpm(Windows)
摘要:【安装步骤】 一、安装node.js 1.前往node.js官网下载并安装工具,这里安装路径选到D盘,D:\Program Files\nodejs 安装完毕后在命令行输入以下命令测试是否安装成功,正确会出现版本号 2.改变原有的环境变量, (1)配置npm的全局模块的存放路径以及cache的路径,
阅读全文
Http协议中Cookie详细介绍
摘要:Cookie总是保存在客户端中,按在客户端中的存储位置,可分为内存Cookie和硬盘Cookie。内存Cookie由浏览器维护,保存在内存中,浏览器关闭后就消失了,其存在时间是短暂的。硬盘Cookie保存在硬盘里,有一个过期时间,除非用户手工清理或到了过期时间,硬盘Cookie不会被删除,其存在时间
阅读全文
浏览器同源策略及Cookie的作用域
摘要:所谓"同源"指的是"三个相同": 当着三个地方相同才算同源 例如:http://www.example.com:8888/dir/page.html 采用同源策略的目的:是为了保证用户信息的安全,防止恶意的网站窃取数据。设想这样一种情况:A网站是一家银行,用户登录以后,又去浏览其他网站。 如果其他网
阅读全文
vue2项目中better-scroll 插件使用时候页面不滚动
摘要:参考这里 1.外面包裹层的高度没有设置或者条目的高度没有超过外面包裹层的高度 2.初始化BetterScroll的时机不对,当前元素还没有正常渲染出来,导致BetterScroll的高度的计算错误
阅读全文
backdrop-filter 和filter 写出高斯模糊效果 以及两者区别
摘要:http://www.w3cplus.com/css3/advanced-css-filters.html; backdrop-filter:blur(10px);只支持ios端;只作用于当前元素; 适用场景:为背景添加模糊效果;如果目标元素内包裹着其他内容 则应用filter属性; (不支持安卓,
阅读全文
解读浮动闭合最佳方案:clearfix
摘要:方案一: 该办法是在需要清除浮动的地方加个div.clear或者br.clear,这样能解决基本清浮动问题; 但是这种方法的最大缺陷就是改变了html结构,虽然只是加个div 方案二: 用法很简单,在浮动元素的父云素上添加class=”.. clearfix” 改变css写法 以上写法就避免了改变h
阅读全文
JavaScript ES6中export及export default的区别
摘要:export default 和 export 区别: 1.export与export default均可用于导出常量、函数、文件、模块等2.你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用3.在一个文件或模块中,export、
阅读全文
关于shortcut icon和icon代码的区别介绍
摘要:语句一:<link rel="shortcut icon" href="favicon.ico" /> 语句二:<link rel="icon" href="animated_favicon.gif" type="image/gif" /> 备注:语句一 Shortcut Icon 就是在网址列前面
阅读全文
CSS控制文字只显示一行,超出部分显示省略号
摘要:1、text-overflow: ellipsis; 这里的重点样式是 text-overflow: ellipsis; 不过话说text-ellipsis是一个特殊的样式,有关解释是这样的:text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。 要实现溢
阅读全文
vue-cli创建的项目的目录结构及说明
摘要:一、├── build // 项目构建(webpack)相关代码 记忆:(够贱) 9个│ ├── build.js // 生产环境构建代码│ ├── check-versions.js // 检查node&npm等版本│ ├── dev-client.js // 热加载相关│ ├── dev-ser
阅读全文
给vue项目添加ESLint
摘要:eslint配置方式有两种: 有几种东西是可以配置的: 环境:你的脚本会在哪种环境下运行。每个环境带来了一组特定的预定义的全局变量。 全局变量:脚本运行期间会访问额外的全局变量。 规则:使用那些规则,并且规则的等级是多少。 我们这里使用配置文件.eslintrc.js来配置,它导出一个模块供ESLi
阅读全文
webpack vue-cli 一有空格和分号就报错
摘要:webpack vue-cli 一有空格和分号就报错 eslintrc.js 这是ESLint的配置文件,至于为什么用ESLint的话,就是为了自动检查代码,保持一致的代码风格,从而保证代码质量. 这里需要注意的是,在eslintrc.js文件里面:rules是自定义的检查规则,可以覆盖默认的检查规
阅读全文
JS 中的require 和 import 区别
摘要:在研究react和webpack的时候,经常看到在js文件中出现require,还有import,这两个都是为了JS模块化编程使用。CSS的是@import 1.ES6 模块的设计思想,是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量。 Require是CommonJS的语法,
阅读全文
IntellIJ IDEA 配置 Vue 支持
摘要:IDEA版本: IntelliJ IDEA 2017.2Build #IU-172.3317.76, built on July 15, 2017Licensed to Administrator JRE: 1.8.0_152-release-915-b5 amd64JVM: OpenJDK 64-
阅读全文
CSS媒体查询 width VS device-width
摘要:In CSS media the difference between width and device-width can be a bit muddled, so lets expound on that a bit. device-width refers to the width of th
阅读全文
浙公网安备 33010602011771号