田庚的博客园

js 原型链，继承，闭包，内存，泄露

摘要： var A = function(){ this.name="xiaoming"; } A.prototype.age=9; var a = new A(); console.log(a.age); //9 图中长方形代表实例对象a，圆形代表原型，三角形代表构造函数。由图可知： a.__proto__ === A.prototype; //true A.prototype.construct... 阅读全文

posted @ 2018-12-10 14:26 田庚的博客园阅读(364) 评论(0) 推荐(0)

flex 布局

摘要： /* 设置盒子为弹性布局 */ 父盒子的CSS属性 display: flex; /* 设置主轴的排列方式，默认是标准左到右边 */ flex-direction: row; /* 设置主轴的排列方式 */ justify-content: space-around; /* 定义项目在交叉轴的对其阅读全文

posted @ 2018-12-08 14:58 田庚的博客园阅读(333) 评论(0) 推荐(0)

点击导出table表格

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div class="tools"> <button type="button" class="btn green" id="ex 阅读全文

posted @ 2018-12-08 09:58 田庚的博客园阅读(285) 评论(0) 推荐(0)

图片利用 new Image()预加载原理和懒加载的实现原理

摘要：二：预加载和懒加载的区别预加载与懒加载，我们经常经常用到，这些技术不仅仅限于图片加载，我们今天讨论的是图片加载：图片预加载：顾名思义，图片预加载就是在网页全部加载之前，提前加载图片。当用户需要查看时可直接从本地缓存中渲染，以提供给用户更好的体验，减少等待的时间。否则，如果一个页面的内容过于庞大，阅读全文

posted @ 2018-12-07 17:58 田庚的博客园阅读(3234) 评论(0) 推荐(0)

js控制style样式

摘要： 1、行内样式获取打印出来 2、内嵌和外链的获取不了 <div style="width:200px;height:200px; background: red;"></div> var box=document.getElementsByTagName("div")[0]; console.log( 阅读全文

posted @ 2018-12-07 14:11 田庚的博客园阅读(300) 评论(0) 推荐(0)

自定义指令的用法

摘要：除了核心功能默认内置的指令，Vue也允许注册自定义指令页面加载后，让文本框自动获取焦点，原生js做法是获取文本框元素后调用focus()方法，但Vue不建议手动操作DOM元素，所以此时要自定义指令这里需要注意的是v-on指令绑定focus事件的方式是实现不了上面需求的，区别就像onfocus和f 阅读全文

posted @ 2018-12-06 15:14 田庚的博客园阅读(3915) 评论(0) 推荐(0)

vue 动态路由按需加载的三种方式

摘要：在Vue项目中，一般使用vue-cli构建项目后，我们会在Router文件夹下面的index.js里面引入相关的路由组件,如：这样做的结果就是webpack在npm run build的时候会打包成一个整个的js文件，如果页面一多，会导致这个文件非常大，加载缓慢，为了解决这个问题，需要将他分成多个阅读全文

posted @ 2018-12-06 14:36 田庚的博客园阅读(7653) 评论(0) 推荐(0)

es6模块化 export common.js模块化require

摘要： require/exports 和 import/export 形式不一样 require/exports 的用法只有以下三种简单的写法： const fs = require('fs') exports.fs = fs module.exports = fs 而 import/export 的写法阅读全文

posted @ 2018-11-25 12:24 田庚的博客园阅读(454) 评论(0) 推荐(0)

git的命令详解

摘要： # git三个区 + 工作区：写代码的地方 + 暂存区：暂时存储代码 + 仓库区：代码提交到了仓库区，就生成一条历史记录（版本）工作区===> 暂存区 ===> 仓库区 # git的基本命令 + `git init`: 初始化一个git仓库，在项目的根目录下执行。 + `git status`: 查看文件的状态 - 如果是红色，表示工作区有代码需要提交 - 如果是绿色，暂存区有代... 阅读全文

posted @ 2018-11-19 22:09 田庚的博客园阅读(171) 评论(0) 推荐(0)

H5C3动画

摘要： 1 渐变 /* 渐变：不同颜色之间的柔和过渡线性渐变：沿着某条直线发生渐变效果注意：渐变准备来说是一张背景图语法：linear-gradient */ background-image: linear-gradient(0deg,red,green,blue,yellow,pi... 阅读全文

posted @ 2018-11-16 14:30 田庚的博客园阅读(1220) 评论(1) 推荐(1)