- 博客(77)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 react事件的问题
react的事件是我们学习react必会学习的，react事件处理会有多种方法，也有一种不经意的小问题。下面一起看看react事件处理问题//代码一import React from 'react'class App extends React.Component { submit(){ console.log('你点击') } render() { return ( <div onClick={this.sub
2021-06-24 11:48:18
209
5
原创 uni-app父子通讯，跨页面、跨组件通讯
今天豆芽在复习uni-app也是复习了下uni-app父子通讯，跨页面、跨组件通讯.uni-app父子通讯父向子通讯//index.vue<template> <view class="content"> <testa :dataStr="dataStr"></testa> </view></template><script> import testa from '../../components/t
2021-06-22 11:53:44
488
23
原创 React忽略的小问题操作state
昨天有个小伙伴问豆芽一个问题，他用react做了一个静态的留言版的功能，但是一直在报错，但是这个错误提示的地方是对的。让我看看，先贴代码。import React from 'react'class App extends React.Component { state = { txt: '', txtarea: '', cid: 0, datalist: [ { id: 1, name: "张三", te
2021-06-18 10:12:41
363
23
原创 uni-app最新获取微信头像方法getUserProfile？
端午节豆芽在家整理关于uni-app的知识点，动手操作的时候，豆芽发现我去调用微信头像发现了以前获取头像的方法，现在获取的是一个白色状态和微信用户的名称。下面先贴豆芽以前获取微信头像和微信名的代码。<template> <view class="content"> <u-button @click="getList">点击获取当前微信信息</u-button> <text>{{userList.nickName}}</text&g
2021-06-15 09:03:03
2604
133
原创 vue简单实现国际化来看看？
最近豆芽的接到业务需求，需要将现在的一个项目改成国际化，三种语言切换，英语，简体中文，繁体中文。话不多说，豆芽以前使用过国际化，知道vue-i18n可以实现国际化，话不多说，直接操作，实现一个简单的国际化操作。我们先安装vue-i18n插件npm install vue-i18n --save在合适的地方新建我们三种语言的配置js在main.js引入我们的vue-i18n插件和引入我们的语言包这个时候注意不要忘记挂载到vue上import Vue from "vue";import App
2021-06-10 15:16:51
712
127
原创 js数组处理方法来看看？
在日常开发中，我们对于数组的处理，是很多的，豆芽下面总结分享了一些数组处理和字符串转数组方法，提高开发效率。现在和豆芽一起看一看，欢迎留言补充交流????????????????????????????????????????。数组排序数组排序使用sort,可以调整排序顺序。let listData = [6,1,2,3,4,-1];listData.sort((left,right) => left - right);console.log(listData);数组数据添加let
2021-06-08 09:08:49
455
115
原创 vue打包部署文件可继续修改内容？
今天在公司豆芽接了一个需求，就是打包部署之后，我们可以修改页面的静态文字内容，并且在页面生效(不重新打包情况下)，那么豆芽一接到这个需求的时候，里面想到将所有的静态文字内容，放入一个配置js中，直接修改这个配置js就可以了。这样想一想，在这里分享一下。欢迎交流不一样的方法。在vue项目文件的puclic新建static/configuration.js(静态文字配置文件)configuration.js//configuration自己定义名字//window对象添加自定义属性，供项目使用win
2021-06-07 19:23:20
8057
16
原创 来谈一谈深拷贝和浅拷贝的方法？
豆芽今天来谈一谈深拷贝和浅拷贝的区别和使用的方法。二者的区别从对象来讲深拷贝和浅拷贝的区别在于，深拷贝在计算机中开辟了一块内存地址用于存放复制的对象，而浅拷贝仅仅是指向被拷贝的内存地址，如果原地址中对象被改变了，那么浅拷贝出来的对象也会相应改变。那么从简单的语言来说浅拷贝和深拷贝的区别，浅拷贝复制对象，当原对象改变的时候，复制对象也随之改变，而深拷贝复制对象，当原对象改变的时候，复制对象不会随着改变。...
2021-06-03 12:00:34
896
209
原创 JS循环遍历方法你知道几个？
JavaScript的遍历JS的遍历是我们使用JS常用的方法,下面豆芽是总结了常用遍历的方法，欢迎评论交流补充。for循环这是常用的最多的一种遍历方法，适用于数组和对象的遍历，可以改变原数据。可以使用break跳出遍历。const forList = [1,2,3,4,5,6,7];for(let index = 0;index < forList.length; index ++){ console.log(list[i]);}forEachforEach只适合数组遍历，不能使
2021-05-31 07:53:42
1615
144
原创 从0学习git使用看完就会
Git 是一个开源的分布式的版本控制系统，可以有效的高速的处理从小到大的项目管理工具Git是世界上最先进的分布式版本控制工具什么是版本控制工具： 就是开发的过成中一个软件的使用技巧，可以确保不同人所编辑的代码都是统一的 并且可以在多人之间进行代码的传递与合并透过文档来进行记录 哪些地方该懂了会给每次的改动进行一个标记 方便下次回退到当前版本SVN是集中式版本控制工具的代表集中式；就是版本库集中的存放在中央服务器中，而且工作的时候需要把自己的电脑从中央服务器中拉取代码，干完活后还需要把代码推送到中央
2021-05-27 10:52:09
412
52
原创 LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com
今天在拉取代码的时候发现存在了这样一个错误。(LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443)这个发现可能是代理存在了问题，这个时候我们将代理取消，会发现代码可以正常的拉取。git config --global --unset http.proxy...
2021-05-21 15:55:48
823
3
原创 Unable to resolve signature of class decorator when called as an expression
今天在写react-ts的项目的时候，去创建store,使用装饰器的时候，它这个时候开始出现Unable to resolve signature of class decorator when called as an expression（作为表达式调用时，无法解析类修饰器的签名。）这个错误。豆芽也是反复看了一下，最后将connect重命名，发现是可以跳过这个错误。然后可以正常的使用。const connects: Function = connect;...
2021-05-19 17:47:06
3531
1
原创 vue使用less-loader出现TypeError:this.getOptions is not a function的错误解决
当我们直接去安装less-loader模块之后，可能会出现下面的错误，那么这个原因是我们直接npm install less-loader的时候，下载的版本太高，无法去兼容getOptions函数方法，这个时候只需要把版本降级就好了。这个就会发现已经是不会有报错的。npm uninstall less-loader//卸载当前的less-loadernpm install less-loader@5.0.0//下载指定的版本less-loader...
2021-05-12 16:41:37
4724
原创 React的生命周期你可以知道
React的生命周期豆芽最近也是在复习React,React中组件也有生命周期，也就是说也有很多钩子函数供我们使用, 组件的生命周期，我们会分为四个阶段，初始化、运行中、销毁、错误处理先放一张生命周期图，我们可以根据图大致了解，详情可以前往React生命周期查看1、初始化阶段在组件初始化阶段会执行constructorstatic getDerivedStateFromProps()componentWillMount() / UNSAFE_componentWillMount(
2021-04-28 18:44:37
261
2
原创 使用vite搭建vue3.0和ts项目过程
本篇豆芽主要也分享怎么使用vite去搭建vue-ts项目，搭建之前先来说一说vite,vite是一种新型前端构建工具，能够显著提升前端开发体验。那么豆芽对它的感觉来说，就是快。搭建快，运行快。想了解比较详情的可以访问vite的中文网(https://cn.vitejs.dev/)可以进一步了解，那么我们也不多说直接进入到正事。首先我们先要去安装vite(以下的下载我都将使用npm)npm init @vitejs/app这个时候我们会发现npx: 5 安装成功，用时 1.15 秒? Projec
2021-04-13 20:04:55
1738
原创 vite项目创建vue-ts完成运行碰到的问题
今天豆芽使用vite完成创建vue-ts的项目，创建路由的时候发现了，当我使用这个时候启动项目的时候发现用vite创建项目可能存在这个问题，这个时候我们可以换一种获取环境变量的方法会发现此时已经正常了，那么接着我想获取我自定义的环境变量发现存在这个问题，这个时候的createWebHistory入参的值的类型是规定类型，这个时候我们可以直接类型断言就可以了。这个时候发现是已经获取到了...
2021-04-12 20:03:03
481
原创 vue3.0使用Ant Design of Vue存在的问题
豆芽前几天也是在开始了vue3.0和ts的项目，前端ui框架选用了Ant Design of Vue，豆芽搭建完之后，也是准备开始动手，在导入Ant Design of Vue的时候，发现它开始报错，如图也是很莫名其妙，看到这个错误，后来发现这是一个版本兼容的问题npm i --save ant-design-vue@next -S只需要使用这个命令行问题就解决了。...
2021-04-10 15:42:46
1067
2
原创 TypeScript再认识
TypeScript再认识最近也是开始学到了Ts的后面的知识点，豆芽也是在这里去总结了一下，加深自己的印象。说到Ts的进阶知识，就要先说一说Ts的接口。接口(Interface)接口的作用类似于抽象类，不同点在于接口中的所有方法和属性都是没有实值的，换句话说接口中的所有方法都是抽象方法。接口主要负责定义一个类的结构，接口可以去限制一个对象的接口，对象只有包含接口中定义的所有属性和方法时才能匹配接口。同时，可以让一个类去实现接口，实现接口时类中要保护接口中的所有属性。 interface Per
2021-04-07 17:13:07
212
原创 TypeScript初认识
TypeScript的初认识(基础类型和搭建环境)最近豆芽也是开始了TypeScript和vue3.0项目的开发，这篇也是进行了一个Typescript的回顾和巩固，Typescript作为了JavaScript超集，可以在任何浏览器去远行。TypeScript和JavaScipt最大的区别在于Typ提供了类型系统。TypeScript 通过类型注解提供编译时的静态类型检查。ts基础类型布尔值(boolean)let beanSprouts: boolean = false;数字(number)
2021-03-31 23:17:32
386
1
原创 通用封装ajax代码
通用封装ajax代码封装代码function Ajax(obj){ var ajax = null; if(window.XMLHttpRequest){ ajax = new XMLHttpRequest(); }else if(window.ActiveXobject){ ajax = new ActiveXobject("Microsoft.XMLHTTP"); }else{ alert("请升级浏览器");
2020-07-24 18:06:31
195
原创 HTTP协议和会话详解
HTTP协议为什么要学习http？因为前端和后台进行交互的时候，使用的就是这个协议。HTTP协议，叫超文本传输协议(Hypertext transfer protocol)。是一个规则，规定了浏览器和万维网服务器之间通信的规则。HTTP的请求只能是客户端向服务器发起。第一步：建立连接客户端和服务器进行通信的第一步，就是要有一个连接的状态，也就是要建立一个连接。在建立连接的时候，客户端和服务端分别需要知道一些信息：客户端：知道客户端能发消息知道客户端能收消息知道服务器能收消息知道服务器能发
2020-06-02 10:30:46
1246
原创 前端JS实现继承的多种方式
JS实现继承的方式// 定义一个父类 function Father(name) { // 属性 this.name = name || "father"; // 实例方法 this.sayName = function() { console.log(this.name); }; this.color = ["red", "blue"]; } // 原型方法 Father.protot
2020-05-26 09:01:15
462
1
原创 linux的CentOS7防火墙的使用
linux的CentOS7防火墙的使用整理了一些关于防火墙的命令行使用基本命令行启动：systemctl start firewalld.service停止：systemctl stop firewalld.service重启： systemctl restart firewalld.service || firewall-cmd –reload开启开机启动： systemctl enable firewalld禁止开机启动：systemctl disable firewalld查看防火墙状
2020-05-19 09:16:47
164
原创 Uni-app封装请求
Uni-app封装请求新建一个api.js文件，主要放请求封装的代码const baseUrl = 'http://172.0.0.1:8080';const httpRequest = (opts, data) => { let httpDefaultOpts = { url: baseUrl + opts.url, data: data, method: opts.method, header: opts.method == 'get' ? { 'X-Requeste
2020-05-11 11:21:08
5573
9
原创 ES6的基本使用
ES6的一些基本使用变量声明var let 都可用于声明变量.区别：1、let：只在let命令所在代码块内有效 2、let 不存在变量提升（内部影响不到外部） var b = []; for(var j=0;j<10;j++){ let d=j; b[j]=function(){ console.lo...
2020-05-03 14:27:52
183
1
原创 node连接mysql数据库实现登录注册接口
node连接mysql数据库实现登录接口创建node项目在小窗口使用npm创建,生成package.json文件npm init项目结构目录创建db.js链接mysql数据库const mysql = require('mysql');exports.base = (sql, data, callback) => { const connection = mysql.c...
2020-04-26 15:17:36
3610
8
原创 初学vue一定要看，vue从零到运行项目的完整搭建步骤
vue从零到运行项目的完整搭建步骤今天小编总结了一下，vue项目从环境的搭建和项目的初始运行，希望可以对一些刚学习vue的小伙伴有一些帮助。1.安装环境1.1node环境自己可以根据自己的电脑去选择版本，下载完成，点击安装即可，可以去黑窗口去检查是否安装成功,使用下面的命令行，出现版本号安装成功。node -v1.2全局安装脚手架(vue-cli)使用下面命令行安装脚手架，安装完...
2020-04-18 13:18:29
707
原创 vue路由传参的方法，值得看一看
vue路由传参的方法最近小编在公司也是在做vue项目，所以在有些功能需求上需要vue路由传参，所以写了这边博文，对于vue路由传参的方法做了小总结。第一种：使用router的name属性也就是params来传递参数这个方法有一个bug就是当你传参过去的时候，再次刷新页面时参数就会丢失。解决方法下边会说到。1：首先需要在router/index.js里边配置每个页面的路径，name属性，看例...
2020-04-13 09:00:45
298
原创 进来看看，这些知识要知道，vue3.0的语法与vue2.x有什么不同
vue3.0与vue2.x不同，你可以知道小编最近在用vue3.0去写项目，也总结了一些关于vue2.x和vue3.0的一些区别.vue3.0对vue的主要3个特点：响应式、模板、对象式的组件声明方式，进行了全面的更改，底层的实现和上层的api都有了明显的变化，基于Proxy重新实现了响应式，基于treeshaking内置了更多功能，提供了类式的组件声明方式。在vue2.x如何去使用vue3...
2020-04-05 18:53:32
742
原创 Vue中如何监控某个属性值的变化？
Vue中如何监控某个属性值的变化？比如现在需要监控data中，obj.a 的变化。Vue中监控对象属性的变化你可以这样：watch: { obj: { handler (newValue, oldValue) { console.log('obj changed') }, deep: true } }deep属性表...
2020-03-31 09:33:15
3904
原创 前端三大框架Vue与Angular以及React的区别？
Vue与Angular以及React的区别？1.与AngularJS的区别相同点：都支持指令：内置指令和自定义指令；都支持过滤器：内置过滤器和自定义过滤器；都支持双向数据绑定；都不支持低端浏览器。不同点：AngularJS的学习成本高，比如增加了Dependency Injection特性，而Vue.js本身提供的API都比较简单、直观；在性能上，AngularJS依赖对数据做脏检查，所...
2020-03-30 11:39:31
397
原创 async、await 优缺点,你可以知道
async、await 优缺点async 和 await 相比直接使用 Promise 来说，优势在于处理 then 的调用链，能够更清晰准确的写出代码。缺点在于滥用 await 可能会导致性能问题，因为 await 会阻塞代码，也许之后的异步代码并不依赖于前者，但仍然需要等待前者完成，导致代码失去了并发性下面来看一个使用 await 的代码。var a = 0var b = async ...
2020-03-27 10:42:06
3941
原创 如何使用js实现一个持续的动画效果
使用js实现一个持续的动画效果定时器思路var e = document.getElementById('e')var flag = true;var left = 0;setInterval(() => { left == 0 ? flag = true : left == 100 ? flag = false : '' flag ? e.style.left =...
2020-03-27 10:28:40
830
原创 js一定要知道的bind、call、apply 区别
bind、call、apply 区别call 和 apply 都是为了解决改变 this 的指向。作用都是相同的，只是传参的方式不同。除了第一个参数外，call 可以接收一个参数列表，apply 只接受一个参数数组let a = { value: 1}function getValue(name, age) { console.log(name) consol...
2020-03-26 12:29:10
193
原创 如何通过JS判断一个数组，你可以知道
如何通过JS判断一个数组instanceof方法instanceof 运算符是用来测试一个对象是否在其原型链原型构造函数的属性var arr = [];arr instanceof Array; // trueconstructor方法constructor属性返回对创建此对象的数组函数的引用，就是返回对象相对应的构造函数var arr = [];...
2020-03-25 12:25:11
275
原创 怎么去实现一个简洁版的promise？
怎么去实现一个简洁版的promise？// 三个常量用于表示状态const PENDING = 'pending'const RESOLVED = 'resolved'const REJECTED = 'rejected'function MyPromise(fn) { const that = this this.state = PENDING // val...
2020-03-24 11:04:57
218
原创 js要知道的原型继承和 Class 继承
原型继承和 Class 继承首先先来讲下 class，其实在 JS中并不存在类，class 只是语法糖，本质还是函数class Person {}Person instanceof Function // true组合继承组合继承是最常用的继承方式function Parent(value) { this.val = value}Parent.prototype.getVal...
2020-03-23 13:24:00
230
原创 Proxy与Object.defineProperty的优劣对比
Proxy与Object.defineProperty的优劣对比?Proxy的优势如下:Proxy可以直接监听对象而非属性Proxy可以直接监听数组的变化Proxy有多达13种拦截方法,不限于apply、ownKeys、deleteProperty、has等等是Object.defineProperty不具备的Proxy返回的是一个新对象,我们可以只操作新的对象达到目的,而Object...
2020-03-22 11:29:35
969
2
原创 vue中computed和watch有什么区别
vue中computed和watch有什么区别?computed:computed是计算属性,也就是计算值,它更多用于计算值的场景computed具有缓存性,computed的值在getter执行后是会缓存的，只有在它依赖的属性值改变之后，下一次获取computed的值时才会重新调用对应的getter来计算computed适用于计算比较消耗性能的计算场景watch:更多的是「观察...
2020-03-21 12:18:14
237
原创 对MVVM模式的知识，要理解
对MVVM的理解?MVVM是什么?MVVM 模式，顾名思义即 Model-View-ViewModel 模式。它萌芽于2005年微软推出的基于 Windows 的用户界面框架 WPF ，前端最早的 MVVM 框架 knockout 在2010年发布。Model 层: 对应数据层的域模型，它主要做域模型的同步。通过 Ajax/fetch 等 API 完成客户端和服务端业务 Model 的同步。...
2020-03-20 10:07:41
440
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人