![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
知识点
张张张张张张张张张张张张张张张张
爱学习的小学生
展开
-
记录学不会的正则
正则原创 2022-06-09 11:47:57 · 921 阅读 · 1 评论 -
vue2和vue3的双向绑定原理
vue2首先Vue是个类new Vue({ data(){}, methods: {}})实例化Vue的时候要传入data,Vue类内部对data进行劫持转换成getter/setter,如何劫持vue2 数据劫持核心方法: Object.defineProperty(H5方法,所以不兼容IE8以下)let obj = {},value = 1Object.defineProperty(obj,'a',{ get() { console..原创 2022-03-24 15:34:19 · 1722 阅读 · 0 评论 -
vue-table数据量上万卡顿解决(指令)
场景前端UI框架使用的是ElementUI,项目要求数据不分页一个表格至少要1000条数据,这时点击其他DOM操作,会出现卡顿的现象。如点击复选框。现状已解决3000条数据点击其他DOM操作卡顿的问题。求助助如何解决初次放入数据时卡顿的情况?(内附解决加载完成后卡顿的思路)**结果分享优化了大概三个版本,保留第一次的分享的,后面直接贴出最终版解决3000条数据点击其他DOM操作卡顿的思路通过指令添加表格滚动后的事件,设置非显示区域的其他DOM节点隐藏。基于elementU原创 2022-03-10 14:40:26 · 8684 阅读 · 0 评论 -
VUE3记录
使用 setupsetup 选项应该是一个接受 props 和 context 的函数。此外,我们从 setup 返回的所有内容都将暴露给组件的其余部分 (计算属性、方法、生命周期钩子等等) 以及组件的模板。setup 选项应该为一个函数setup 选项函数接受两个参数: props 和 contextsetup 选项函数需要返回要暴露给组件的内容props:(props 是响应式的,你不能使用 ES6 解构 如果不用toRefs将失去响应式 即子组件不能更新数据)import {...原创 2022-02-18 16:09:42 · 246 阅读 · 0 评论 -
TypeScript散文
简介 TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。区别准备工作1.安装 TypeScript npm install -g typescript验证 TypeScripttsc -v 编译 TypeScript 文件tsc helloworld.ts一般工作流程TypeScript 初体验hello.tsfunction greet(..原创 2021-09-06 16:10:08 · 108 阅读 · 0 评论 -
vuex + keep-alive实现tab标签页面缓存
效果图相关代码vuex的代码01-getters.js getToolData(state){ return state.toolBarData; }, getCacheView(state){ return state.cacheView; },02-actions.jsexport const actions = { commitToolBar({commit},data) { commit...原创 2021-07-28 17:32:23 · 385 阅读 · 0 评论 -
mongoose和koa之api记录篇
mongoosepost请求:ctx.request.body.user;get请求 :ctx.request.query;const { pageSize = 10, pageNo = 1, user, password } = ctx.request.bodyUser.find(query, { 'user': 1, 'uid': 1, 'level': 1, 'date': ...原创 2020-01-11 10:45:24 · 229 阅读 · 0 评论 -
mongoose koa nuxt 记录
mongoose查询过滤 const results = await User.find({ "$and": [{ "date": { "$gt": "2019-11-26 14:19:31" } }, { "date": { ...原创 2019-11-26 18:06:50 · 197 阅读 · 0 评论 -
git常用
一般流程(自己开发无他人)git status git add .git commit -m '备注信息'git push origin dev常见流程(多人开发)首先 git pull接着 修改不同的代码 保留还是删除不同代码 保存(几种情况)情况一(多人协助的时候分支明确即你们的分支是不一样的 不会有重复修改同一个文件的情况 一般就不会有冲突直接pull就可以) gi...原创 2019-11-07 10:36:58 · 110 阅读 · 0 评论 -
mongod koa
dbs/models/config/person.jsconst mongoose = require('mongoose')// 创建数据表模型,该文件的名字,即person,就是数据表的名字// 下面给 person 表声明两个字段name和agelet personSchema = new mongoose.Schema({ name: String, ...原创 2019-11-04 17:57:54 · 154 阅读 · 0 评论 -
前端记录最后一天
async、await的理解使用let asyncFn = async()=> { let data = null; data = await getData(url);//getData()返回的数据是 {name:'my name is data!'} console.log(data.name);//打印出的是my name is data! }let notA...原创 2019-11-02 17:15:34 · 121 阅读 · 0 评论 -
linux命令(系统为centos)、mongodb、koa、nuxt
linux下安装pm2npm install pm2 -g 创建软连接常用全局binecho $PATH输出:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/root/bin/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/root/bin软连接命令为: ln -s /usr...原创 2019-10-26 12:46:41 · 108 阅读 · 0 评论 -
微信小程序记录
基础语言其中 WXML 模板和 WXSS 样式工作在渲染层,JS 脚本工作在逻辑层。数据绑定<view>{{ message }}</view><view id="item-{{id}}"></view><view wx:if="{{condition}}"></view><checkbox chec...原创 2019-05-20 10:12:52 · 371 阅读 · 0 评论 -
router 权限控制
json路由表{"success":true,"msg":"获取成功","response":{"id":0,"pid":0,"order":0,"name":"根节点","IsHide":false,"path":"","iconCls":"","meta":{"title":null,"requireAuth":true,"NoTabPage":false},"children":[{...原创 2019-08-13 09:51:46 · 548 阅读 · 0 评论 -
web前端实战记录
通过find找到指定条件的对象 let obj = [{id:1},{id:2}] , aid = 1let item = obj.find((item)=>{ return item.id == aid})// item =>{id: 1}判断环境const prefix = process.env.NODE_ENV === 'development' ? '...原创 2019-08-31 14:27:28 · 229 阅读 · 0 评论 -
vue安装和卸载
查看版本vue/cli --version查看2.xx版本npm view vue-cli versions --jsonvue init webpack vue2xx查看3.xx以上版本npm view @vue/cli versions --jsonvue create my-project卸载npm uninstall -g @vue/cli安装指定版本(2.x...原创 2019-09-19 15:04:46 · 8377 阅读 · 0 评论 -
postcss-plugin-px2rem和postcss-px2rem-exclude使用方法
npm i postcss-px2rem-exclude -D链接:https://www.npmjs.com/package/postcss-px2rem-exclude.postcssrc.jsmodule.exports = { 'plugins': { 'postcss-px2rem-exclude': { remUnit: 75, pro...原创 2019-09-19 17:38:15 · 10458 阅读 · 0 评论 -
vue使用echarts
npm install echarts -Smain.jsimport echarts from 'echarts'Vue.prototype.$echarts = echartsechart.vue<template> <div> <div id="myChart" :style="{width: '300px', hei...原创 2019-09-20 16:57:05 · 100 阅读 · 0 评论 -
微信小程序记录与项目实践
wx.opensetting废弃之后的二次授权(可以通过button也可以通过modal的方式,很多人说不可以用showModal但本人亲测可用,版本为2.8.3) wx.showModal({ title: '提示', content: '这是一个模态弹窗', success(res) { if (res.confir...原创 2019-09-23 11:44:23 · 489 阅读 · 0 评论 -
vue打包问题
新建项目build之后会出现引用js css文件路径错误解决方案 修改 config/index.jsvue/cli 中assets和static存放的静态文件区别 assets会被当做模块引入 即require("")或者是import的形式 会被编译 即是相对路径的 html、css中./../assets/home/bg.pngstatic的文件不会被编译 直接...原创 2019-09-26 09:20:39 · 193 阅读 · 0 评论 -
微信公众平台开发
微信后台的配置就不写啦 数据请求方面也是通过前端请求后台后台再去请求微信服务端 这篇文章主要是写前端请求接口的微信配置文件WxSDK.jsimport { wxJsSdkConfig } from '../http/services';/*wxJsSdkConfig 是请求得到config即下面的参数 参数一般是url#后面的地址 官网也有说明 window.wx.confi...原创 2019-09-29 16:06:24 · 159 阅读 · 0 评论 -
web原生另类国际化
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-09-29 16:22:47 · 1366 阅读 · 0 评论 -
css动画
<template><div class="content"> <div class="item"> <img src="./1024.png" alt=""> </div> <div class="item"> <img src="./1024.png" ...原创 2019-10-11 14:55:38 · 87 阅读 · 0 评论 -
localStorage定时清除
localStorage除非人为手动清除,否则会一直存放在浏览器中,但是很多情况下我们可能需要localStorage有一个过期时间,比如我们将用户身份认证 token 保存在客户端,1周之内有效,超过一周则要重新登录,那么这种需求该怎么实现呢要知道,localStorage本身并没有提供过期机制,既然如此,那就只能我们自己来实现了,我们可以直接给其原型上加上这样一个方法Storage.p...原创 2019-07-05 16:14:02 · 7113 阅读 · 3 评论 -
uni-app 记录
uni-app动态改变class style(视图更新this.$set) :style="{background:arr[index]}"if(this.chooseIndex.indexOf(e.currentTarget.dataset.serviceid) >= 0){//重点this.$set(this.arr,e.currentTarget.dataset.serv...原创 2019-07-09 17:11:32 · 197 阅读 · 0 评论 -
vue/cli3配置
element-uivue-antdvue-axiosimport axios from "axios";Vue.prototype.$axios = axios;// vue.config.js 配置说明//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptionsm...原创 2019-05-18 10:56:45 · 153 阅读 · 0 评论 -
微信小程序记录 - api
wx.canIUse(string schema) 当前版本是否可用 返回值 boolean wx.switchTab({ url: '/index'}) 跳转到 tabBar 页面,并关...原创 2019-05-20 10:13:29 · 647 阅读 · 0 评论 -
vue-router总结
this.$router 相当于一个全局的路由器对象,包含了很多属性和对象(比如 history 对象),任何页面都可以调用其 push(), replace(), go() 等方法。this.$route 表示当前路由对象,每一个路由都会有一个 route 对象,是一个局部的对象,可以获取对应的 name, path, params, query 等属性。路由激活 .rout...原创 2019-05-13 11:52:51 · 180 阅读 · 0 评论 -
vue总结
vue知识点小结 vue语法不用加:(v-for v-if) 绑定动态数据需要加:(:key :class :style)循环的时候列表数据不一致简单数据<template v-if="list.ground == '' ? true : false"></template ><template v-else></template...原创 2019-05-20 10:13:12 · 256 阅读 · 1 评论 -
flex布局
<div class="box"> <span class="item"></span></div>css.box { display: flex; justify-content: center; // mian 轴 x align-items: center; //cross 轴 y}.box...原创 2019-05-22 14:31:22 · 191 阅读 · 0 评论 -
js数组对象拷贝
数组拷贝var arr = [{old: 'old'}, ['old']];var new_arr = arr.concat();arr[0].old = 'new';new_arr[1][0] = 'new';console.log(arr); // [{old: 'new'}, ['new']]console.log(new_arr); // [{old: 'new'}, ['n...原创 2019-05-16 13:59:48 · 2910 阅读 · 1 评论 -
css记录
css记录浏览器前缀:-ms- /* IE 9 */-webkit- /* Safari and Chrome */-o- /* Opera */-moz- /* Firefox */css动态设置变量值(IE兼容不佳):/* 回退值 */:root { --main-bg-color: pink;}body { background-color...原创 2019-05-20 10:12:35 · 111 阅读 · 0 评论 -
JS操作数组对象
数组array.some(function(item,index,array){ return item>1; })只要有一个满足的就返回true,没有满足的返回falseevery:验证数组中是否每个元素都满足指定的条件验证全部的结果,当全部的值都为 true 时,则最终会得到 true;只要其中之一为 false...原创 2019-05-15 13:39:55 · 2430 阅读 · 0 评论 -
vue项目记录
vue --version 2.9.6 params: { time: Math.round(new Date().getTime() / 1000), sign: this.sign({ time: Math.round(new Date().getTime() / 1000), token: '' ...原创 2019-05-30 16:32:02 · 151 阅读 · 0 评论 -
js操作以及es6小结
选择器以及操作类名:document.getElementById("Id").classList.add("mystyle");document.getElementById("Id").classList.remove("mystyle");document.getElementById("Id").classList.contains("mystyle");document....原创 2019-05-23 16:02:10 · 318 阅读 · 0 评论 -
css三角形, css制作select 记录
css三角形.drop-icon{position:absolute;width:0;height:0;border-right:4px solidtransparent;border-left:4px solidtransparent;border-top:5px solid#C8C8C8;}空心三角.css{content:...原创 2019-05-08 08:58:03 · 174 阅读 · 0 评论 -
js懒加载
懒加载条件(img 出现在窗口位置)img.offsetTop < window.innerHeight + document.body.scrollTop;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Tit...原创 2019-06-15 14:23:11 · 175 阅读 · 0 评论 -
PC端和移动端canvas签名画板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-06-10 09:46:06 · 651 阅读 · 0 评论 -
cannvs验证码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-06-14 16:49:47 · 182 阅读 · 0 评论 -
canvas
cannvs实例 验证码生成https://blog.csdn.net/qq_33144001/article/details/91985670//html<canvas id="canvas" width="250" height="250"></canvas>//jsfunction draw() { var canvas = document.g...原创 2019-06-14 16:51:41 · 169 阅读 · 0 评论