微信H5真机调试工具-vConsole
微信H5真机调试工具-vConsole
|
在移动端开发中,常常在开发中遇到bug,想看看bug出在哪里结果移动端不能f12,友好的于是微信给我提供了一个调试工具!开启方法在微信打开这个网站 http://debugtbs.qq.com 或者在微信扫这个二维码,然后如图操作如图操作.img-box{display: flex;flex-wrap: wrap;justify-content: center;}.img-box .imgs{ w
GoDB.js操作IndexedDB
GoDB.js操作IndexedDB
|
前端 |
0 评论
​基于IndexeDB​强大但难用的特点,一个开发者友好的库GoDB.js安装npm install godb创建库连接,创建表import GoDB from 'godb';// 表约束数据结构const tables = { // 用户 user: { name: { type: String, unique: true,// 唯一 }, age:
JavaScript console 小技巧
JavaScript console 小技巧
|
前端 |
2 评论
console.logconsole.log("小技巧");console.log("%c小技巧","color:red");console.log("%c小技巧","color:green");console.log("%c小技巧","color:#cf6161&qu
vue中key不能用index
vue中key不能用index
|
前端 |
vue
0 评论
key有什么用?key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法。为什么要用key?在节点比对时,如果不使用key!Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。而使用 key 时,它会基于 key 的变化重新排列元素顺序,并且会移除 key 不存在的元素。有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。
Vue请求跨域
Vue请求跨域
|
一个域下的文档或脚本试图去请求另一个域下的资源,游览器同源策略所以就产生跨域!同源策略是浏览器的一个安全功能,不同源的客户端脚本在没有明确授权的情况下,不能读写对方资源。所以aaa.cn下的js脚本采用ajax读取bbb.cn里面的文件数据是会被拒绝的。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制
Javascript中的this
Javascript中的this
|
前端 |
1 评论
Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。
JavaScript 原型、原型链
JavaScript 原型、原型链
|
什么是原型?每一个对象都有它的原型对象,它可以使用原型对象上所有属性和方法!
Vue防抖节流(es6装饰器)
Vue防抖节流(es6装饰器)
|
前端 |
6 评论
防抖(debounce)当持续触发某事件时,一定时间间隔内没有再触发事件时,事件处理函数才会执行一次,如果设定的时间间隔到来之前,又一次触发了事件,就重新开始延时。/** * 函数防抖装饰器 * @param delay * @returns {(function(*, *, *): void)|*} */export function debounce( delay ) { let timer
Less常用语法
Less常用语法
|
变量@width: 10px;@height: @width + 10px;#header {  width: @width;  height: @height;}
Sass常用语法
Sass常用语法
|
1、变量$color-4481FE: #4481FE;div{ background:$color-4481FE;}2、属性嵌套div { font: { size: 10px; weight:Source Han Sans CN; }}3、基础选择器 @extend.box{ color:red}div{ @extend .box; height: 90px;}4、混合
实用CSS库(持续更新~)
实用CSS库(持续更新~)
|
前端 |
css
5 评论
animateanimate.css 动画库,预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多达 60 多种动画效果,几乎包含了所有常见的动画效果。
Javascript 工具
Javascript 工具
|
前端 |
0 评论
1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.
Vue知识
Vue知识
|
vue
0 评论
数据驱动(MVVM)Model:模型层,负责处理业务逻辑以及和服务器端进行交互View:视图层:负责将数据模型转化为UI展示出来,可以简单的理解为HTML页面ViewModel:视图模型层,用来连接Model和View,是Model和View之间的通信桥梁
NodeJs文件上传到阿里oss
NodeJs文件上传到阿里oss
|
一、脚本部署安装依赖 : npm i ali-oss新建该脚本(oss.js)放在你hexo项目的根目录下,和public同级该脚本有四个参数需要自己的配置(在你的oss控制台查):access ke
Javascript常用API
Javascript常用API
|
JS 数组常用API方法和遍历方法总结ES5数组 (array)map:遍历数组,返回回调返回值组成的新数组,不改变原数组,不会对空数组进行检测Array.map(function(item, index, array) {return xxx})forEach:无法break,可以用try/cat