11 2018 档案
摘要：{{item.title}} .tui-checkbox:checked { background: #1673ff; border: solid 1px #1673ff; } .tui-checkbox { width: 0.5rem; height: 0.5rem; background-color: #ffffff; border: so...
阅读全文
摘要：如果使用了区域滚动 next(vm=>{console.log(‘next’) }) 这个里面的代码很晚执行，执行时机在组件mounted周期之后
阅读全文
摘要：一.什么是组件？ 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。 所有的 Vue
阅读全文
摘要：#解构：从数组和对象中提取值，对变量进行赋值，这被称为解构 1 数组解构 let [a,[b,c],d]=[1,[2,3],4]; 形式要统一按次序排列的 let [a,b="JSPang"]=['技术胖'] console.log(a+b); //控制台显示“技术胖JSPang” 2 对象的解构赋值 let {foo,bar} = {f...
阅读全文
摘要：depp:true 对对象进行深层遍历 也可以写成"obj.a" , 直接对对象的某个属性进行监听
阅读全文
摘要：设置layout，表示需要显示的内容，用逗号分隔，布局元素会依次显示。prev表示上一页，next为下一页，pager表示页码列表，除此以外还提供了jumper和total，size和特殊的布局符号->，->后的元素会靠右显示，jumper表示跳页元素，total表示显示页码总数，size用于设置每
阅读全文
摘要：https://www.cnblogs.com/wdlhao/p/9657627.html
阅读全文
摘要：上拉加载以及下拉刷新都是移动端很常见的功能，在搜索或者一些分类列表页面常常会用到。 跟横向滚动一样，我们还是采用better-scroll这个库来实现。由于better已经更新了新的版本，之前是0.几的版本，更新了一下发现，现在已经是1.2.6这个版本了，新版本多了些 比较好用的api，所以我也重写
阅读全文
摘要：分享点html5的学习笔记，比较基础，突然发现通过写博客来记笔记有很多优点呢，平常记得笔记比较简单，复习起来比较吃力，看自己的博客理解起来还比较轻松，而且只有真正理解了才能表达清楚让别人看懂，还锻炼语言表达能力呢，所以有条件就多写点东西吧 选择器 1 querySelector(如果是一组元素，只能
阅读全文
摘要：既然要经常用到Ajax请求，封装函数就很必要了，下面栗子的js代码，我们来进行封装。 封装函数的要点就是把重复使用的部分提取取来，同时一些变化的东西作为参数，无法作为参数的进行判断处理。 1 所以我们先看看变化的东西都有哪些：1 请求方式是get/post 2 请求的地址 3 请求的数据 4 请求成
阅读全文
摘要：JS中的this指向一直是个让人头疼的问题，想当初我学的是天昏地暗，查了好多资料，看的头都大了，跟他大战了那么多回合，终于把它搞定个七八分，其实往往都是我们复杂化了，现在就让大家轻松看懂this的指向，我会分以下几种情况来说。 this的指向： 1 this 指的是直接调用当前方法（函数）的那个对象
阅读全文
摘要：关于闭包，我曾经一直觉得它很讨厌，因为它一直让我很难搞，不过有句话怎么说来着，叫做你越想要一个东西，就要装作看不起它的样子。所以，抱着这个态度，我终于掳获了闭包。 首先来认识一下什么是闭包，闭包，一共有三大特征： 1 函数嵌套函数 2 内部的函数可以引用外部函数的参数和变量 3 参数和变量不会被垃圾
阅读全文
摘要：JavaScript知识点 1.变量作用域 上方的函数作用域中声明并赋值了a，且在console之上，所以遵循就近原则输出a等于2。 上方的函数作用域中虽然声明并赋值了a，但位于console之下，a变量被提升，输出时已声明但尚未被赋值，所以输出“undefined”。 上方的函数作用域中a被重新赋
阅读全文
摘要：在没有封装组件之前，如果不使用第三方插件，那么很多情况下我们会编写几个常用的组件来提供给页面使用，如Alert/Loading组件，而你可能需要在很多页面中引入并且通过components注册组件，但是像这样使用率很高的组件一般我们希望全局注册后直接就可以在相应页面使用，因此我们需要将他们封装成插件
阅读全文
摘要：第一种 比较灵活简单的方式（切换改变部分的内容在组件中比较方便操作） 第二种（比较死板，内容被固定住了） 第三种（比较死板，内容被固定住了，使用过jquery的人习惯用的方式）
阅读全文
摘要：一、IOS自带safari浏览器 1、safari不支持fixed+input输入框。 解决方案： http://www.haorooms.com/post/ios_fixed_input 2、safari图片加载失败，默认图片过大。 解决方案： http://www.haorooms.com/po
阅读全文
摘要：vue项目中，前端与后台进行数据请求或者提交的时候，如果后台没有设置跨域，前端本地调试代码的时候就会报“No 'Access-Control-Allow-Origin' header is present on the requested resource.” 这种跨域错误。 要想本地正常的调试，解
阅读全文
摘要：使用css实现rem适配，main.js rem.js body { max-width: 6.4rem; min-width: 3.2rem;}
阅读全文
摘要：1，执行事件和调用 this.$store.state.count.count 2添加模块 3模块内执行过程 模块内部的数据：①内部state，模块内部的state是局部的，也就是模块私有的，比如是car.js模块state中的list数据，我们要通过this.$store.state.car.li
阅读全文
摘要：{ path: '/login', name: '登录页面', hidden: true, meta: { title: 'Readme', icon: 'el-icon-menu' }, component: resolve => require(['../views/login/Login.vue'], resolve) }
阅读全文
摘要：结合router，缓存部分页面 { path: '/', name: 'Hello', component: Hello, meta: { keepAlive: false // 不需要缓存 } },
阅读全文
摘要：数组的常用方法 1，shift()方法：把数组的第一个元素删除，并返回第一个元素的值 var a = ['a', 'b', 'c']; console.log(a,a.shift()); //['b','c'] 'a' 2,pop()：用于删除并返回数组的最后一个(删除元素)元素,如果数组为空则返回
阅读全文
摘要：1、html中的checked属性。仔细研究下会发现一个很怪异的现象。 你知道上面这四个复选框到底那些被选中了？那些没被选中吗？ 其实乍一看我也不知道结果，运行完后也想不通为什么，查看资料才发现确实是那样的。 结果是： 其实原理是这样的，复选框里只要有checked属性，不管是否为其赋值，结果为空或
阅读全文
摘要：既然涉及到HTML5知识，那么必定会存在一定的兼容性问题，这里就涉及到浏览器的支持情况了。 浏览器支持情况： Internet Explorer 8+, Firefox, Opera, Chrome, 和 Safari支持Web 存储。 注意: Internet Explorer 7 及更早IE版本
阅读全文
摘要：1、event.screenX与event.screenY。 首先，event.screenX是鼠标相对于用户显示器屏幕左上角的X坐标。 而event.screenY则是鼠标相对于用户显示器屏幕左上角的Y坐标。 在标准事件和IE事件中都定义了这2个属性 2、event.clientX与event.c
阅读全文
摘要：Sass 中还提供了选择器嵌套功能，但这也并不意味着你在 Sass 中的嵌套是无节制的，因为你嵌套的层级越深，编译出来的 CSS 代码的选择器层级将越深，这往往是大家不愿意看到的一点。 选择器嵌套为样式表的作者提供了一个通过局部选择器相互嵌套实现全局选择的方法，Sass 的嵌套分为三种： 选择器嵌套
阅读全文
摘要：1、混合宏。 当样式变得越来越复杂，需要重复使用大段的样式时，使用变量就无法达到我们目的了。这个时候混合宏就派上用场了。 而使用混合宏时，首先要声明混合宏，而声明混合宏时有两种，不带参数混合宏和带参数混合宏两种。 1.1 不带参数混合宏的声明要使用关键词@mixin。例如： 其中 @mixin 是用
阅读全文
摘要：在写页面时经常会遇到需要获取图片的宽度、高度等情况。然而以前总是获取的是图片实际渲染的宽度和高度，也就是你用css或js设置后的图片的宽度和高度，并不是图片原始的尺寸。今天突然遇到这个问题，一时之间不知如何做，查了下资料，自己摸索了一下。特此总结一下。 例如。有这样一张图片，代码如下： 1、获取图片
阅读全文
摘要：假如有这样一个数组。arr = [12,34,45,46,36,58,36,59]，现在要遍历该数组。 方法1：以前我们可能会这样做： 方法2：自ES5发布后，我们可以使用内置的forEach方法来遍历数组。 这段代码看起来简单，然而有些缺陷，就是不能使用break语句中断循环，也不能使用retur
阅读全文
摘要：许多用以前方法去实现需要一大串代码的，用ES6竟然几句就搞定了。 Set对象是ES6中新增的类型，可以自动排除重复项，生成Set对象后，可以轻松遍历它所包含的内容。 例如，遍历字符串。 为什么会是这样，因为Set对象会自动排除重复项。 到了这里，我们可以很容易的想到使用Set对象进行数组去重，没错，
阅读全文
摘要：有时候我们需要复用一个页面，但是又希望他们拥有各自的标题，这时候就需要动态的去更改页面的title了，不然所有页面都是一个标题。 这时候就会想到使用js或jQuery去实现了。 1、js方式。 首先，我想到了使用document.getElementsByTagName()去获取页面的title标签
阅读全文
摘要：Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 那么什么是类数组对象呢？所谓类数组对象，最基本的要求就是具有length属性的对象。 1、将类数组对象转换为真正数组： 那么，如果将上面代码中length属性去掉呢？实践证明，答案会是一个长度为0的空数组。 这里将
阅读全文
摘要：1、下拉列表 （1）、html部分代码： （2）、js部分代码： 结果就是这样： （2）、选中选项触发事件 这种情况下，可以使用change事件，当选中某一选项后，便会触发该事件。完整代码：
阅读全文
摘要：在使用vue.js进行开发时，使用最多的就是created、mounted、activated。 由于有些情况下，我们需要复用某些组件，因此需要用到keep-alive。 当引入keep-alive时，页面第一次进入，钩子的触发顺序是created-> mounted-> activated。当再次
阅读全文
摘要：近期由于项目需要，需要将页面中的表格数据导出excel格式的文件，折腾了许久，在网上各种百度，虽然资料不少，但是大都不全，踩了许多坑，总算是皇天不负有心人，最后圆满解决了。 1、安装相关依赖(npm安装可能会出现某些错误，可以使用cnpm)： 2、下载两个核心js文件，Blob.js和 Export
阅读全文
摘要：踩过许多坑。特此总结一下： 1、<input type='button'>背景色在ios中的兼容性，颜色发白 解决办法：在全局样式中加入以下代码： input[type=button], input[type=submit], input[type=file], button { cursor: p
阅读全文
摘要：关于SQL的常见操作主要是增、删、改、查。 1、增，顾名思义就是新增数据（insert into）。该语句用于向表中插入新纪录。insert into有两种用法。 （1）、无需指定要插入数据的列名，只提供被插入的值， 语法：INSERT INTO table_name VALUES (value1,
阅读全文
浙公网安备 33010602011771号