- 博客(37)
- 收藏
- 关注
RSS订阅原创 This relative module was not found: * ./_import_dev in ./src/router/index.js报错
解决办法：把router/_import_development.js改为_import_dev
2020-11-27 10:45:51
1539
原创 yarn : 无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确 ，然后再试一次。的报错
先来一张截图解决方案1.以管理员身份打开vscode2.执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的;3.执行：set-ExecutionPolicy RemoteSigned;4.这时再执行get-ExecutionPolicy，就显示RemoteSigned;5.然后运行yarn serve就可以了...
2020-09-15 15:33:30
1116
原创 VUE运行项目报错Expected indentation of 2 spaces but found 4
先来一张截图报错原因：严格的检查缩进问题，不是报错，我们可以关闭这个检查规则解决办法然后再终端运行就可以
2020-09-01 19:21:37
635
原创 在vue项目中启动npm start或者npm run dev报错
需要单独安装npm install sass-loader node-sass -S
2020-06-15 14:22:00
2390
原创 To install it, you can run: npm install --save core-js/modules/es.object.to-string报错
遇到以上的提示问题，说明是版本问题，安装core-js的最新版本试试npm install core-js@3.6.4oryarn add core-js@3.6.4然后运行npm run serveoryarn serve
2020-06-14 22:13:20
4440
原创 vue 不是内部或外部命令，也不是可运行的程序 或批处理文件
先来一张截图这时候我们在cmd输入npm config ls 结果发现所谓全局安装：是指安装在node中node_module的根目录里，可以在电脑的任何位置调用这个方法。那么，如何在找到全局安装的位置呢？方法一：设置到自己想要放的位置：打开：nodejs安装目录/node_modules/npm/.npmrc这个文件，修改里面的路径prefix = E:\nodejs\npm_global_modules方法二：使用快捷键 win+R,输入cmd打开命令窗口，输入如下代码：npm
2020-06-11 10:13:51
3409
原创 vue-router的基本使用
vue router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表；模块化的、基于组件的路由配置；路由参数、查询、通配符；基于 Vue.js 过渡系统的视图过渡效果；细粒度的导航控制；带有自动激活的 CSS class 的链接；HTML5 历史模式或 hash 模式，在 IE9 中自动降级；自定义的滚动条行为...
2020-06-08 22:24:41
444
转载 关于display：none；的图片加载
1、如果元素有{display: none;}的样式的话，标签上的图片会被请求加载，但是不会被渲染例子：<style>.img-container {background-image: url(../imgs/icon1.png);}</style><div class="img-container" style="display:none"></div><img src="../imgs/icon2.png" style="displ
2020-05-22 15:10:24
1908
原创 webpack编译scss语法报错的原因
先来一张报错的截图报错的原因：就是webpack没有办法识别.scss后缀名的文件所以我们要按照node-sass和sass-loaderyarn add node-sass sass-loader -D然后在webpack.config.js配置 module: { rules: [ { test: /\.css$/i,//指明需要匹配什么样的文件类型 use: ['style-loader', 'css-l
2020-05-16 23:16:40
1036
原创 process.cwd()和__dirname的区别
process.cwd()是指当前node命令执行时所在的文件夹目录比如在D:/aaa/bb目录下执行 yarn build那么cwd就是D:/aaa/bb__dirname是指被执行js文件所在的文件夹目录比如D:/aa/scripts
2020-05-16 20:38:00
1809
原创 object { lessOptions?, prependData?, appendData?, sourceMap? }
在react项目中配置antd会报这样子的错误1.首先移除项目中的less-loaderyarn remove less-loader2.再安装一个5.0.0的版本yarn add less-loader@5.0.0
2020-05-05 21:59:25
2202
2
原创 React-Redux的使用
React-Recdux将所有的组件分为两大类：UI组件（presentational component）和容器组件（container component）**有时候UI组件也叫：**展示组件、木偶组件、傻瓜组件、纯组件容器组件叫：智能组件UI组件有以下几个特征：只负责UI的展现，不带有任何的业务逻辑没有状态所有的数据都由参数（this.props）提供不使用任何的Redux的...
2020-05-03 21:51:23
176
原创 redux的一些基本概念
redux的设计思想1. Web应用是一个状态机，视图与状态是一一对应的2. 所有的状态保存再一个对象里面redux的流程1. store通过reducer创建初始化状态2. view通过store.getState()获取到了store中保存的state挂载在自己状态上3. 用户产生操作，调用了action的方法4. action方法被调用。创建带有标志性信息的action5. ...
2020-05-02 21:10:33
392
原创 Git上传的一些相关指令操作
git status 查看gitd当前状态git init git初始化创建.git文件夹git add . 添加到暂存区（这里的文件太小了）git commit -m “zhangsan-one” 提交到本地仓库（"zhangsan-one"命名自己确定）...
2020-05-01 23:59:23
189
原创 linux出现-bash-4.2#或者是在git窗口出现-bash-4.2#的问题解决方法
我在连接服务器的时候出现了这个问题一开始在网上找了很多方法，但是都没有解决好，有的答案少了重要的一步解决的方法如下：1.在根目录创建 /root 目录mkdir /root复制 .bashrc 以及 .bash_profile俩个文件到root目录下cp /etc/skel/.bashrc /rootcp /etc/skel/.bash_profile /root3...
2020-05-01 18:50:29
347
原创 配置阿里云服务器升级node得时候报错npm: relocation error: npm: symbol SSL_set_cert_cb, version libssl.so.10 not defi
报错信息：npm: relocation error: npm: symbol SSL_set_cert_cb, version libssl.so.10 not defined in file libssl.so.10 with link time reference**解决的办法：更新openglyum update openssl -y然后再运行npm install -g n...
2020-05-01 15:06:32
1364
原创 React-Router的使用
安装路由： yarn add react-router-dom || cnpm i react-router-dom最新的路由版本是5.1.2的版本React-Router的分类：react-router涉及到react的一些核心的东西react-router-dom做Web端开发的（外部app）react-router-native做原生开发（原生应用）r...
2020-04-25 12:30:17
190
原创 JS中字符串的方法
charAt()根据索引值找到对应的字符，没有该索引值，就返回空语法：str.charAt(索引值) var str = 'helloworld' //索引值 0123456789 var res = str.charAt(3) console.log(res);//返回 lcharCodeAt()根...
2020-04-19 15:11:27
125
原创 ES3~ES6数组的方法总结
ES3数组的方法push()arr.push(值) 向数组的最后一个位置添加一个元素语法：arr.push()返回值：改变之后的数组的长度改变原数组 var arr = ["aa","bb","cc"] var res = arr.push('dd') console.log(res); //返回4pop()arr.pop(值) 删除数组的最后一个元素语法：arr.p...
2020-04-19 14:28:45
369
原创 JS中的闭包
闭包闭包是函数的一种高级使用方式函数的两个阶段定义阶段调用阶段函数的定义阶段在内存中开辟一个存储空间把函数体内的代码当作字符串一样的放在这个空间中，遇到的所有变量都不进行解析把这个空间地址赋值给函数名（变量名）函数的调用阶段按照函数名（变量名）找到对应的存储空间从新开辟一个函数的执行空间在这个执行空间里面进行形参赋值，预解析把函数存储空间的代码复制一份到执行...
2020-04-19 00:45:36
140
原创 JS实现继承的几种方式
继承出现在两个构造函数之间的关系，当A的构造函数属性和方法被B构造函数的实例使用了，那么我们就说B继承自A的构造函数继承出现在两个构造函数之间的关系，当A的构造函数属性和方法被B构造函数的实例使用了，那么我们就说B继承自A的构造函数A 是 B 构造函数的父类B 是 A 构造函数的子类构造函数一个构造函数都可以使用 new 关键字来创造出若干个实例每一个实...
2020-04-18 22:35:25
180
原创 普通函数和箭头函数this的区别
普通函数的this指向跟函数的调用有关主动调用：函数名（） ===> this指向window事件驱动调用：ele.on + 事件类型 = 函数名 ====>this指向ele元素this是函数中的一个关键字，只有函数才有的一个关键字，谁调用这个函数，那么函数的thi就指向谁<input type="button" id="btn" valu...
2020-04-18 20:51:56
1583
1
原创 React中的受控组件和非受控组件
官方对于受控组件和非受控组件的描述：在 HTML 中，表单元素、（如<input>、 <textarea> 和 <select>）之类的表单元素通常自己维护 state，并根据用户输入进行更新。而在 React 中，可变状态（mutable state）通常保存在组件的 state 属性中，并且只能通过使用 setState()来更新。我们可以把两者结合...
2020-04-18 16:23:02
310
原创 React中的父子通信和子父通信
父子组件的通信：父组件将属性传递给子组件，子组件通过this.props来接收，子组件是不能更改父组件传递过来的属性，只能拿来使用的父组件todos/index.jsimport React, { Component } from 'react'import List from "../list/index" //引入子组件export default class index exte...
2020-04-18 02:32:42
278
转载 vue项目上线nginx服务器时的代理问题
今天就来谈谈vue项目上线nginx服务器时我踩过的坑，希望大家看完可以少走弯路！！！ 1.首先，我们在本地开发的时候，假如我们的项目用到别人的接口，但是请求跨域了，那我们就需要使用代理，而在vue的配置文件vue.config.js中，我们写的接口代理有两种模式，如下：module.exports = { devServer: { proxy: { "/info...
2020-04-15 12:17:01
723
原创 vue中关闭eslint的配置和alias别名配置
在项目中建vue.config.js文件module.exports = { devServer: { overlay: { // 遮罩层 warnings: false, errors: false } }, lintOnSave: false // 直接关闭eslint}...
2020-04-13 23:00:53
1462
原创 vue项目运行npm run serve报错的问题
先来一张报错的截图先去配置环境变量C:\Users\lgd\AppData\Local\Programs\Microsoft VS Code\bin的后面配置 ；%SystemRoot%\system32;一定要注意分号，然后在path环境中配置C:\Windows\System32最后去项目安装依赖 npm i运行项目 npm run serve如果这样子项目还是报同样的错误，那...
2020-04-10 11:35:44
13866
3
转载 无缝轮播图的一种方式原理
之前面试被问到这个问题，之前都是随便找大神插件，知道怎么去做，但是一直没实现过。无缝轮播的原理在滚动层前后分别插入最后一个元素和最前面一个元素，然后在动画滚到最后或者最前的时候，初始化滚动层的位置样式，速度很快，无法察觉，就如同无缝一般。html片段<div class="wrap"> <ul> <li><img src="...
2020-04-06 22:18:33
845
原创 vue中组件的使用
1.组件化模块化：就是将系统功能分离成独立的功能部分的写法，一般值得是单个的某一种东西，例如js、css组件化：就是针对的是页面的整个完整的功能模块划分，组件是一个html、css、js、image等外链资源，这些部分组成的一个聚合体。优点：代码复用，独立性强组件应该拥有的特性**：**可组合，可复用，可测试，可维护2.组件在vue中，我们通过Vue.extend；来创建vue的子类，...
2020-04-06 22:06:53
182
原创 vue-cli 脚手架搭建项目
1.在命令行全局安装安装vue-cli 3.0npm install -g @vue/cli# oryarn global add @vue/cli2.安装vue-cli 3.0之后开始搭建脚手架项目vue create . //在当前项目里面建项目2-1：是否在当前页建立项目，按yes,回车2-2:按键盘上（下）键，选择第二项，按回车。如果之前选择保存过就不需要了2-3...
2020-03-28 21:20:08
152
原创 理解vue实例的生命周期和钩子函数
先来一张生命周期的官方图：钩子函数 描述beforeCreate 组件实例刚被创建，组件属性计算之前，如data属性等created 组件实例创建完成，属性已绑定，但DOM还未生成，$el属性还不存在beforeMount 模板编译 / 挂载之前mounted 模板编译 / 挂载之后beforeUpdate 组件更新之前update 组件...
2020-03-24 21:38:04
341
原创 Vue 中虚拟DOM与key属性
1.虚拟DOM的原理流程：1.用JavaScript模拟DOM树，并且渲染这个DOM树2.在实现的过程中比较新老DOM树，得到比较差异的对象3.然后把差异的对象应用到渲染的DOM树。下面是流程图：虚拟的DOM的核心思想就是：对复杂的文档DOM结构，提供一种方便的工具，进行最小化的DOM操作。这句话过于抽象，却基本概括了虚拟DOM的设计思想。也就是说根据虚拟dom树最初渲染成真实dom，...
2020-03-23 20:28:36
816
原创 Vue的一些基本指令总结
指令：以v-开头的称之为vue的指令（directive）指令的作用：就是用来操作dom1.v-for：渲染数据和模板快2.v-on:用来绑定点击事件v-on:click,也可以简写成@click`事件的修饰符：.stop 可以阻止事件的冒泡.prevent 可以取消事件的默认行为.once 只会触发一次.self 只会自身触发在运用...
2020-03-22 23:48:05
173
原创 vue的双向数据绑定原理的理解
vue实现双向数据绑定的原理:就是利用了Object.Property()这个方法,重新定义了对获取属性值（get）和设置属性（set）的操作来实现的。它接收的三个参数，要操作的对象，要定义或者要修改的对象的属性名，属性描述符。重点接收最后的属性描述符，属性描述符是一个对象，主要有两种形式：数据的描述性和存取描述符。这两种对象只能选择一种使用，不能混合两种描述符的属性同时使用。例子...
2020-03-18 23:14:43
1397
原创 基于nodejs之token
token:在服务端不需要先存储用户的登陆记录，全部发给客户端自己存储（cookie,localStorage）1.客户端使用用户名和密码请求登陆2.服务端收到请求后，去数据库验证用户名和密码3，验证成功后，服务端会签发一个token(加了密的token),再把这个token发送给客户端4.客户端收到token以后把它存储起来，比如放在cookie或者loaclStorage里面5，客户...
2020-03-17 22:04:11
815
原创 基于nodejs的文件上传
nodejs的文件上传需要依赖于multer这个中间件，multer接受form-data编码数据，所有要求前端携带的时候要注意一下，如： <input type=file enctype="multipart/form-data" name="fieldname">如果表单不是enctype这个格式，表单是拿不到文件。1.先搭建服务器//导入express框架co...
2020-03-12 22:56:22
1328
3
原创 jS设计模式
设计模式：针对 特定问题, 给出的简洁而优化的处理方案下面主要介绍三种设计模式：单例模式：让一个构造函数只有一个实例对象 function Person() { this.name = 'Jack'}// 全局var instance = nullfunction singleton() { if (instance === null) { instance...
2020-02-23 21:44:02
126
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人