- 博客(97)
- 收藏
- 关注
RSS订阅原创 react路由三种方式
路由链接（携带参数）：<Link to={{pathname:‘/demo/test’,state: {name: ‘tom’,age:18}}}>详情。路由链接（携带参数）：<Link to=“/demo/test?name=tom&age=18”>详情。接收参数： this.props.location.search。接收参数： this.props.location.state。接收参数： this.props.match.params。路由链接（携带参数）：详情。
2023-07-12 17:10:18
490
原创 如何不通过 @transactional 注解来实现 spring 的事务管理?
Spring 事务管理机制可以使用 @Transactional 注解来自动管理事务，但也可以手动管理事务。
2023-03-27 17:51:37
1115
原创 apahe问题集
1.出现\xef\xbb\xbf用vi打开Apache的配置文件，然后输入以下命令就好了。:set nobomb:w出现这个问题主要是修改的时候用了windwos下的记事本，然后自动添加UTF-8的头造成的
2022-01-15 10:48:40
252
原创 不再纠结devDependencies与dependencies
以前一直在纠结一个npm安装的包依赖管理的问题。是这样的：我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，他们是：–save-dev或–save首先需要说明的是Dependencies一词的中文意思是依赖和附属的意思，而dev则是develop（开发）的简写。所以它们的区别在 package.json 文件里面体现出来的就是，使用 --save-dev 安装的 插件，被写入到 devDependencies 域里面去，而使用 --s
2022-01-10 19:41:30
288
原创 error cross-zip@4.0.0: The engine “node“ is incompatible with this module. Expected version “＞=12.10
使用如下命令解决yarn config set ignore-engines true
2021-06-03 15:30:53
476
原创 什么是心跳包？
心跳包就是在客户端和服务器间定时通知对方自己状态的一个自己定义的命令字，按照一定的时间间隔发送，类似于心跳，所以叫做心跳包。用来判断对方（设备，进程或其它网元）是否正常运行，采用定时发送简单的通讯包，如果在指定时间段内未收到对方响应，则判断对方已经离线。用于检测TCP的异常断开。基本原因是服务器端不能有效的判断客户端是否在线，也就是说，服务器无法区分客户端是长时间在空闲，还是已经掉线的情况。所谓的心跳包就是客户端定时发送简单的信息给服务器端告诉它我还在而已。代码就是每隔几分钟发送一个固定信息给服务端，服.
2021-04-28 10:58:29
2373
原创 什么是前端组件化开发
为什么要组件化开发有时候页面代码量太大，逻辑太多或者同一个功能组件在许多页面均有使用，维护起来相当复杂，这个时候，就需要组件化开发来进行功能拆分、组件封装，已达到组件通用性，增强代码可读性，维护成本也能大大降低。组件化很大程度上降低系统各个功能的耦合性，并且提高了功能内部的聚合性。这对前端工程化及降低代码的维护来说，是有很大的好处的，耦合性的降低，提高了系统的伸展性，降低了开发的复杂度，提升开发效率，降低开发成本。前端组件化的原则专一性一个组件只专注做一件事，且把这件事做好。可配置性一个组件，
2021-04-27 19:22:20
605
原创 用flex实现筛子的三点布局
<!DOCTYPE html><html><head> <style> .box { width: 200px; height: 200px; padding: 20px; display: flex; flex-direction: row; justify-content: space-
2021-04-20 15:50:57
507
原创 css
复杂的网页布局都是通过各种网页元素灵活定位实现的，网页中的各种元素定位都有自己的特点。下面我们来看一下css的几种定位方式。float定位（即浮动定位）：这种定位方式很简单，只需规定一个浮动的方向（如：float:left;就表示这个元素向左边摆放），它的定位是相对于父元素容器；如果该元素设置了浮动，后面紧邻的则会受到浮动的影响，因此需要后面的元素若要不受影响，则要在后面清除浮动（可用clear:both;等方法），在两个相邻元素设置相同浮动的情况下，两元素将按顺序相邻摆放。这种定位使得元素脱离文档流
2021-04-16 15:02:03
123
原创 quchong
Array.prototype.uniq = function () { var arr = []; var flag = true; this.forEach(function(item) {// 排除 NaN (重要！！！) NaN 和自身不相等 // 除了NaN 其他数据 和 自己都 相等 if (item != item) { // 只有第一次找到NaN 把他放进数组里面 flag && arr.indexOf(item) =
2021-04-16 14:46:14
150
原创 vue项目调用通用组件_vue封装公共组件（通用组件）需要考虑到什么
开发通用组件是很基础且重要的工作，通用组件必须具备高性能、低耦合的特性一、数据从父组件传入为了解耦，子组件本身就不能生成数据。即使生成了，也只能在组件内部运作，不能传递出去。父对子传参，就需要用到 props，但是通用组件的的应用场景比较复杂，对 props 传递的参数应该添加一些验证规则二、在父组件处理事件在通用组件中，通常会需要有各种事件，比如复选框的 change 事件，或者组件中某个按钮的 click 事件这些事件的处理方法应当尽量放到父组件中，通用组件本身只作为一个中转三、记得留一
2021-04-07 23:51:02
673
原创 rem和vw的分析比较
rem：首先rem是css单位，相比于px固定的像素单位，rem是相对像素单位，更加的灵活。需求存在：现在移动端各种屏幕的出现，适应性就更加的强烈。根据分辨率的不同让html的字体大小变化。一、基本原理：设计稿宽度：x px移动设备宽度：y pxHtml中font-size=移动设备宽度/设计稿宽度*100Font-size的值即是1rem=（font-size） px二、如何根据不同屏幕设置 font-size 大小1、媒体查询<style type="text/css">
2021-04-07 23:35:15
1617
原创 vuex的工作流程
2、对vuex的简单理解每一个 Vuex 应用的核心就是 store，里面又包括:（1）state（数据）：用来存放数据源，就是公共状态;（2）getters（数据加工）：有的时候需要对数据源进行加工，返回需要的数据；（3）actions（事件）：要执行的操作，可以进行同步或者异步事件（4）mutations（执行）：操作结束之后，actions通过commit更新state数据源（5）modules：使用单一状态树，致使应用的全部状态集中到一个很大的对象，所以把每个模块的局部状态分装使每一个模
2021-04-07 14:55:14
1811
原创 link与@import的区别
两者都是外部引入CSS的方式，那么二者有什么区别呢？@import是CSS提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载CSS文件，还可以定义RSS，rel连接属性等；加载页面时，link引入的CSS被同时加载，@import引入的CSS将在页面加载完毕后加载；link标签作为HTML元素，不存在兼容性问题，而@import是CSS2.1才有的语法，故老版本浏览器（IE5之前）不能识别；可以通过JS操作DOM，来插入link标签改变样式；由于DOM方法是基于文档的
2021-04-01 17:33:54
155
原创 node版本管理工具
首先把gnvm.exe文件（gitee上搜）放在node安装根目录下，然后执行命令更新gnvm update latestnode版本控制相关命令gnvm install 14.16.0 //下载指定node版本gnvm ls //查看本地有哪些node版本gnvm use 14.16.0 //使用指定版本node -V//就可以查看切换到指定版本了...
2021-03-27 16:12:40
351
原创 作为一款内存数据库，为什么断电后Redis数据不会丢失？
前言Redis 作为一款内存数据库，被广泛使用于缓存，分布式锁等场景，那么假如断电或者因其他因素导致 Reids 服务宕机，在重启之后数据会丢失吗？Redis 持久化机制https://www.jianshu.com/p/f26f2cc0394d...
2021-03-09 10:43:09
426
原创 中国标准时间转时间戳
function dateToMs(date) {let result = new Date(date).getTime();return result;}const data1_timestamp = dateToMs(data1);console.log(‘timestamp’, dateToMs(data1)); // > timestamp 1578653565000
2021-02-17 15:41:43
988
原创 js脱敏
数字类型certificatecodecopy = certificatecode.replace(/^(.{6})(?:\d+)(.{4})$/, “$1****$2”);所有类型enginenocopy = engineno.replace(/^(.{2})(?:\w+)(.{1})$/, “$1****$2”);enginenocopy = engineno.replace(/^(.{4})(?:\w+)(.{4})$/, “$1****$2”);vue中应用<el-table-c
2021-01-25 17:43:37
201
原创 elementui
<el-table-column :formatter="CellEmpty" label="消息内容" prop="cont" header-align="center" align="left" min-width="130" show-overflow-tooltip> <template slot-scope="scope"> <span v-html='scope.row.cont.replace(/<\/?.+?>
2021-01-06 10:36:37
121
原创 解决VUE项目ES6不兼容IE浏览器问题
1、 安装插件babel-polyfillnpm install babel-polyfill2、在你的VUE项目的src目录下找到main.js添加下面一行代码： //解决IE浏览器ES6的问题 import 'babel-polyfill';3.最后，重新打开浏览器，应该就能兼容打开页面了。...
2021-01-05 10:50:02
1178
原创 elementui清除校验
this.$refs["formAdd"].clearValidate(["publicEmpBankParamDTOList.bankAbbr"]); // 清除校验
2020-12-27 19:49:43
861
原创 实现div宽度拖动
<template> <div class="box" ref="box"> <div class="left"> 左侧div内容 </div> <div class="resize" title="收缩侧边栏"> ⋮ </div> <div class="mid">
2020-12-25 11:30:12
574
1原创 nodejs的npm安装模块时候报错：npm ERR! Error: CERT_NOT_YET_VALID的解决方法
nodejs我就不介绍了，牛逼的东东，他非常强大。最近在centos6.4简化版的安装了node最新版，但是执行：[root@localhost ~]# npm install -g supervisornpm http GET https://registry.npmjs.org/supervisornpm http GET https://registry.npmjs.org/supervisornpm http GET https://registry.npmjs.org/supervisor
2020-11-17 10:24:55
469
原创 webstorm中使用git
1.点击File -> Settings…，打开Settings窗口，找到Version Control -> Git配置Git2.配置Path to Git executable的路径，并点击test进行测试。配置完成后点击apply和OK关闭配置窗口3.点击VCS -> Checout from Version Control -> GitHub，这里从GitHub导入一个项目，可以根据项目情况选择。4.在Git Repository URL填入项目git地址，点击T
2020-11-14 21:03:44
2192
原创 elementUI中input框无法输入的问题
最近发现别人项目中在输入密码的时候发现input框无法输入进去键盘都快敲坏了还是无法输入通过各种排查、还是无法解决这个问题后面无意中发现 elementUI中@input事件可以拿到当前的输入的值问题找到了 视图没有更新的问题 那么怎么解决了刷新通过this.$forceUpdate() 可以解决这个问题https://blog.csdn.net/hailangtuteng/article/details/96904845?utm_medium=distribute.pc_relevant
2020-10-28 15:32:35
1822
原创 事件委托
件委托：把一个元素响应事件的函数委托到另一个元素，一般来说是把一组元素或者一个元素的事件委托到它非父层或者更外层元素上，真正绑定事件的是外层元素，当事件想用到需要绑定的元素上时，会通过冒泡机制从而触发它的外层元素的绑定事件，然后在外层元素上去执行函数；function delegate(element, eventType, selector, fn) { element.addEventListener(eventType, e => { let el = e.target
2020-09-25 11:42:36
128
原创 雅虎35条军规
摘要：无论是在工作中，还是在面试中，web前端性能的优化都是很重要的，那么我们进行优化需要从哪些方面入手呢？可以遵循雅虎的前端优化34条军规，不过现在已经是35条了，所以可以说是雅虎前端优化的35条军规。已分类，挺好的，这样对于优化有一个比较清晰的方向内容部分1、尽量减少HTTP请求数80%的终端用户响应时间都花在了前端上，其中大部分时间都在下载页面上的各种组件：图片，样式表，脚本，Flash等等。减少组件数必然能够减少页面提交的HTTP请求数。这是让页面更快的关键。减少页面组件数的一种方式是简化页
2020-09-21 21:50:14
414
原创 Vue中layout
main.jsimport Vue from 'vue'import App from './App.vue'import Header from "./components/Header";import Footer from "./components/Footer";Vue.component('Header', Header)Vue.component('Footer', Footer)Vue.config.productionTip = falsenew Vue({ r
2020-09-07 15:13:09
1752
原创 解决webstorm卡顿问题
找到WebStorm.exe.vmoptions这个文件，路径如下webstorm安装主目录>bin>WebStorm.exe.vmoptions更改为第二行：-Xms526m第三行：-Xmx1024m（ps：这里-Xms最大值不能超过1024，否则webstorm将无法打开）最后重启即可。...
2020-09-06 16:12:08
298
原创 解决 nginx: [error] invalid PID number ““ in “/usr/local/nginx/logs/nginx.pid“
使用/usr/local/nginx/sbin/nginx -s reload 重新读取配置文件出错[root@localhost nginx]/usr/local/nginx/sbin/nginx -s reload提示 nginx: [error] invalid PID number "" in "/usr/local/nginx/logs/nginx.pid"[root@localhost nginx]# cd logs[root@localhost logs]# lsaccess.lo
2020-08-26 17:36:01
508
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人