bug生产小能手-CSDN博客

原创 uview 使用scroll-view以及swiper 做tabs

<template> <view class="body-view"> <view class="header-wrap"> <view class="titleBg"></view> <scroll-view class="top-menu-view" scroll-x="true" :scroll-left="scrollLeft"> <block v-fo

2021-12-23 15:54:06 1331

原创 vscode 代码格式化vetur

{“files.associations”: {"*.ejs": "html","*.js": "javascript","*vue.js": "html","*.cjson": "jsonc","*.wxss": "css","*.wxs": "javascript"},“liveServer.settings.donotVerifyTags”: true,“git.autofetch”: true,“emmet.includeLanguages”: {“wxml”: “html

2021-04-19 09:16:39 324

原创 el-tree同级节点可选择其他节点及父节点禁用

//tree点击方法 const HandleTreeListAble = (list, orgParent, isChecked) => { for (let item of list) { if (item.orgParent !== orgParent) item.disabled = isChecked if (item.children) HandleTreeListAble(item.children, orgPar.

2021-04-09 09:53:55 2099 3

原创解决遮罩下方元素禁止滚动

打开遮罩前document.body.style.position = 'fixed'document.body.style.overflow = 'hidden'关闭遮罩前注意：当打开遮罩层时，底部的页面会返回最顶部document.body.style.overflow = 'scroll'document.body.style.position = 'relative'window.scrollTo({ top: 10000 }) //我这边默认将页面滚动到最底部当关闭遮罩层时将

2021-02-01 14:09:51 1342

原创 vue 实现三秒钟倒计时跳转页面

DOM节点： <span>{{count}}</span>data() {return{count:''}},created() { this.countDown() // 倒计时 }, methods: { countDown() { const TIME_COUNT = 3 if (!this.timer) { this.count = TIME_COUNT this.timer = se

2021-01-29 17:27:57 1492 1

原创身份证年龄限制

获取身份证18-55岁年龄限制let year = this.idCard.slice(6, 10) * 1, //截取身份证年份 month = this.idCard.slice(10, 12) * 1,//截取身份证月份 date = this.idCard.slice(12, 14) * 1,//截取身份证日期 curYear = new Date().getFullYear(), //获取当前年 curMonth = new D

2021-01-29 17:24:57 161

原创封装简易化 axios

import axios from 'axios'; // axios包import jsCookie from 'js-cookie'; // 自动获取cookieimport router from '@/router/index.js'; // 路由表import status from './status.js' // http状态码的请求/* 设置请求超时的时间 */axi...

2019-08-07 09:50:30 115

原创 react-intl-universal 语言国际化

最近做的react项目需要支持国际化，网上查了一下，发现一款很好的插件“react-intl-universal”，由阿里巴巴团队开发，这款插件是原先的国际化插件“react-intl”的升级版，“react-intl”因为一些“致命”缺陷现已被其取代，npm官网有罗列原因，有兴趣的可以去了解一下。1. 下载react-intl-universal插件并引入import intl from '...

2019-08-06 09:47:32 510 1

原创 Set、Map、WeakSet 和 WeakMap 的区别？

Set成员不能重复只有健值，没有健名，有点类似数组。可以遍历，方法有add, delete,hasweakSet成员都是对象成员都是弱引用，随时可以消失. 可以用来保存DOM节点,不容易造成内存泄漏不能遍历，方法有add, delete,hasMap本质上是健值对的集合，类似集合可以遍历，方法很多，可以干跟各种数据格式转换weakMap直接受对象作为健名（null除外），不...

2019-08-05 14:18:40 112

原创 cookie localstorage sessionstorage的区别

**cookie** 数据的生命周期: 生成时就会被指定一个maxAge值，这是cookie的生存生命周期，在这个周期内cookie有效，默认关闭浏览器失效 (会话存储)存放数据大小: 4K大小左右(每次http请求都会携带cookie)与服务器通信: 对服务器的请求发来传递，每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题易用性: cookie需要自...

2019-08-05 14:14:47 150

原创 Gulp和Webpack的区别

Gulp构建工具gulp是工具链，构建工具，可以配合各种插件做JS压缩，CSS压缩，less编译替代手动实现自动化工作.所以它的主要作用是1.构建工具2.自动化3.提高效率Webpack打包工具web是文件打包工具，可以把项目的各种js文件，css文件等打包合成一个或多个文件，主要用于模块化方案，预编译模块的方案所以它的主要作用是1.打包工具2.模块化识别3.编译模块代码方...

2019-08-05 10:07:46 373

原创 egg作为后端接口，在前端调用

新建一个/list接口，到controller里面找到news文件，新建一个index的方法如要请求配置跨域如下：

2019-07-30 17:31:18 1297

原创 github 日常命令

目录：git常用命令撤销远程仓库操作git 分支管理git找回本地误删的文件git 中一些选项解释gitHub 推荐使用 sshgulpgitgit是一个开源的分布式版本控制系统，快速，搞笑的处理从小型到大型项目得所有事物管理。git和svn的区别：git是分布式，可离线完成大部分操作，自动记录每次的修改，并且可以方便的且切换到任一版本，强大的分支管理可以完成多人协作开发...

2019-07-01 20:48:11 566

原创 history原理

class Router{ constructor({routes}) { this.routes = routes; this.init(); this.bindEvent(); } init() { window.addEventListener('popstate', this.upEvent.bind...

2019-07-01 20:41:26 191

原创 vue hash原理

<a href="#/">主页</a> <a href="#/index">index</a> <a href="#/home">home</a> <div class="content"></div> <script> cl...

2019-06-29 10:37:39 336

原创 js 同步异步执行顺序

function lazyMan(name) { function Man() { setTimeout(function () { console.log(`Hi! This is ${name}!`); },0) } ...

2019-06-29 10:33:33 127

原创 React中如何引用swiper插件

1、安装npm install swiper2、引入js和css// 引入此路径，才不会打包失败import Swiper from ‘swiper/dist/js/swiper.js’import ‘swiper/dist/css/swiper.min.css’3、在组件挂载完毕的时候生成 Swiper 对象 componentDidMount(){ new Swiper...

2019-04-12 19:16:19 2001

原创 React中配置less

create-react-app 是由 React 官方提供并推荐使用构建新的 React 单页面应用程序的最佳方式，不过目前版本(1.5.x)其构建的项目中默认是不支持动态样式语言 Less 的。如果我们的项目必须要使用 Less 呢，这就需要我们手动集成一下。1、装less,在项目中执行: cnpm install less less-loader --save.2、配置config/w...

2019-04-11 19:36:26 209

WWW_wwwww的博客