![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
日常开发问题
日常问题记录
Twelve--
记录笔记--记录知识点--内容均为日常学习和工作碰到问题的梳理
展开
-
前端架构学习,一些知识点记录(二)
nrm 工具解决多个镜像地址切换。npm优先在本地缓存查找。原创 2023-10-14 11:05:23 · 157 阅读 · 0 评论 -
前端架构学习,一些知识点记录(一)
webComponents 跨平台 自定义标签。attachShadow 构建影子dom。SSR、CSR、例子,参考超市购物思想。webpack 先编译,大型项目打包慢。类似有视频标签,看不到一些操作按钮。兼容性,代码压缩,单位换算。原创 2023-10-14 11:05:03 · 98 阅读 · 0 评论 -
Vue3+ElementPlus+TypeScript 开发常见问题/警告/错误 (持续补充......)
Vue3+ElementPlus+TypeScript 开发常见问题/警告/错误原创 2023-01-12 16:39:30 · 889 阅读 · 1 评论 -
React中使用less修改界面主题 less.modifyVars
新建两个文件一个是theme.less样式文件,一个是less.js文件,js文件的内容可以在 下载js文件 点击下载。安装 less 和 less-loadernpm i less --savenpm i less-loader --save配置环境,在webpack.config.js文件里面修改,找到css的规则,修改三个地方'css-loader’的test: /.css$/ 改为 /.(css|less)/'css-loader’的 importLoaders:1改为2.原创 2022-02-28 14:33:45 · 2879 阅读 · 0 评论 -
关于低版本火狐出现的: The above error occurred in the <Table> component
你打开antd的官网,新版本也会出现问题。所以这是兼容问题,不要怀疑代码写错了。"Component is not available" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)"解决办法,如果你要兼容低版本火狐那只能降 antd 的版本,我这边是降到 4.15.3就可以正常显示的。如果不需要兼容,那么就升级浏览器就好了。...原创 2021-12-20 17:30:01 · 3176 阅读 · 0 评论 -
React+Dva+Antd创建项目和Umi创建项目
React+Dva+Antd非全局安装处理(如果全局记得安装的时候加上 -g)在项目文件夹下执行npm install create-react-app创建项目create-react-app projectname安装dvanpm install dva-clicd进入项目目录后启动项目npm start此时项目已经可以正常启动!基于React引入Antdnpm install react-app-rewired customize-cra --save-dev使用Umi原创 2021-11-03 11:01:24 · 419 阅读 · 0 评论 -
低版本360浏览器下,PDF.js部分文字显示不全的问题
在低版本360极速模式下,使用 pdf.js 看pdf文件时,除了数字和符合,其它文字都不显示。在其它浏览器显示是正常的。此时,可以进行如下操作打开360浏览器的设置找到实验室找到系统选项勾选下图框选部分然后重启浏览器。能解决文字显示不全的问题...原创 2021-11-02 09:32:12 · 3268 阅读 · 0 评论 -
React+Antd兼容ie浏览器,360安全浏览器兼容模式
使用 create-react-app 生成的项目安装react-app-polyfill和core-jsnpm install react-app-polyfill core-js在入口文件 index.js 中引入import 'core-js/es' import 'react-app-polyfill/ie9' import 'react-app-polyfill/stable'修改 package.json 文件"browserslist": { "producti原创 2021-07-16 10:44:38 · 2317 阅读 · 4 评论 -
常见问题/知识点记录(八)
一 什么是盒模型width height margin padding border二 vue computed和methods的区别?computed调用是属性调用,不需要加括号 methods是函数调用,需要加括号computed是 当下次所依赖的函数没有发生改变时,再次调用时,会从缓存中读取数据 methods是 没有缓存存数据,每次调用每次执行,无论值有没有改变三 typeof 和 instanceof 的区别typeofinstanceof作用.原创 2020-05-30 15:20:06 · 148 阅读 · 0 评论 -
常见CSS操作 BFC 垂直居中 水平居中
常见创建 BFC 的方式1. position:absolute fixed2. float 不是none3. overflow 不是 visible4. display inline-block或者flex5. 根元素 <html>等等...垂直居中1. padding // 父元素不能设置固定高度2. line-height // 不适用多行文本3. display:flex; flex-direction:column; justify-conent:ce原创 2020-05-29 09:08:41 · 182 阅读 · 0 评论 -
CSS多行文本省略 私有属性和伪元素
私有属性:优点:简洁明了缺点:私有属性 有比较大的局限性.box{ width: 300px; height: 90px; border:1px solid #ccc; font-size: 16px; overflow:hidden; // 多余隐藏 display:-webkit-box; // 自适应布局 和flexbox有点像 可以设置盒子内部元素的排列方向 -webkit-box-orient:vertical; // 文本从上至下 垂直方向 -webkit-line-cla原创 2020-05-27 23:31:19 · 168 阅读 · 0 评论 -
element ui table表头更换颜色 el-table-column设置宽度百分比
表头更换颜色table有个自带属性 :header-cell-style<el-table :header-cell-style="{background:'#f9f9f9',color:'#333'}">...</el-table>el-table-column设置宽度百分比<el-table-column min-width="15%"></el-table-column>...原创 2020-05-27 11:56:29 · 888 阅读 · 0 评论 -
简单梳理 redux 全局状态管理
redux 是一个全局状态管理的容器三大核心state 单一数据源 就是传递的数据action 唯一改变state的方法就是触发 actionreducer 使用纯函数来执行修改 需要编写 reducerstore 就是把action与reducer联系到一起的对象主要职责:维持应用的state提供getState()获取statedispatch() 发送 actionsubscribe() 注册监听subscribe() 返回值注销监听state状态DomainSta原创 2020-05-26 22:08:14 · 351 阅读 · 0 评论 -
vuex 的基本使用(五) Getter的两种使用方式
Getter用于对store中的数据进行加工处理形成新的数据 类似 vue 的计算属性store 中数据发生变化 getter的数据也会跟着变化...引入省略// 定义getterstate: { count: 0},getters:{ showNum:state=>{ return `当前最新的数量是【${state.count}】` }}使用 getters 的第一种方式this.$store.getters.名称// <h3>{{$store.原创 2020-05-24 18:56:36 · 997 阅读 · 0 评论 -
vuex 的基本使用(四) Action的两种使用方式和携带参数
如果通过异步操作变更数据 必须通过Action 而不能使用Mutation 但是在Action中还是要通过触发Mutation的方式间接变更数据触发 action 的第一种方式 this.$store.dispatch()在store/index.js中 使用这里通过定时器来模拟一个异步任务import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: {原创 2020-05-24 18:31:52 · 3582 阅读 · 0 评论 -
vuex 的基本使用(三) Mutation的两种使用方式及携带参数
Mutation用于变更store中的数据1 只能通过mutation变更store数据 不可以直接操作store中的数据2 通过这种方式虽然操作起来稍微繁琐一些 但是可以集中监听所有数据的变化第一种方式 commit// 定义 Mutationconst store = new Vuex.Store({ state: { count:0 }, mutations: { sub (state) { state.count--原创 2020-05-24 17:47:33 · 2129 阅读 · 0 评论 -
vuex 的基本使用(二) state的两种使用方式
state是提供唯一的公共数据源 所有共享的数据都要统一放到store的state中进行存储组件访问state中数据的第一种方式 this.$store.state.全局数据名称state中数据的第二种方式通过导入 mapState 函数 将当前组件需要的全局数据 映射为当前组件的 computed 计算属性 // 从 vuex 中按需导入 mapState 函数 import {mapState} from 'vuex' // 将全部数据 映射为当前组件的计算属性 comput原创 2020-05-24 16:55:55 · 1251 阅读 · 0 评论 -
error Missing space before function parentheses space-before-function-paren
原因是函数名称或function关键字与开始参数之间缺少空格可以在报错的当前页面检查哪里缺少空格一般报错都会定位到多少行修改.eslintrc.js的配置在rules节点下增加"space-before-function-paren": 0此rules还具有其他选项…{ "space-before-function-paren": ["error", "always"], // or "space-before-function-paren": ["error原创 2020-05-24 16:18:10 · 3889 阅读 · 0 评论 -
vuex基本了解安装及初步使用(一)
首先了解一下vue中组件之间共享数据的方式父向子 v-bind子向父 v-on兄弟组件之间 EventBus$on接收数据的那个组件$emit发送数据的那个组件vuex是什么?是实现组件全局状态(数据)管理的一种机制 可以方便的实现组件之间数据的共享使用vuex统一管理状态的好处能够在vuex中集中管理共享的数据 易于开发和后期维护能够高效地实现组件之间的数据共享 提高开发效率存储在vuex中的数据都是响应式的 能够实时保持数据与页面的同步什么样的数据适合存储到vuex中一般情原创 2020-05-24 15:27:43 · 714 阅读 · 0 评论 -
小程序 es7 的async await 语法 在有的机型上不适用 需要下载facebook的 regenerator
第一种方式 通过新建文件的方式下载地址:https://github.com/facebook/regenerator/tree/master/packages/regenerator-runtime在小程序的目录下新建文件夹 lib/runtime/runtime.js 将代码拷贝进去在每个需要使用的地方 引入import regeneratorRuntime from '…/…/lib/runtime/runtime.js第二种方式 使用npm构建在小程序的根目录 npm init 初原创 2020-05-18 09:03:31 · 792 阅读 · 0 评论 -
常见问题/知识点记录(七)
一 undefined与null的区别undefined代表定义了未赋值 (var a)null定义并赋值了 值为null (var a=null)什么时候给对象赋值为null ?初始赋值为null 表明将要赋值为对象结束前赋值 让对象被垃圾回收二 Array.prototype的方法有哪些?push pop shift unshift splice slice concat join toString reversesort indexOf lastIndexOf includes.原创 2020-05-16 22:17:24 · 213 阅读 · 0 评论 -
常见问题/知识点记录(六)
一 ES6 新特性 有哪些新特性letconst…args(剩余参数)…(扩展运算符)``(模版字符串)箭头函数=>数组扩展方法:find() findIndex() Array.from() includes()解构赋值String扩展方法:startWith() endsWith() repeat()Set() 数据结构 包含方法: add() delete() has() clear()二 有哪些解决跨域的方法JSONPCORShttp proxyng.原创 2020-05-14 09:04:26 · 100 阅读 · 0 评论 -
常见问题/知识点记录(五)
一 BFC是什么BFC 全称为 块格式化上下文 (Block Formatting Context)它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用BFC 特性(功能)使 BFC 内部浮动元素不会到处乱跑和浮动元素产生边界二 css选择器的优先级四个级别:行内样式,ID选择器,Class选择器,标签!important的优先级是最高的优先级相同时,则采用就近原则,选择最后出现的样式继承得来的属性,其优先级最低!impo.原创 2020-05-12 21:09:52 · 97 阅读 · 0 评论 -
Vue父子组件中的传值 兄弟组件中的2种传值方式
父组件向子组件传值子组件在props中创建一个属性 用以接收父组件传过来的值父组件中注册子组件 在子组件标签中添加子组件props中创建的属性把需要传给子组件的值赋给该属性父->子 v-bind props<div :msg="msg"></div>子组件接收props:["msg"]// 使用<div>{{msg}}</div>props验证props:{ msg:{ // 接收字符串类型的参数 并且这个参数必须传入原创 2020-05-12 09:24:16 · 348 阅读 · 0 评论 -
vue引用警告 "export 'default' (imported as 'url') was not found in './api/index'
vue引用警告问题原因:ES6 编译器识别问题修改 引用的main.js文件将原来的import Index_Utils from './api/index'改为import * as Index_Utils from './api/index'原创 2020-05-08 17:18:17 · 29637 阅读 · 10 评论 -
vue项目路由 Navigating to current location ("/xxxx") is not allowed
在使用vue构建项目的时候为了控制页面刷新后路由和界面保持在原来的位置加了reloadRouter(path) { this.$router.replace({ path: path, query: { nextPath: path } });}当这么做的时候 页面的浏览地址就会出现两个同样的路由地址然后想着去掉一个就把nextPath包括ne...原创 2020-04-29 12:16:06 · 876 阅读 · 0 评论 -
vue elementUI 在两个不同的页面实现组件弹框及父子组件的传值
假设有两个文件其中一个为父组件一个为Dialog的弹框子组件通过父组件传值控制弹框的打开然后子组件传值告诉父组件弹框是否关闭父组件按钮点击触发方法 通过 isShowData 给子组件传值<el-button @click="clickDialog">点击显示弹框</el-button><Dialog :isShowData="isShowData" ...原创 2020-04-26 16:06:07 · 2444 阅读 · 0 评论 -
集中处理 axios 请求的三种方式
推荐使用第三种!!!新建一个文件夹 network 在此文件新建一个 request.js 文件一 第一种方式import axios from 'axios'export function request(config,success,failure){ const instance = axios.create({ baseURL:'', timeout:5000 }) ...原创 2020-04-26 09:17:58 · 312 阅读 · 0 评论 -
请求 使用 fetch(await/async) 或者 axios(await/async)
使用 Fetch 的两种方式不使用await/asyncgetData(){ fetch('请求地址').then((response)=>{ console.log(response) }).catch((error)=>{ console.log(error) })}使用await/asyncawait/async 是 ES7 最重要特性之一,它是目前为止...原创 2020-04-15 19:49:18 · 415 阅读 · 0 评论 -
TCP的三次握手和四次挥手及解答
分析一种特殊情况 假设客户请求建立连接 发给服务器SYN包等待服务器确认 服务器收到确认后 如果是两次握手 假设服务器给客户端在第二次握手时发送数据 数据从服务器发出 服务器认为连接已经建立 但在发送数据但过程中数据丢失 客户端认为连接没有建立 会进行重传 假设每次发送的数据一直在丢失 客户端一直SYN 服务器就会产生多个无效连接 占用资源 这个时候服务器可能会挂掉 这个现象就是 SYN的洪水攻击第三次握手是为了防止 如果客户端迟迟没有收到服务器确认报文 这时会放弃连接重新启动一条连接请求 但问题是 服务原创 2020-04-08 16:43:01 · 182 阅读 · 0 评论 -
Mongoose: `findOneAndUpdate()` and `findOneAndDelete()` without the `useFindAndModify`
DeprecationWarning: Mongoose:findOneAndUpdate()andfindOneAndDelete()without theuseFindAndModifyoption set to false are deprecated官网:https://mongoosejs.com/docs/deprecations.html解决入口文件加入mongoose.s...原创 2020-03-30 12:51:45 · 2166 阅读 · 0 评论 -
基于Promise 接口调用方式 ajax fetch axios async/await 前后端交互
Promise resolve成功状态 reject拒绝状态后面的then是前面返回promise的处理前后端交互模式客户端根据url地址发送请求调用后台接口 后台根据不同的url地址返回不同的数据接口调用方式:原生 ajax基于 jquery 的 ajaxfetchaxios异步编程: js中有三种场景 ajax 定时器 事件函数Promise的相关概念es6新语法 用来处...原创 2020-03-27 16:39:57 · 1860 阅读 · 1 评论 -
PC端 React 中 Rem自适应
在入口文件index.html头部加入<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">写一个监听窗口大小变化的方法resizeListener(){ // 定义设计图的尺寸 1920 let designSiz...原创 2020-03-27 12:10:09 · 3605 阅读 · 2 评论 -
vue 路由懒加载
当打包构建项目时 js包会变得非常大 影响页面加载 如果把不同路由对应的组件分割成不同的代码块 路由被访问的时候才加载对应组件 这个就更加高效了官网 : https://www.babeljs.cn/docs/babel-plugin-syntax-dynamic-import分为三步:1. 安装 @babel/plugin-syntax-dynamic-import 开发依赖npm i...原创 2020-03-21 11:50:42 · 225 阅读 · 0 评论 -
vue-cli 通过extends引入 CDN外部资源
使用 vue 的 webpack 模版开发项目时,使用 npm install安装的各种组件和依赖到本地默认情况下 通过import语法导入的第三方依赖包 最终会被打包合并到同一个文件中从而导致打包成功后 单文件体积过大的问题为了解决问题 可以通过webpack的externals节点 配置并加载外部的CDN资源凡是声明在externals中的第三方依赖包 都不会被打包未配置前打包的大小...原创 2020-03-20 19:56:02 · 2068 阅读 · 2 评论 -
项目优化小记(页面头部加载进度条和自动清除console)
一 页面头部加载进度条nprogress 页面进度条安装 npm install --save nprogress在vue项目中使用在main.js页面引入// 引入import NProgress from 'nprogress'import 'nprogress/nprogress.css'使用// 展示进度条NProgress.start()// 隐藏进度条N...原创 2020-03-20 11:57:12 · 167 阅读 · 0 评论 -
error Unnecessary return statement no-useless-return
因为 ESlint 插件导致return有误在 return 后面加 falsereturn false原创 2020-03-18 11:10:51 · 4638 阅读 · 1 评论 -
eslint常见错误解决
error Unnecessarily quoted property '145' found quote-props表示 key没必要加引号Object properties must go on a new line if they aren't all on the same line提示语法错误, 如果对象属性并非都位于同一行上,则它们必须位于新行上error Trailing s...原创 2020-03-15 19:42:55 · 15419 阅读 · 0 评论 -
ESLint 检查代码质量双引号和分号的问题通过 .prettierrc 解决
在vue项目中使用 ESLint 检查代码质量分号和双引号引起警告可以在根目录新建一个文件.prettierrc解决{ "singleQuote": true, //单引号 "semi":true //是否需要分号}...原创 2020-03-14 22:16:20 · 3549 阅读 · 0 评论 -
配置码云公钥出现 git@gitee.com: Permission denied (publickey).
在配置码云公钥的时候我使用ssh-keygen -t rsa -C 'xxxxx@company.com' -f ~/.ssh/gitee_id_rsa生成了一个公钥导致我 ssh -T git@gitee.com的时候出现了git@gitee.com: Permission denied (publickey).看了官网 可以通过新建config 配置两个公钥就是说你之前生成的gith...原创 2020-03-12 22:49:48 · 1732 阅读 · 6 评论