sT-an-CSDN博客

原创 vue runtime only 与 runtime+Compiler 挂载区分

Runtime Only我们在使用 Runtime Only 版本的 Vue.js 的时候，通常需要借助如 webpack 的 vue-loader 工具把 .vue 文件编译成 JavaScript，因为是在编译阶段做的，所以它只包含运行时的 Vue.js 代码，因此代码体积也会更轻量。在将 .vue 文件编译成 JavaScript的编译过程中会将组件中的template模板编译为rend...

2019-01-25 13:46:38 2164

原创 js循环

两层循环跳出for循环let a = [1, 2, 3, 4, 5, 6, 7];let b = [1, 2, 3, 4, 5, 6, 7, 8];// continue 当前循环次数跳过，之后的方法不执行，继续下次循环,并且不跳出当前方法for (let i = 0; i < a.length; i++) { console.log(a[i]) for (le...

2018-06-29 11:40:05 187

原创 Object.defineProperty详解

理解Object.defineProperty的作用在IE8下只能在DOM对象上使用，在原生对象使用会报错对象是由多个键值key/value对组成的无序集合定义对象可以使用构造函数或字面亮形式；let obj = new Object; // let obj = {}obj.name = 'xxx'; // 添加描述obj.say = function(){}; // 添加...

2018-06-05 16:40:55 632

原创阿里字体图标使用方法

登录阿里字体：http://www.iconfont.cn/collections/index 选择字体并添加入库点击购物车按钮，如果没项目则新建项目，有项目就加入当前项目生成css代码： @font-face { font-family: 'iconfont'; /* project id 581285 */ src: url('//at.alicdn.com/t

2018-03-06 13:40:59 682

原创移动端页面缩放（zoom）

假如设计图以iphone6为基础屏，那可以在此基础上根据设备视图大小进行缩放，达到不同设备兼容的效果function resetRender() { var baseWidth = 750; var currWidth = document.getElementsByTagName('html')[0].offsetWidth; var _body = document...

2018-02-26 11:56:52 4099

原创 meta标签防止页面缓存

设置meta标签防止页面缓存代码块代码块语法遵循标准markdown代码，例如：meta http-equiv="Pragma" content="no-cache">meta http-equiv="Cache-Control" content="no-cache">meta http-equiv="Expires" content="-1"> 值为no-ca

2018-02-05 16:58:25 1211

原创移动端调试神器（eruda）

在移动端开发的过程中，经常是在chrome dev tools或者微信开发工具中调试好了但放入各种型号的手机或者app里就会出现问题。而在移动端想要看到数据就只能抓包，eruda能在页面生成一个控制台，你可以看接口数据，也可以打印数据，可以看到本地存储，大大方便了移动端的调试工作。使用方法在页面中引入eruda.min.js并执行方法<script src="http://eruda.lirilir

2017-12-20 15:15:09 2807

转载 stacks-cli

stacks-cli在github发现一个很好的可以检测网站技术栈的cli 安装：npm install stacks-cli -g 使用：stacks-cli 然后输入网址，检测完在控制台会弹出分析结果： stacks-cli github地址：https://github.com/WeiChiaChang/stacks-cli 已star

2017-11-29 17:48:01 314

原创 npm发布代码

关于npmNPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种： - 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 - 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 - 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。发布代码到npm步骤验证node.js、验证npm no

2017-11-02 17:52:58 1082

原创 js倒计时与日期间隔计算

js倒计时/***@param {a} 日期*@param {b} 日期*/let a = '2017-10-10 11:51:00';let b = '2017-10-24 12:51:00';function countDown(start, end) { var distance = Math.abs(Date.parse(start) / 1000 - Date.pars

2017-10-24 14:16:38 536

原创 Flex布局语法简介

Flex流体布局：可以简便、完整、响应式地实现各种页面布局流体布局兼容性： flex 任意容器都可以指定flex布局，所有子元素称为容器成员，简称（flex item）行内元素：inline-flex webkit内核加上 -webkit display： -webkit-flex 设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失

2017-10-20 16:24:55 412

sTaANn的博客