- 博客(64)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 前端基础知识笔记
1、引入CSS的方法有两种：一种是@Import,一种是link <link type="text/css" href="地址" rel="stylesheet"/> 现在绝大多数网站都采用后link方法，原因在于 @Import先加载html,再加载css link先加载css,再加载html 所以前者加载网页会出现令浏览者感觉到意外的格式，后者是带着格式去...
2018-03-28 17:44:46
1562
原创 Egg项目报错：nodejs.PROTOCOL_SEQUENCE_TIMEOUTError: Handshake inactivity timeout
用Egg开发项目，某天突然报错：nodejs.PROTOCOL_SEQUENCE_TIMEOUTError: Handshake inactivity timeout。node版本没有改变，代码也没改动。研究了一下，发现是使用egg-mysql查询，文件里的查询超时导致的。将将超时设置为远高于默认值 10000，错误就会消失。
2023-12-20 17:22:53
651
原创 Vue项目前端代码防止被调试
前端代码防止被调试，无非就是打开控制台，卡住页面不让他往下走。有以下几种办法1、打开控制台，无限debugger2、打开控制台，无限加载3、打开控制台，重定向到新的页面
2023-09-21 17:14:02
1430
1
原创 Uncaught ReferenceError: process is not defined
最近在搞老项目升级,将Vue2.6.11里的vuecli5.0.8升级到vite最新版本4.4.9，中间遇到不少问题，有机会以后做记录。
2023-09-01 15:18:06
1799
2
原创 Vue2.7.14、[email protected] 升级 [email protected]
Vue2.7.14、[email protected]、[email protected]、node14.18.3升到vite4.4.8
2023-08-18 16:48:59
1492
原创 Vue el-table 多表格联合显示、合并单元格
先看内容是三个表，每个表的合并单元格都有点不同。按照原型图给的内容，第一个是两列，有行合并和列合并，还有表头行合并。现根据图造出mock数据，然后再写对应的代码。
2023-07-21 14:56:57
2847
原创 react引用wangEditor 5.0 自定义上传上传图片以及图片文字的复制粘贴
写在最后wangEditor在使用和接口文档来说，还是不错的。单从复制粘贴来说，比react-quill要好用。1、复制粘贴找不到当前鼠标下标，一般只能把光标写死，粘贴到最后或者最前。2、复制粘贴时，如果滚动条在最下面，粘贴完成后会直接跑到顶部。
2023-04-03 10:00:53
1002
原创 React+egg上传图片到阿里云OSS
首先去阿里云OSS控制台，创建bucket账号，得到accessKeyId、accessKeySecret
2023-03-27 10:34:11
265
原创 redux与react-redux的学习笔记之react-redux
1.所有的UI组件都应该包裹一个容器组件，他们是父子关系 2.容器组件是真正和redux打交道的，里面可以随意的使用redux的api 3.UI组件不能使用任何redux的api 4.容器组件会传给UI组件：1）redux中所保存的状态，2）用于操作状态的方法 5.备注：容器给UI传递：状态、操作状态的方法，均通过props传递
2022-11-13 21:06:12
408
原创 redux与react-redux的学习笔记之redux
redux是 JavaScript 状态容器，提供可预测化的状态管理，是一个独立的库可以搭配UI框架进行使用。与redux稍加不同的是，react-redux是 React 的官方 Redux UI 绑定库，可以订阅 store、检查更新数据和触发重新渲染的过程可以变得更加通用和可复用。简单的说，react-redux最终还是使用redux去取数据，不过是封装一层方便使用redux的api。相对于Vuex的简单无脑操作，这两个算是稍微麻烦一点的。不过后续阿里封装了个hox，使用起来感觉简单了很多。
2022-11-13 20:49:57
335
原创 vue项目优化首评加载速度，以及白屏时间过久
测试环境的管理后台应客户需求最近加了点东西，加载的东西变多，使得整个项目变得有点臃肿了，首屏以及刷新后渲染速度变得极其缓慢。之前10s左右还能勉强接受，这次一下干到30s，整个人都崩溃了，花了点时间优化了一下。环境：vue：2.6.11，vue-cli：3.0。...............
2022-08-30 17:24:14
1515
原创 Vue3 框架使用报错以及解决办法
el-submenu,但是显示出了问题，不能正常显示。感觉是这个组件的问题，查了一圈没找到解决方法，最后看官方文档发现el-submenu变成了el-sub-menu。7、vue.config.ts import path from 'path' 配置报错。8、vue3+element-plus里面的el-submenu组件显示问题。4、yarn add element-plus --save报错。引入组件时，没有添加.vue后缀 或者引入的组建没有被使用。3、cnpm安装element-plus报错。..
2022-08-20 13:08:50
14292
1
原创 Vue项目截图，谷歌浏览器下载本地或者另存为到对应的文件夹
然后仔细查了showSaveFilePicker这个api，发现这个东西只支持https和本地开发，科学上网之后也没找到好的解决办法。只能让后端搞个证书页面加载的时候转到https。本地开发的时候这时候调用callback，发现可以保存到电脑里的任何地方去了。这个只是目前的过渡方案，后续https如果能转过去，再更新一下。然后坑爹的事情来了，放到测试环境后，功能并没有实现。现在的实现方法搞了一个先过度一下，插件具体使用可点击超链接查看。首先下载插件到本地项目。在项目中具体使用方法。.........
2022-07-18 20:20:18
1643
原创 webpack打包
webpack打包webpack打包打包工具模块打包工具webpack使用上手配置文件工作模式打包结果运行原理资源模块加载导入资源模块文件资源加载器data url,url加载器加载器分类webpack打包打包工具模块化解决了我们开发过程中的代码组织问题但是模块化依然存在一些问题1、EsModules存在环境兼容问题2、模块文件比较多，网络请求频繁3、所有的前端资源都需要模块化所以模块化是必要的，但是也要解决对生产环境的影响需要一个工具编译对应的代码，转换为兼容绝大多数环境的代码将散落
2021-04-08 11:37:51
391
原创 模块化开发
模块化开发模块化概述模块化规范的出现CommonJs规范AMDSea.js+CMD（淘宝推出的）模块化标准实现Es Modules三级目录提高开发效率，降低维护成本，模块化本身只是一个思想，不包括具体的实现模块化概述模块化规范的出现CommonJs规范每个文件就是一个模块每个模块都有一个单独的作用域通过module.exports导出成员通过require函数载入模块同步的模式加载模块node执行是在页面加载时加载模块页面加载时导致大量的同步请求出现，导致效率低下AMD早期的浏览器
2021-03-25 15:25:35
234
原创 前端自动化构建
前端自动化构建Gulp基本使用GruntFIS自动化转换工作流，作用是为了脱离运行环境兼容带来的问题开发阶段使用一些提高效率的语法、规范和标准常用的自动化构建工具，grunt gulp fisGulp基本使用mkdir sample-gruntsudo yarn init --yesGruntFIS...
2021-03-13 18:47:04
231
原创 前端工程化
前端工程化前端工程化概述定义和解决的问题项目中工程化的表现工程化不等于工具前端工程化概述定义和解决的问题是指遵循一定的标准和规范，通过工具去提高效率，降低成本的一种手段。通过模块化去提高项目的可维护性，运行环境不能被支持解决的问题：部署上线前亚索代码以及资源文件手动上传部署代码到服务器多人协同开发时，无法硬性统一大家的代码风格，从仓库拉下来的代码质量无法保证项目中工程化的表现一切以提高效率，降低成本，质量保证为目的的手段都属于工程化一切重复的工作都应该被自动化工程化不等于工具.
2021-03-09 11:01:24
330
3
原创 keycloak单点登录（浙政钉2.0扫码、手机号验证码登录）
写在前面：本篇博客只针对前端代码实现，keycloak配置什么的，自己和后端或者运维联调吧。说实在的，因为不熟悉keycloak代码的逻辑，再加上时间紧，所以搞了一些很多骚操作。登录这些前端代码是写在keycloak项目里的，文件是.ftl，还好政府项目没有对UI有什么很高的要求。扫码登录和手机号验证码，成功之后是跳转到Vue项目里的。 @TOC浙政钉扫码登录扫码登录：专有钉钉扫码登陆流程我这里采用的时第二种实现方式，嵌入iframe,但是这样有个弊端，开发时由于跨域，无法改二维码的样式。
2021-02-19 18:14:02
7172
4
原创 Es6新特性
Es6新特性模板字符串传统字符串用法const str = ‘hello world this is a string’模板字符串const str = hello world this is a \string`console.log(str)//hello world this is astring`const str = hello world this is a \string`console.log(str ) 输出 hello world this is a \string`con
2021-01-02 18:54:51
2563
1
原创 TypeScript学习笔记
TypeScriptTypeScript强类型与弱类型（类型安全）静态类型与动态类型（类型检查）Js自有的类型系统的问题Flow静态类型检查方案TS语言规范与基本应用TypeScriptTS是一门基于Javascript之上的编程语言，重点解决Javascript类型系统的问题。大大提高代码的可靠程度。强类型与弱类型（类型安全）语言层面限制了实参类型必须与形参类型相同class Main { static void foo(int num) { System.out.printIn(n
2020-11-24 15:31:44
468
原创 函数式编程范式笔记
文章目录LodashLodash介绍Lodash环境搭建演示lodash纯函数的好处柯里化演示lodash中的通用的柯里化方法curry方法柯里化案例柯里化原理模拟lodash柯里化总结LodashLodash介绍Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库。Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。Lodash 的模块化方法 非常适用于：1.遍历 array、objec
2020-10-25 22:18:25
1930
原创 MongoDB数据库连接nodejs服务
# MongoDB与 MongoDB compass下载安装MongoDB安装与配置下载安装MongoDBcompass提取码: 7f9i> 运行MongoDB，MongoDBcompass连接MongoDB，并新建数据# nodejs与MongoDB连接```node文件夹下 npm install mongoose --save//引入模块var mongoose = require('mongoose');//连接数据库//myUsers是我新建数据的名称mong...
2020-05-25 16:51:39
225
原创 node框架开发与搭建（笔记二）
# bower与npm> 1、创建一个名为node文件夹> 2、node文件夹下创建一个名为app的js文件 app.js> 3、node文件夹下创建一个名为src文件夹，里面新建一个index.html> 4、src文件夹下通过cmd下打开的dos窗口中执行命令 npm install bower -g（安装管理包bower：npm 是管理拉取后端的包 bower是管理拉取前端的包）> 5、接着执行命令bower init（bower 初始化生成 bower.jso
2020-05-25 16:46:13
190
原创 node框架开发与搭建（笔记一）
# node简介> 简单的说 Node.js 就是运行在服务端的 JavaScript。> Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。> Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。# nodeJS安装配置>node中文网：首先配置node环境 在cmd的dos下执行node -v,查看node是否安装成功>
2020-05-25 16:42:11
221
原创 Vue 动态数据实现 el-select 多级联动、数据回显
父组件<ProviderCategory v-model="classificationId"></ProviderCategory>import ProviderCategory from './ProviderCategory'<script>import ProviderCategory from './ProviderCategory'export default { components: { ProviderCategory.
2020-05-17 23:49:25
4097
原创 [email protected] IE 浏览器路由跳转报错
19年9月份在CSDN发布了一个帖子，悬赏200分解决这个问题。传送门之后解决了，然后看到不少人因为这个问题加我,问我解决办法，今天开了个文章说一下这件事。前端脚手架用Vue-cli3.0搭建的，其他浏览器都是好的，只有IE不行，本机IE版本IE11,点击登录跳转报错因为客户要兼容IE，登录之后跳转到其他页面时，结果是空白。前端报错看到这个报错觉得既然是语法问题，心想估计是ba...
2020-03-16 10:50:31
1018
原创 jQuery+swpier实现轮播图（左边大图右边小的缩略图），附Vue实现案例
代码文件，Vue代码在文件里，下载即可使用链接: https://pan.baidu.com/s/1Ul2ImTYgiqJHgqqW9ptmww 提取码: 1pmf先附实现效果引入文件<link rel="stylesheet" type="text/css" href="css/swiper.css"> <link rel="stylesheet" ...
2019-12-19 21:46:19
1566
原创 gitlab上部分操作（笔记）
一、gitlab上新建分支，提交代码至新的分支git branch -a 查看本地分支git branch manager创建新分支git checkoutmanager切换新分支git push origin manager将新分支push到远程git checkout manager切换新分支git add .git commit -m 'first commi...
2019-12-17 12:49:55
284
原创 React组件写法
一、傻瓜组件也叫展示组件负责根据props显示页面信息聪明组件也叫容器组件负责数据的获取、处理优势：分离工作组件和展示组件，解耦提高组件的重用行提高组件的可用性和代码阅读便于测试与后续的维护二、深入理解函数组件函数式组件是一种无状态组件，为了创建纯展示组件，这种组件只根据传入的props来展示，不涉及到要state状态的操作组件不会被实例化，整体渲染...
2019-10-28 10:45:30
949
原创 React组件化和UI库引入使用
引入ant-design组件库npm install antd --saveyarn add antd --save一、按需加载加载全部的antd组件的样式（对前端性能有隐患）需要对antd进行配置进行按需加载，需要对create-react-app的默认配置进行自定义需要更改我们的启动插件引入react-app-rewired并修改package.json里的启动...
2019-10-23 17:15:22
707
原创 Promise对象
写在前面：最近刷面经，被问到很多关于ES6的问题，当提到promise时，本以为回答的还不错，可是之后被怼了，说我理解得有问题，郁闷之余回来恶补一下，才发现自己当时只回答一些皮毛，这些不是面试官想听到的，败军之将，羞愧难当，写下此文章。覆车之鉴，望后人警示。引流阮一峰大佬的文章-->Promise 对象面试回答：promise就是用来解决异步处理的，不管在vue中还是...
2019-10-17 10:50:41
116
原创 搭建配置React Native 环境（windows）
最近在自学RN,之前用UniApp写过一个App，看各位大神都说，要想App性能好还是学RN,于是又踏上一条不归路。查阅资料，根据网上大神的学习资料自己搭建环境。不得不说，有些网友写的博客，自己都不检查一下就来误导新手。还有复制粘贴的，代码都是错的，我也是服了，求人不如求己，还是看文档靠自己吧!先看官方文档，首先自己的电脑安装依赖.不是很明白为什么要安装python。（下面的链接包括，...
2019-06-27 20:12:16
152
原创 uniapp通过webview调用第三方页面 App 小程序
##更新于2019-07-12最近在把App代码转换到小程序上，之前写的webview的东西放到小程序上无法使用，而且支付宝小程序居然是如此的坑。所以我们换一种方法使用，这个方法放到App上一样兼容，可以放心使用。如果有需要App页面的，可以参考我之前的写法。首先新建一个webview.vue界面（src对应的地址html，需要你自己定义,可以通过传参）login.vue组件跳...
2019-06-03 20:27:34
22797
2
原创 angular基础知识简介4：ng-messages表单验证、watch监听、自定义指令
angular校验做的比vue要好ngMesages主要用来做表单校验通过依赖列表装进来，基于angular//1、npm install angular-messages//2、引用angular-messages.js//3、依赖angular.module("App",['messages'])//之前的校验输入的内容比较多，不是很方便//ng-messages引...
2019-05-14 14:47:00
577
原创 angular基础知识简介3：指令-过滤器-验证
ng-include指令 可以加载外部html片段（注意本地跨域问题）表示当前组件可以加载外部的html片段（公共资源）解决谷歌浏览器本地跨域 右键选择快捷方式-》目标 --disable-web-security --user-data-dir过滤器 {{list.state | statleFilter}} | statleFilter过滤器名称（满足对应的条件以另外一种方式展...
2019-05-09 23:40:25
210
原创 angular基础知识简介2：常用指令介绍
指令：ng-app：指向当前组件ng-controller：指向对应的区域ng-model:相当于v-modelng-repeat=v-forng-init:<h1 ng-init="name='lili;age=20'">{{name}}{{age}}</h1>ng-repeat下对应的属性$index索引$first $middl...
2019-05-09 23:33:12
296
原创 angular基础知识简介1：angular简介+作用域介绍
angular介绍：vue和angular都是mvvm模式 都可以双向数据绑定m model 模型（数据v view 视图 htmlc controller 控制器 加工/处理modelvm view model 将模型和视图联合 vue实例化数据的时候通过dataangular 通过scop 充当view和model的连接体 指向作用域$scope $表示angula...
2019-05-09 23:13:58
257
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人