08 2023 档案
小记
摘要：1.路由跳转及传参 import { withRouter, RouteComponentProps } from 'react-router'; class ReplenishmentOrder extends Component< TProps & RouteComponentProps, TS
web 通用 request - download
摘要：request import axios from 'axios' import { MessageBox, Message } from 'element-ui' import store from '@/store' import { getToken, getzyToken } from '@
wangEditor 自定义上传图片
摘要：//需要项目后台提供上传接口uploadFile 下载接口FILE_URL： Object.defineProperties(Vue.prototype, { FILE_URL: { value: function (fileId) { if (!fileId) { return } return
vue2公共组件=》筛选条件
摘要：源码 <template> <div class="c__filter" :style="`height: ${showFilter ? 'auto' : '47px'}`" v-if="filterNum > 0" ref="tableFilter" > <div class="c_filter_
小程序部分记录
摘要：1.uniapp https://ask.dcloud.net.cn/article/36286 1.1request ********url文件************** // 开发环境 const dev = "wxapp.chuntaoyisheng.com/"; // 测试环境 const
H5部分记录
摘要：1.本地代理 uni编写的h5为例 //例 devServer: { proxy: { '/API': { // 定义代理的名称 changeOrigin: true, // 是否启动代理 target: 'http://xijipan.dev.grdoc.org', // 代理的域名 pathRe
web播放本地流视频
摘要：<template> <div> <div class="video"> <video></video> </div> </div> </template> <script> export default { mounted() { this.playVideo() }, methods: { pl
element-ui使用巧技
摘要：1.全局修改定义message提示信息 //大写的Message是个构造函数 //1是重新定义构造函数来挂载到原型覆盖原来的。 //2是直接引入Message重新定义它的原型方法。 import Element,{ Message } from 'element-ui' const message
vue3第一章
摘要：官方文档（ 中文版 ）：https://vue3js.cn/docs/zh/ 视频：https://www.qiuzhi99.com/movies/vue3/1330.html 语法对比：https://www.jianshu.com/p/4e7ba9e93402 与2.x区别对比 1. vue2和
vue2第三章
摘要：1.内置组件component 渲染一个“元组件”为动态组件。依 is 的值，来决定哪个组件被渲染。 vue内置组件 <template> <component :is="viewName" @updateView="updateView" > </component> </template> <s
vue2第二章
摘要：1.组件封装 父传子 【使用最多的 主要用于封装 展示型 的组件】 子传父 【主要用于封装 有交互的组件, 一般是有事件绑定】 插槽 【主要是要插入内容】 1）卡片组件封装【展示型组件】 封装 <template> <div class="as-panel"> <div class="icon-wr
vue2第一章
摘要：1.安装两个vscode插件 vetur --让.vue文件高亮和有语法提示 Vue VsCode snippets -- 快捷写代码 2.vue组件 一个.vue文件就是一个组件，称为单文件组件 <template> <div> // 这里写 HTML 注意：template只能有一个根节点 </
html与css部分基础
摘要：原生js篇 1.js组成 ECMAscript BOM DOM 2.js输出内容的方式 1.弹窗alert() 2.网页输出document.write() 3.控制台输出console.log 3.什么是变量 存储临时数据的容器 4.定义变量有几种方式，区别 var 有变量提升，可以重复赋值; l
mysql
摘要：1.增 insert into 表名 (字段名1,字段名2...) value (值1,值2...); 编辑结束后点击运行。 【注意】 1）字段名对应值，字段名和值数量和顺序一一对应。 2）主键id不需要设置，会自动增加 2.删 delete from 表名 where 查询条件; 【注意】如果没有
jquery基本
摘要：1.jQuery是一个快速、小型且功能丰富的JavaScript库 2.选择器； 基本选择器：id 类 元素 过滤选择器: 都是按照索引来获取元素：索引是从0-n开始计数 :first //匹配第一个元素 （原生js中需要:first-child来筛选） :last//匹配最后一个元素（原生js中需
nodejs基本知识
摘要：node.js 1.node.js是什么 组成 是基于chromev8引擎的javas运行环境，让js脱离浏览器也可以运行。 1.1. NodeJs用在哪里？ 1、网站（如express/koa等） 2、im即时聊天(socket.io) 3、api（移动端，pc，h5） 4、http proxy（
常用utils
摘要：1.localStorag export default { set(name,data){ localStorage.setItem(name,JSON.stringify(data)) }, get(name){ return JSON.parse(localStorage.getItem(na
fetch封装
摘要：1.说明 原生js提供了两种数据请求方式fetch，ajax - ajax需要封装的， fetch不需要 - fetch也是Promise 2.get请求 //（1）不带参数 // 通过fetch获取百度的错误提示页面 fetch('https://www.baidu.com/search/erro
eslint配置
摘要：文件名以 .eslintrc.* 为名。 module.exports = { root: true, parser: 'babel-eslint', parserOptions: { //设置"script"（默认）或"module"如果你的代码是在ECMAScript中的模块。 sourceTy
webpack配置
摘要：https://www.webpackjs.com/concepts/(中文官网) 给一个入口js文件，webpack会顺着此文件，找到所有依赖，然后把这些依赖打包成浏览器可识别的文件。 webpack默认只能打包js文件，loader就是帮助webpack打包那些webpack默认打包不了的模块的
nodejs实现合并文件
摘要：nodejs实现递归读取文件并合并成一个 var fs = require("fs"); var path = require("path"); function readFileList(dir, filesList = []) { const files = fs.readdirSync(dir
vscode使用巧技
摘要：1.快捷键 展开折叠代码：ctrl +shift + [ ctrl +shift +] ctrl+shift+L --同时选中所有相容内容 alt+click --同时选择多个单词 f2 --重命名文件 alt+上下键 --移动整行或多行 1.1 vetur --让.vue文件高亮和有语法提示 Vu
npm与yarn
摘要：早期npm速度慢，因为yarn有缓存机制、为并行安装，npm为串行安装。yarn带有版本锁定。2018年npm6发布后npm和yarn的构建时间不再有显差异。 1.npm公共包 1）注册创建账号 2） 打包好需要发布的内容 3） 切换下载源为npm官方源 4） nrm use npm 5） 登录 n
CSS篇
摘要：1.文本超出隐藏以...替代 overflow:hidden;//超出隐藏 white-space:nowrap;//不换行 text-overflow:ellipsis;/*超出部分以...替代*/ 2.input修改焦点样式 input:focus{} /*input获得焦点时的样式*/ 3.i
html篇
摘要：1.动态网页和静态网页的区别 静态网页：代码和内容写好后，不会改变的网页。 动态网页：代码和内容写好后，内容会随着时间，环境，数据库操作结果而改变的网页。 2.块级元素和行内元素的区别 块级元素：独占一行，可以定义宽高，默认宽度为100%； 行内元素：多个元素可以放在同一行，除非超宽自动折行，不能直
git常用命令
摘要：git clone xxx(地址) //拉取代码 git checkout -b 分支名=》git push --set-upstream origin 分支名 （关联到远程仓库）//创建本地分支 git rebase -i 主分支 //合并主分支代码到自己的分支 git remote update
常用正则
摘要：1.密码校验规则 【要求】：强密码正则的要求是只能由数字，字母组成，不能有特殊符号,并且长度限制在8-10位【正则表达式】： /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$/ 1.至少8-16个字符，至少1个大写字母，1个小写字母和1个数字，其他可以是任意字符： /
javaScript4
摘要：sh f1.js标准内置对象 1）Proxy 详细说明 https://www.jianshu.com/p/81eb68ae5eb1 Proxy 对象用于创建一个对象的代理(在目标对象的外层搭建了一层拦截)，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等）。 const p =
javaScript3
摘要：事件 1.函数 函数主要用于封装代码块 函数封装的步骤： 1）总结复用代码，用function包装复用代码。 2）发现可变量，抽取为形参。 结合项目观察某些变量值，考量是否更改当前变量就可实现多途径使用。 3）形参尽量不要超过四个。 123 2.作用域 调试工具断点打的其实是：执行环境。--代码运行
javaScript2
摘要：同步异步 -promise 1.同步和异步 同步：代码从上往下依次执行（编译过后） 异步：异步代码要等到当前文件中所有同步代码执行完成以后再单独依次执行异步代码 2.常见的异步场景 1）定时器 2）事件处理函数 3）异步ajax 4）异步回调 以上的异步逻辑都被包含在回调函数中 3.回调地狱 回掉函
javascript1
摘要：执行环境-作用域-函数进阶-闭包 1.回顾map的使用和与for/forEach的区别 map的使用-只能用于数组，返回一个新数组，map内部必须return forEach原数组上进行遍历（本质是for循环），要改变原数组第一层值，必须配合索引 当遍历数组为数组对象用forEach可以直接改变第二
