前端
zhaoyapeng_
这个作者很懒,什么都没留下…
展开
-
vue 在input 内回车选中下一个input 自定义事件 directives
可以打印一下el.querySelectorAll(‘input.pop-input.pop-input-default’)选中的元素,组件库不同,元素上的属性名也不太一样directives: { enterToNext: { inserted: function(el) { let inputs = el.querySelectorAll('input.pop-input.pop-input-default')原创 2021-10-28 14:10:59 · 242 阅读 · 0 评论 -
Upload组件 antd element 上传文件 React Vue 以及请求没有携带cookie Provisional headers are shown
**这里只贴核心代码,其余的可自行查资料**主要有两个事件:1、上传文件之前(需要把选择的文件存起来)2、发送请求(把文件带上就OK)// 上传文件之前事件 befores = (file, fileList) => { console.log(file, fileList) this.setState({ **fileList, // 这里是你选择的文件** filename: file.name,原创 2021-10-27 17:02:57 · 786 阅读 · 0 评论 -
element、antd 级联选择动态加载数据,点击两次出现子集children,不能触发视图更新、末级显示有小箭头问题
// 动态加载类目 loadData(item, bak) { // 第二个参数是一个函数,当你处理完数据之后执行这个函数就可以触发数据更新 item.loading = true http.post(API_URL.getChildList(this.env), { parentId: item.categoryId, }) .then(.原创 2021-07-09 14:40:26 · 775 阅读 · 0 评论 -
js replace 匹配正则 input只能输入正数 正则匹配负数
<p-input placeholder="" v-model="row.afterSaleNum" class="input" @on-change="event => (row.afterSaleNum = event.target.value.replace(/^-\d*\.?\d+$/g, ''))"/>原创 2021-06-29 14:53:39 · 1715 阅读 · 0 评论 -
React react 启动项目报错 Windows index.js:1 TypeError: Cannot read property ‘state‘ of undefined at un
报错index.js:1 TypeError: Cannot read property 'state' of undefined at unliftState (<anonymous>:2:31678) at Object.getState (<anonymous>:2:31745) at Provider.js:20可能是你的React插件捣的鬼,也就是你的React扩展原创 2021-06-08 18:08:50 · 266 阅读 · 0 评论 -
jsTable 生成Excel表格xlsx表格
这个文章的内容是表格生成文件,表格生成文件,表格生成文件这一篇是对应的文件生成表格适用于各种js框架,这里的ui组件是antd下载依赖(注意是三个依赖,不要把、复制进去)antd 、xlsx、js-export-excel贴出全部代码...原创 2021-06-04 17:03:42 · 601 阅读 · 2 评论 -
Excel表格xlsx表格js生成Table
这个文章的内容是文件生成表格,文件生成表格,文件生成表格适用于各种js框架,这里的ui组件是antd下载依赖(注意是三个依赖,不要把、复制进去)antd 、xlsx、js-export-excel贴出全部代码import React from "react";import * as XLSX from 'xlsx';import { message, Table, Upload } from 'antd';import ExportJsonExcel from 'js-expor原创 2021-06-04 16:31:50 · 751 阅读 · 0 评论 -
小程序真机调试、预览报错MiniProgramError U.createEvent is not a function TypeError: U.createEvent is not a funct
MiniProgramErrorU.createEvent is not a functionTypeError: U.createEvent is not a function at Q (eval at n.call.document (http://127.0.0.1:62328/remote-debug/runtime.js?devtools_ignore=true:1:13016), <anonymous>:2:30288)点击右上角的三个点里边有个’开启调试’选项,原创 2021-06-02 13:41:25 · 4808 阅读 · 4 评论 -
mac配置环境变量报错E492: Not an editor command: eq! 不是一个编辑器命令 无法保存
注意是ESC之后是 :英文输入法的冒号后边是wq!而不是eq!原创 2021-03-24 10:41:39 · 2778 阅读 · 1 评论 -
算法和手写代码
一、两个栈实现一个队列,两个队列实现一个栈 https://www.cnblogs.com/MrListening/p/5697459.html二、红黑树(解决二叉树依次插入多个节点时的线型排列) https://juejin.im/post/5a27c6946fb9a04509096248三、最小栈的实现(查找最小元素,用两个栈配合栈内元素的下标)https://juejin.im/post/5a2ff8c651882533d0230a85四、十大排序1.冒泡排序:重复走访过要排序的数列,一次比较原创 2021-03-22 14:16:28 · 172 阅读 · 0 评论 -
React
一、react和vue的区别 => 相同点: 1.数据驱动页面,提供响应式的试图组件 2.都有virtual DOM,组件化的开发,通过props参数进行父子之间组件传递数据,都实现了webComponents规范 3.数据流动单向,都支持服务器的渲染SSR 4.都有支持native的方法,react有React native, vue有wexx=> 不同点: 1.数据绑定:Vue实现了双向的数据绑定,react数据流动是单向的 2.数据渲染:大规模的数据渲原创 2021-03-22 14:15:49 · 74 阅读 · 0 评论 -
前端 - JavaScript
前端事件流概念:是从页面中接受事件的顺序可以分为事件捕获阶段 、处于目标阶段、事件冒泡阶段。事件流最主要的就是addEventListener这个函数,第三个参数为true的话表示在事件捕获阶段调用,为false的话,标识在事件冒泡阶段调用事件捕获阶段:实际目标div在捕获阶段不会接收事件,也就是在捕获阶段事件从document倒这就停止了处于目标阶段:事件在div发生并处理,到时事件处理会被看成是冒泡阶段的一部分冒泡阶段:事件又传播回文档阻止默认事件:IE:return false; 非原创 2021-03-16 15:11:40 · 117 阅读 · 0 评论 -
服务端
状态码2xx(成功处理了请求)200:服务器已成功处理请求,并提供了请求的网页201:用户新建或修改数据成功202:一个请求已经进入后台204:用户删除成功3xx(每次请求使用的重定向不要超过5次)304:网页上次请求没有更新(与上次请求的内容一样),节省宽带和开销4xx(标识请求可能出错,妨碍了服务器的处理)400:服务器不理解请求的语法401:用户没有权限(用户名或者密码输入错误)403:用户得到权限(与401相反),但是访问被禁止404:服务器找不到请求的网页5原创 2021-03-16 15:10:39 · 698 阅读 · 0 评论 -
性能优化
webpack打包文件体积过大?(一个js文件)1、异步加载模块2、提取第三方库3、压缩代码4、去掉不必要的插件如何优化webapck的构建能1、减少代码体积:①使用CommonschunkPlugin提取多个chunk之间的通用模块,减少总代吗体积②把部分依赖转移到CDN上,避免每次编译都有webpack处理③对一些组件库采用按需加载,避免无用的代码2、减少目录检索范围在使用loader的时候,通过定制exclude的inclu选项,减少loader遍历的目录范围,从而加原创 2021-03-16 15:09:59 · 53 阅读 · 0 评论 -
vue
介绍些MVVM(数据的双向绑定)M:model数据模型V:view视图界面VM:作为桥梁负责沟通模型和视图关键步骤:1.实现数据监听器Observer,用object.defineProperty()重写数据的get/set。值更新就在set中通知订阅者更新数据2.实现模板编译compile,深度遍历dom树,对每个元素节点的指令模板替换数据以及订阅数据3.实现watch用于连接Observer和compile,能够订阅并接受每一个属性的变动的通知,执行指令绑定的相应的回调函数,从而更新数据原创 2021-03-16 15:09:14 · 72 阅读 · 0 评论 -
css篇
盒子模型 box-sizingbox-sizing:content-box|border-box|inherit标准盒模型:content-box默认值,总宽度=margin+border+padding+width怪异盒模型:border-box,总宽度=margin+width(width已经包含了border+padding)inherit:规定应该从父元素继承box-sizing的值移动端1px边框问题1、使用after伪类和transfrom和scaleY(.5)2、使用边框阴原创 2021-03-16 15:07:10 · 114 阅读 · 0 评论 -
html篇
三栏布局方案一:position(绝对定位法) center的div需要放在最后面 绝对定位法原理将左右两边使用absolute定位,因为绝对定位使其脱离文档流,后面的center会自然流动到他们的上卖弄,然后margin属性,留出左右两边的宽度。就可以自适应了。方案二:float 自身浮动法 center的div需要放到后面 自身浮动法的原理就是对左右使用float:left和float:right,float使左右两个元素脱离文档流,中间的正常文档流中,使用margin指定左右外边距对其进行一个定原创 2021-03-16 15:06:37 · 57 阅读 · 0 评论 -
前端
切记:不要一问一答,善于沟通。不要被动的回答问题,可以将知识延伸,聊到自己擅长的领地 自己的职业规划:认真想想,已3-5年为界 想想最后问面试官的问题html:https://editor.csdn.net/md/?articleId=114882569css:https://editor.csdn.net/md/?articleId=114882596js:https://editor.csdn.net/md/?articleId=114882862服务端:https://editor.cs.原创 2021-03-16 15:05:54 · 76 阅读 · 0 评论 -
手写封装canvas简单函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-03-06 17:05:35 · 146 阅读 · 0 评论 -
js中常用的查看 / 修改DOM元素宽高的属性
**js中常用的查看 / 修改DOM元素宽高的属性**网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: document.body.scrollH原创 2021-03-02 15:39:47 · 2301 阅读 · 0 评论 -
手写vue折叠面板平滑动画
手写vue折叠慢板平滑动画首先我要吐槽一波现在的帖子 没一点营养,说白了就是垃圾里边找垃圾template<template> <div class="max"> <div class="wrapper" v-for="(item,index) in list" :key="index" @click="clickContent(item,index)" > <div class原创 2021-02-03 13:34:59 · 1025 阅读 · 2 评论