06 2021 档案
摘要：效果 方法-倒计时 // 倒计时事件 秒 const getcountDown = (value, nowTime, format) => { // let nowTime = (new Date().getTime()) / 1000; // 当前时间 秒 value = Number(value
阅读全文
摘要：混入 (mixins)： 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项 定义一个混入对象 把混入对象混入到当前的组件中 mixins的特点 1 方法和参数在各组件中不共享 混合对象中的参数num
阅读全文
摘要：在页面引入这段js代码 (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc
阅读全文
摘要：安装 npm install vue-ba --save 快速上手 直接在页面中引用 <script src="./node_modules/vue-uweb/dist/index.js"><script> 或者通过es6模块加载 import ba from 'vue-ba' 使用vue-ba插件
阅读全文
摘要：vue template 中可以使用根路径加载图片 <img :src="require('@/assets/img/logo.svg')" /> scss中是不能这样写的 css loader 会把非根路径的url解析为相对路径……但是又不能写成根路径/（不转译）,因为没有 scss中的图片能不能
阅读全文
摘要：Vue官方从2.6.X版本开始就部分使用Ts重写了。 我个人对更严格类型限制没有积极的看法，毕竟各类转类型的骚写法写习惯了。 然鹅最近的一个项目中，是TypeScript+ Vue，毛计喇，学之...…真香！ 注意此篇标题的“前”，本文旨在讲Ts混入框架的使用，不讲Class API 1. 使用官方
阅读全文
摘要：目前Vue CLI已经内置了TypeScript工具支持 一.使用 TypeScript 创建工程 vue create vue-ts 选择Manually Select Features 然后选择自己想要的相关配置，例如 Tslint+Prettier 二.基于类的组件 安装官方维护的vue-cl
阅读全文
摘要：在项目中用到了 vant，使用特别简单，而且组建也非常的丰富。即时这样，在项目中肯定也需要用额外的样式来打造自己的应用。直接在 <style lang="scss" scoped> .... </style> 中编写的话只会影响当前组件内的样式，但如果去掉scoped话又会影响全局样式。想了好多方法
阅读全文
摘要：让IE8支持HTML5 标签 使用Javascript来使不支持HTML5的浏览器支持HTML标签。目前很多网站采用的这种方式。 针对IE浏览器比较好的解决方案是html5shiv。htnl5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用
阅读全文
摘要：安装 npm i vant -S npm i element-ui -S 配置按需引入插件 vant npm i babel-plugin-import -D element npm install babel-plugin-component -D babel.config.js module.e
阅读全文
摘要：用web3部署一个简单的获取状态变量的值的合约。获取状态变量值报错 index.js:298 Uncaught (in promise) Error: Returned values aren't valid, did it run Out of Gas? You might also see th
阅读全文
摘要：html, body { height: 100%; // overflow-y: auto; // position: relative; } #root { height: 100%; position: relative; } * { margin: 0; padding: 0; border
阅读全文
摘要：class绑定多个 // isActive 为true就会加active的class，同理isRed <div :class="{'active':isActive,'red':isRed}"></div> // 也可以这样写 <div class="red" :class="{'active':i
阅读全文
摘要：一个完整的进度条效果其实可以拆分一下 一段背景 一小段的静态的斜纹进度条 斜纹进度条用线性渐变 linear-gradient 类实现，原理很好理解，2个参数： 1、角度 2、关键点（包含2个参数，1是颜色，2是长度位置） display: inline-block; width: 100px; h
阅读全文
摘要：axios是一个库，并不是vue中的第三方插件，使用时不能通过Vue.use()安装插件，需要在原型上进行绑定 $npm install --save axios 在mian.js中引用axios，并邦到原型链上。使用插件的时候，一般要在入口文件main.js中引入，因为mian.js是项目首先运行
阅读全文
摘要：页面中设置了定时器，如果组件销毁是没有关闭定时器，他还会一直执行，会非常耗性能，所以需要及时关闭定时器。 activated,deactivated生命周期的用法 关闭定时器 vue项目中，正常情况下，我们在生命周期 destroyed 中关闭即可，一旦页面中使用了keep-alive 进行缓存，此
阅读全文
摘要：01 为元素添加on方法 Element.prototype.on = Element.prototype.addEventListener; NodeList.prototype.on = function (event, fn) {、 []['forEach'].call(this, funct
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>地域</title> <style type="text/css"> dl { padding: 0; margin: 0; clear: left; } dl dt { floa
阅读全文
摘要：效果图 - 在线案例 css3中的属性：transform: translate(x,y) <style> .box { width: 100px; height: 100px; background: orange; position: absolute; left: 50%; top: 50%;
阅读全文
摘要：方法封装 function formatDecimal(num, decimal) { num = num.toString() let index = num.indexOf('.') if (index !== -1) { num = num.substring(0, decimal + ind
阅读全文
摘要：通过 CSS 画一个哆啦A梦，一起找回童年的回忆！ 效果图-在线演示-可右键查看完整源码 代码分解 border-radius 允许你设置元素的外边框圆角。当使用一个半径时确定一个圆形，当使用两个半径时确定一个椭圆。这个(椭)圆与边框的交集形成圆角效果。 开发过程中经常只用一个属性值，例如 bord
阅读全文
摘要：let和const是 ES6 新增的命令，用于声明变量，这两个命令跟 ES5 的var有许多不同，并且let和const也有一些细微的不同 var和let/const的区别 块级作用域不存在变量提升暂时性死区不可重复声明let、const声明的全局变量不会挂在顶层对象下面 const命令两个注意点:
阅读全文
