自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(32)
  • 收藏
  • 关注

原创 提高开发效率之自制前端字符转换小工具(大小写转换、驼峰转下划线)【1】

大家好,我是吃饱就睡,睡饱没事干的蔬菜乌鸦。经常联调的小伙伴总是经常遇到后端大佬给过来的字段全是大写或是下划线连接的字符。这个时候就需要我们转换了,很麻烦,就开发了这个小工具。

2022-11-19 13:16:25 357 1

原创 纯原生实现多张图片合成

想熟悉一下blob和canvas这些工作开发中不是特别常用东西。

2022-11-18 00:40:37 184

原创 js常用工具函数之浏览器平台判断方法

js常用工具函数之浏览器平台判断方法

2022-07-25 11:50:07 213

原创 js常用工具函数之连字符-与驼峰转换方法

js常用工具函数之连字符-与驼峰转换方法。

2022-07-25 11:44:31 292

原创 js常用工具函数之判断变量类型

js常用工具函数之判断变量类型。

2022-07-25 11:37:41 222

原创 vue中各option的优先级

vue中各option的优先级,vue经典面试题

2022-07-22 08:43:46 249

原创 vite原理之解析.vue文件

vite就是在本地启用了一个http服务器,然后将本地的文件通过浏览器的请求将本地的文件返回到浏览器;当然其中会有大量的解析,用于将文件内容解析为浏览器可以理解的内容

2022-07-03 11:45:08 2373

原创 react + antd 封装通过json数组形式的Form表单

react + antd封装form组件的若干方法

2022-06-16 15:58:07 1640 1

原创 node工具之nodemon

node工具之nodemon安装依赖创建启动文件创建被监听页面效果在这里插入图片描述![在这里插入图片描述](https://img-blog.csdnimg.cn/c76d3932cb1344c781caed3bc2288479.png#pic_center)小知识原文链接:学习 nodemon 的实现原理安装依赖npm i chokidar创建启动文件//index.jsconst chokidar = require('chokidar'), {spawn} = require('

2022-02-27 21:10:49 295

原创 react项目搭建【非全局安装create-react-app】及启动失败解决方法

react项目搭建【非全局安装create-react-app】搭建一个根目录在react-root项目下构建react项目即可react项目目录截图react项目启动异常解决:操作后重新启动不想在电脑上面全局安装一个create-react-app 脚手架怎么办?也很简单,其实只要是你构建的react项目可以访问到create-react-app就行了搭建一个根目录mkdir react-rootcd react-root//初始化npm init -ynpm i create-reac

2021-11-28 20:54:29 589

原创 使用vite + vue3 + typescript + vant 搭个应用【1】

使用vite + vue3 + typescript + vant 搭个应用环境安装项目安装依赖项目结构搭建vue3 和 ts必定是大趋势,为了了解一下,上手来试试环境node --version v14.16.1,v14以上都能使用安装项目# npm 6.xnpm init @vitejs/app my-vue-app --template vue# npm 7+, 需要额外的双横线:npm init @vitejs/app my-vue-app -- --template vu

2021-11-11 21:06:18 883

原创 javascript 中的那些遍历方法

javascript 中的那些遍历方法数组中相关的:for循环for offor inforEachmapfiltersomeeveryreduce/reducPrev/reduceNext对象相关for inObject.keys()Object.values()Object.entrys()老生常谈的问题,在面试和实战中都是高频点,我也是为了回忆和巩固才写这篇文章数组中相关的:for循环var objs = [ {name: 'mary', age: 12}, {name: 'lis

2021-11-07 21:22:43 409

转载 git cherr-pick 合并某一个commit到其他分支

来源博客阮一峰教材被合并的分支Agit checkout A找到要合并的commit,记录下来commit adff12safddokdsfla切换到要合并的目的分支Bgit checkout B将commit合并过来git cherry-pick fa6add49079e45bd20284e885ff19768bfce0aa2...

2021-08-23 20:30:31 200

原创 解决navicat连接mysql出现2059错误解决方法

查看博客原因:mysql8之前版本中加密规则为mysql_native_password,mysql8以后的加密规则为caching_sha2_password,将mysql用户登录加密规则修改为mysql_native_password即可!解决方法:2.1 使用 mysql数据库: user mysql;2.2 修改加密规则:输入ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'root';,其中.

2021-08-06 23:33:45 130

原创 vue + uniapp Uncaught TypeError: Cannot read property ‘getters‘ of undefined

Uncaught TypeError: Cannot read property ‘getters’ of undefined在迁移 vuex 相关代码时,启动的时候报:Uncaught TypeError: Cannot read property 'getters' of undefinedstore/index.js文件:import Vue from 'vue'import Vuex from 'vuex'import getters from './getters.js'Vue.

2021-08-05 17:05:40 1297

原创 前端面试之DOM操作成本高在哪?

前端面试之DOM操作成本高在哪?前提:文章借鉴博客DOM操作成本高在哪,文章用以记录前提:要想清楚DOM成本,首先需要了解HTML的渲染过程:1、渲染引擎读取HTML,生成DOM树2、渲染引擎读取CSS,生成CSS规则树,3、合并DOM和CSS规则树,生成render树,4、根据render树布局(计算布局和大小),5、绘制render树,绘制页面信息6、浏览器通知GPU(图像处理器)绘制页面需要注意的是:在每次进行了DOM操作后,一定会进行布局与绘制,小号GPU,但是绘制不一定导致

2021-07-31 15:33:52 133

原创 go window10 环境安装与使用beego 通过go mod下载依赖

下载与安装到 go官网 直接下载,傻瓜式【下一步】安装就没什么好讲的,环境变量配置:3.1 GOROOT:指向go的安装目录,即刚才下载的安装包所在的目录3.2 GOPATH:只想之后要保存的本地目录3.3 PATH:添加GOPATH的bin目录,指向 go.exe至此,go的可运行环境好了,通过 go version可以查看到版本,go env 查看运行环境;安装 beego工具包beego是国人写的go web脚手架,再国内使用比较多,社区环境也较好,写

2021-07-26 15:36:26 637

原创 mysql 服务正在启动或停止中,请稍候片刻后再试一次。 解决方法

解决方法:1. 找到mysql的残余线程,2.全部杀死,找到线程: tasklist| findstr "mysql"杀死线程: taskkill /f /t /im mysqld.exe3.再次使用第一个命令查看是否还有残余线程

2021-07-26 00:00:10 536

原创 Mysql 解决登录MySQL报1045(28000)错误与当忘记密码时如何重置 使用navicat连接mysql失败解决方法

解决思路:查看服务计算机->右键->管理将所有服务关闭查看Mysql,找到Mysql右键->属性找到mysql对应的目录位置如果有多台,到每一台的目录下,执行mysqld remove从注册表中将这台mysql 从注册表中去除,到要使用的那台目录下,执行以下操作:将路径添加到系统变量中,查看以下my.ini文件是否有问题特别是basedir与datadir目然后到mysql目录的bin目录下执行mysqld --install 新MYSQL服务名称 --defa

2021-07-25 23:53:28 537

原创 阅读element-ui源码(1)怎么找到样式与组件入口文件

怎么阅读?首先,找到入口文件找到样式文件与组件文件有没有一些复用的小组件,由这些小组件组成的大组件有哪些入口文件项目启动文件:"scripts": { "bootstrap": "yarn || npm i", "build:file": "node build/bin/iconInit.js & node build/bin/build-entry.js & node build/bin/i18n.js & node build/bin/vers.

2021-07-10 12:06:49 2086

原创 mysql8 免安装版安装与重置密码密码引发的问题及解决方法

安装免安装版mysql遇到了遇到输入密码总是报错的问题,借鉴修改博客, 安装借鉴博客下载免安装版博客,下载链接,直接免登录下载解压到目录下,我的目录:C:\Users\powersi\Documents\softwares\mysql-8.0.25-winx64\在根目录下创建要给my.ini文件,覆盖一下配置:# 设置mysql客户端默认字符集default-character-set=utf8 [mysqld]# 设置3306端口port = 3306# 设置mysq.

2021-05-17 09:05:59 258

原创 使用vue3全家桶

尤大神的vue3与vite出来已经好久了,听说和vue3相比有很多的变化,本着凑热闹的心态,来摸下皮毛尝试新东西,最快捷的方法当然是看别人的成果。但我还是像不自量力的看一下官网怎么弄 vue3官网检查环境: node --version 查看是不是v12.x.x以上,不过不是,请升级或安装覆盖查看vue-cli4.5:npm install -g @vue/cli,查看版本:vue --version既然准备好了,就通过脚手架来创建vue项目吧:npm init @vitejs/a.

2021-05-10 23:06:45 618

原创 前端面试记录2021-4-27

今天请假去面试了,地点是长沙。现在把面试的内容记录一下,有些问题忘记了,就没记录第一家公司面试的知识点还是蛮多的,好多问到了我的盲点,下面就挑一些我不大清楚的地方吧不过我也确实还有很多知识点属于盲区异步的类型(主要有两种类型)?浏览器缓存的作用和过程?原理呢?说一下Promise,它解决了什么痛点?怎么使用?同源策略的目的(从WEB安全方向),后端为什么没有同源策略?http请求头的几种写法,文件传输呢?class与funcion的区别?function对比class有哪些优劣?浏览.

2021-04-27 22:29:46 94

原创 记 git 提交代码 fatal: refusing to merge unrelated histories

在马云上建了个仓库,在本地git init .初始化本地仓库,git add .将项目添加到本地仓库,git commit -m ‘’ 提交到本地仓库git pull origin master 将远程的项目更新到本地仓库报错: fatal: refusing to merge unrelated histories大概意思是因为本地的与远程的仓库没有提交历史关系我:??可能是要在 commit之前要关联一下 git remote add origin 远程仓库地址但是这时没法子了

2021-04-25 20:30:01 317

原创 纯前端导出html、word与pdf报表

导出wordjQuery wordExport实现网页导出word主要借鉴这篇博客,可能有其他更好的插件,但懒得找导出HTML导出html应该是相对简单的,因为js的writer()语法就可以实现输出let resHtml = `<!DOCTYPE html> <html> <head> <meta charset="utf-8">

2021-04-24 15:47:06 704

原创 vue复习之生命周期函数与组件传值方法

vue复习之生命周期函数与组件传值方法###生命周期有哪些?分别做了些什么?beforeCreate: 开始创建vue实例created:此时进行了vue实例的配置:如获取了数据的obsever,data,方法,监听器,计算属性,监听属性。给实例开始了配置和属性。此阶段可以进行数据资源的获取。beforeMount:此时开始了计算实例的template模板,准备渲染和挂载,实例节点还未生成。mounted:vm节点已经生成,页面渲染结束。此时可以进行DOM节点的获取。beforeUpdate:

2021-03-26 09:25:37 85

原创 HTTP协议响应码

HTTP协议响应码404 资源未找到,一般是请求路径错误引发405 方法不被允许,可能是请求方法错误,或者请求的参数传递错误403 禁止访问,一般是未携带token等授权信息引发406 无法接受,…408 请求超时409 指令冲突413 请求实体过大414 所请求的url过长416 所请求的范围无法被满足417 预期内容错误429 请求数过多431 请求的头字段过大507 内存不足599 网络连接超时...

2021-01-07 11:35:20 128

原创 使用webpack+webpack-dev-server打包开发页面-初体验

使用webpack+webpack-dev-server打包开发页面总所周知,webpack是打包工具,不论是html、css、js还是图片,都给你打包压缩,减少流量消耗和资源消耗。那么,来看看webpack怎么用。学东西,第一、要看官网、看官网、看官网重要的事情说三遍webpack官网地址如果像笔者一样理解能力不是特别突出的,可以找些相关视频学习、辅助以官方文档。初始化项目- 新建一个文件夹,如:webpack-demo- cd到webpack-demo目录下,npm init -

2021-01-04 12:44:49 178 1

原创 axios 中后端对接的url可配置

项目开发中,要求axios的baseURL可以替换。开发的脚手架是vue-cli。通过在public中添加.js文件当项目运行时,会加载public文件夹下面的所有文件,并且在打包时不会将其中的代码转码编译。注意: 但是这样,配置只会在项目启动的时候读取一次,之后再次修改不会有任何改变,没法达到修改即用目的。在public中添加.json文件通过.json文件和axios读取本地文件,这样,在运行过程中也可以修改,但要注意,在devlopement与production环境读取的文件地址需.

2020-11-16 15:39:08 1514

原创 使用Webpack开发项目所需要的一些配置

使用Webpack开发项目所需要的一些配置斜体为非基本配置First step:三大件:webpackwebpack-cliwebpack-dev-serverSecond step:处理JS -> ES6 -> ES5(转码器)babel-loader@7babel-corebabel-preset-envbabel-plugin-transform-runtimebabel-plugin-transform-decorators

2020-10-26 09:32:26 96

原创 vue 使用qs向后端传递表单FormData参数

axois_qs 使用表单传参在使用vue+elementUI搭建了登录页面之后,想和后端的Springboot对接一下;对接的vue-cli配置研究一番再写笔记;总所周知,再前后端对接的时候,后端接收的一般就是字符串,直接返回json字符串;而前端内,最好选择表单字段,也就是applicaton/x-www-form-urlencoded格式,这种后端最好接收。那么,如何使用?引入a...

2019-12-02 23:54:35 7370

原创 vue-router按需引入报错方法解决

在vue-router按需引入的时候报错: error in ./src/router/index.jsSyntax Error: Unexpected token (37:21) 35 | name:'Login', 36 | path: '/login',> 37 | component: () => import ('../view...

2019-11-30 14:52:01 4840 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除