- 博客(36)
- 收藏
- 关注
RSS订阅转载 【转】浏览器、http和TCP二三事
发现一篇关于浏览器、http和TCP知识点的文章，感觉还不错~工作中其实很少会去关注网络这块的内容，很多人了解http和tcp其实只是知道一个比较笼统的概念（包括我哈哈哈），有些细节其实是很模糊的，在这儿记录一下，方便以后重温~-----------------------------------转载正文-------------------------一道经典的面试题是从 URL 在浏览器被被输入到页面展现的过程中发生了什么，大多数回答都是说请求响应之后 DOM 怎么被构建，被绘制出来。但是你
2020-12-22 11:14:45
437
原创 css filter改变图片的颜色，神奇的操作~
最近get了一个神奇的知识~视觉设计的小姐姐某天有一个想法，她只设计一版图标，需要前端在不同的场景展示不同颜色的图标，确实是高效的办法哈！但是对我的CSS知识来说超纲了[捂脸]…于是开始搜搜搜，发现了一些办法，而且这些办法都是使用filter这个神奇的属性！一、filter:drop-shadowdrop-shadow滤镜可以给元素或图片非透明区域添加投影，对于背景透明的icon来说，投影当然就可以实现改颜色啦！html:<div class="imgBox"> &l
2020-12-08 19:57:52
6647
原创 axios下载excel踩坑记录（导出Excel总是报格式错误而且乱码）
项目需要，有一个功能是后端生成Excel文件并且写入文件流，前台接收并提示用户导出文件。看起来是个很简单的功能，网上关于这个功能的解决办法也有很多，基本都差不多，大致如下：后端：@RequestMapping(value = "/exportGatherXls", method = RequestMethod.POST) public void exportGatherXls(Ht...
2019-10-09 14:41:34
3415
1
原创 vue-router 复用组件如何设计路由
因为项目的需要，有两个界面长得几乎是一模一样的，因此决定采用路由组件传参的方式使用同一个组件官方文档路由组件传参示例：const User = { template: '<div>User {{ $route.params.id }}</div>'}const router = new VueRouter({ routes: [ { path:...
2019-10-01 17:10:00
376
原创 【组件推荐&改造】vue实现的tree grid 树形表格
因业务需要，我需要一个树形表格，类似这样的：然而iview中的table是这样的：其实，准确的来说，iview中的表格并不是树形表格，只是用于展开显示每一行的更多信息；在网上找了一圈，发现有位大佬用vue封装的iview风格的树形表格（vue-table-with-tree-grid），在此基础上我又进行了一些调整和优化：1. 增加节点图标；2. 可以自定义展开的节点；...
2019-10-01 15:16:50
1982
1
原创 【组件推荐&改造】基于element-ui 实现的iview风格tree组件
由于iview的tree组件API比较少，加上项目的需要iview的tree组件并不能完全的实现我想要的效果，于是就在网上找了一圈，发现了某位大佬改造的tree组件（https://www.npmjs.com/package/chu-tree-iview）。 这个组件将element ui的tree组件改造成iview风格的，当时使用的时候是基于element ui...
2019-10-01 12:03:26
783
原创 nginx二次反向代理
之前有写过nginx部署vue项目：vue项目部署至nginx&踩坑记后续的工作中遇到一个场景：前端工程打包之后部署在服务器B的nginx上，为了发布工程到外网，需要配置外网的nginx A服务器，新增一条代理规则指向B服务器，特此记录一下配置最少的一种方式；1. A服务器配置：server { listen 18080; se...
2019-09-02 19:21:41
7126
原创 解决vscode任务栏图标异常
今天遇到一个很奇怪的问题，vscode的任务栏图标异常了，大概就是下面这个鬼样子：虽然不影响使用，但是实在影响观感和写代码的心情……然后百度之后神奇的发现贴吧的一个回答非常简单快速的解决了这个问题，还有看到其他小伙伴说改程序配置文件之类的，感觉还是有点麻烦……而且我也没有去试验是否可行……话不多说，看看这个简单快速的方法！鼠标放在任务栏vscode图标上右键，选择倒数第三个菜单...
2019-04-25 10:10:37
20750
41
原创 javascript中对象的constructor属性有什么用？
刚刚突然想起来前段时间被问的一个问题：为什么实现继承时如果使用了 Child.prototype = Parent.prototype;为什么还要执行：Child.prototype.constructor = Child？不执行可不可以？于是我答曰：“如果不加上设置constructor属性的代码，那么Child实例的构造函数就指向Parent”；被反问：“那会有什么影响呢？那这...
2019-04-12 15:14:27
2327
原创 【小tips】vue+iview，动态计算table高度，保证页面无竖向滚动条
一、场景这是一个常规的后台管理系统的网站界面：（orz……怎么拉伸成这个样子……）我个人看这种界面的时候，是非常不喜欢竖向出现滚动条的，像搜索区域、工具栏这种固定的区域我希望是不动的，只需要拖拽表格的滚动条就可以看其他数据（就像上面的截图）。二、解决思路：header、面包屑、页码器 的高度是固定的； 工具栏和搜索区域是不固定的，因为具栏在一个操作权限都没有的时候是...
2019-03-28 15:36:35
3423
1
转载 【转】javascript的执行环境和栈&内存管理
前几天看到了一篇讲js执行环境和栈的文章，真的非常好，通俗易懂，原理描述讲的非常清楚，很适合从来没有接触过js底层的小伙伴们看~~今天想温习一下就翻出来了，考虑到自己的老人记性，还是写篇文章tag一下比较好……大多数时候确实是知其然不知其所以然，在忙着吭哧吭哧码代码的时候确实需要留出一些时间了解一下偏原理的知识，可以使我们写代码出现莫名其妙预期外的结果的时候有新的思考方向和思路。作者很...
2019-02-26 10:16:28
148
原创 iview表单验证number的一个坑（async-validator）
其实说起来这也不算是一个坑，只能说因为number校验比较特殊。今天做表单验证需要做一个验证：判断输入的必须是金额（数字），而且不能为空。于是毫不犹豫的我这样写的：<FormItem label="Money" prop="money"> <Input v-model="formValidate.money" placeholder="Enter your ...
2019-02-25 11:07:15
9336
4
原创 关于Cookie和Session的失效时间点
1. Cookie cookie是浏览器自带，在客户端可以用来保存用户信息的一种方式，通过JavaScript可以增删改查cookie中的数据，一般会根据业务来决定是否设置过期时间：没有设置失效时间（会话cookie）； (1）关闭浏览器；（2）手动清除Cookie；设置时间；（1）时间到了失效，即使关闭了浏览器也不会被清除，因为cookie信息被保存在了硬盘上，浏...
2019-02-22 10:38:29
10444
1
原创 vue项目部署至nginx&踩坑记
1. 前言 在本地吭哧吭哧的写了两个星期，终于到了需要部署到服务器供测试的时候了！！ 初始的设想是部署到tomcat，放在ROOT目录下，即可以使用 域名:端口/ 访问，但是涉及到后台请求跨域了，百度+咨询前同事，得出了结论：通过nginx反向代理，实现请求路径映射到目标后台服务器； 此外，nginx本身可以作为静态资源文件服务器，还可以省去...
2018-11-22 10:26:56
3484
原创 vue+iview项目webpack打包报错：Unexpected token: punc (() / punc (>)
昨天第一次尝试打包，因为用的是vue-cli，所以直接执行npm run build就可以了。但是执行完成报错了：ERROR in 0.866cdedf48bcb07fd685.chunk.js from UglifyJsUnexpected token: punc (() [0.866cdedf48bcb07fd685.chunk.js:1173,13]ERROR in 1.866...
2018-11-13 14:35:24
1675
3
原创 vue+iview 封装类似easyUI表格组件（数据表格+页码）（列配置支持slot啦）
一、场景在使用iview的时候发现表格和页码组件是分开的，我之前使用的UI组件库如easyUI和miniUI，它们的组件库是类似这样的：只需要提供数据和数据总条数就可以渲染出表格+页码+描述，因此萌生了包装一个这样的表格组件；必然会有考虑不周全或者可以优化的地方，在开发这一个月来陆陆续续修改了几次，目前看来可以满足大多数情况了~先看一下实现的效果：二、实现细节...
2018-11-06 09:54:02
1774
5
原创 【iview】如何设计一个可以搜索的菜单列表
一、场景 最近在做的某系统，菜单非常多，系统本身业务比较多，再加上十好几张报表，导致整个菜单列表非常长，用户在找的时候非常的不方便，于是便想着给菜单列表加上搜索功能，先瞧一下效果，从左到右分别是：未搜索，搜索，折叠 二、实现思路MenuList设置成计算属性，根据搜索框的值过滤菜单列表，实现思路是比较简单的，但是有一...
2018-10-27 17:04:19
2342
3
原创 修改巨人的npm包 & 如何用npm上传、更新自己的包
其实刚刚从传统前端+后端转到现在主流的node，前后端分离，vue三个月不到的我，其实还没有想过自己会写包上传到npm给大家使用……契机来源于，我下载了一个别人写好的基于vue实现的tree grid包，但是我需要修改一些样式，但是下载下来的在node_modules的源码直接改是没有用的，参考了网上的一些文章，总结一下如果出现这种需求的话怎么处理~1. 在npm官网，包的介绍...
2018-10-15 15:31:27
2083
7
原创 解决iview菜单使用iconfont图标无法显示的问题
写在前面：首先，我出现问题的场景是使用在导航菜单上，即 Menu Item；其次，我是使用json文件递归生成的菜单列表，在meta属性中设置的icon； 今天在使用iconfont的图标作为菜单的图标时发现总是显示成方框框使用方法和设置Button的图标是一样的，检查了好久也没有发现问题，百思不得其解……使用F12检查元素，发现原来框架是在样式前面加上了 iv...
2018-09-28 17:14:31
19905
6
原创 vue+iView 引入iconfont
iView本身的图标不是很多，所以在选择图标的时候翻出了收藏了好久的iconfont~iconfont是阿里出品的开源图标库，有非常多的图标，兼具美观和全面，非常适合找图标~网址：iconfont官网一、引入单色图标1. 新建项目 2. 选择喜欢的图标加入购物车，将鼠标放在喜欢的图标上面就会显示菜单。3. 将购物车的图标加入项目；点击右上角的“购物车”按钮弹出...
2018-09-28 17:01:01
8450
原创 自定义注解+AOP 实现访问记录保存
昨天突发奇想想统计报表的访问记录，想了一下这种公用的操作很适合用AOP实现呀~之前看过类似的经典操作是实现Mybatis动态切换数据源，之前有写过文章，是实现多数据源的方式之一。Mybatis配置多数据源· 需要了解1. 为什么使用自定义注解？自定义注解可以配置参数，并且在切面类中可以获取到参数，使用时一行代码即可。·步骤1. 自定义注解@Target(Eleme...
2018-08-29 15:20:53
315
原创 ehcache的基本用法（和Spring集成）
Ehcache是一个纯Java的进程缓存框架，读写快速，但是也因此会在java程序关闭的时候缓存也会从内存中清除，看百科中有说可以设置缓存在java进程关闭时缓冲到磁盘，在下次重启的时候将缓存写入jvm内存，但是我目前还没有使用到这个策略。 相较于Redis的好处可能就是不需要单独安装，简单配置即可使用，而且省去通信开销，缺点也显而易见，过分依赖于程序的java进...
2018-08-14 14:45:36
695
原创 git小白
配置本地和远程仓库SSH免密传输 打开Git bash窗口，执行命令 ssh-keygen -t rsa -C "your_email@youremail.com"一路回车，执行完成之后在user文件夹中找到.ssh文件夹，id_rsa即公钥，编辑器打开并复制全部内容gitlab上打开个人setting，右侧菜单找到ssh keys，添加新的key即可；这样本地电脑就可以和远...
2018-08-08 17:24:47
186
原创 配置第一个Jenkins部署
准备Linux服务器环境1. 新建用户，专门用于部署程序，下面以新建das用户为例。adduser das passwd das （linux会提示输入密码并二次输入校验，按照提示操作即可） mkdir /usr/local/tomcat 新建tomcat文件夹 chown -R das:密码 /usr/local/tomcat 授权给das用户 su das 切换...
2018-08-03 15:58:57
178
原创 为什么HashMap的桶数量是2的幂次方
前段时间去面试的时候坐在等候室里，听到隔壁会议室里的面试：面试官：“你说一下为什么HashMap的长度为什么要设计成2的幂次方”面试者：“因为计算机计算是二进制运算，所以balabala.....”当时听的很模糊，也不知道面试者回答的是不是对的，所以一直记着回来一定要上网查一下正确的原因…… 查阅了相关文章后，其实面试者回答的方向是对的，确实是为了提高运算效率。 我们都...
2018-07-28 22:41:41
1164
原创 关于Zookeeper的一点理解
Zookeeper使用的范围十分广，我接触过的好几个场景都使用了zookpper作为注册中心，如kafka消息队列，dubbo分布式服务，Hadoop namenode选举……是个名副其实的 “流量” 呀~ 以下是个人的一些小小的理解~ Dubbo如何使用zookeeper： zookeeper的数据节点都提供了一些简单的API供客户端调用...
2018-07-24 22:22:08
248
原创 Mybatis配置多数据源
在大多数情况下，一个功能全面的系统只使用单一数据源几乎是不太可能的，所以配置多数据源是十分必要的，记录一下去年某个项目配置多数据源的方式~单一数据源的配置如下：1. 配置datasource2. 配置sessionFactory，属性为上一步配置的datasource和mapperLocation（xml文件所在的目录）多数据源配置：要实现多数据源切换，...
2018-07-24 16:31:13
17810
8
原创 控制线程顺序执行
前段时间面试被问了一个问题： “ABC三个线程，如何让AB并发执行完了再顺序执行C？” “额，不好意思，不清楚唉，我自己回家等通知吧 = =” 再一次感慨过去写过的代码，业务场景不复杂，都没有很多对线程的操作，印象中使用过的就是Thread.sleep()，更不用说多线程了……唉，需要学习的东西还有很多啊，好好学习，...
2018-07-24 11:41:39
272
转载 Dubbo学习笔记
在阿里的大神同学说阿里内部早已不再使用Dubbo了，已转为新研发出的分布式框架。不得不感慨阿里的技术研发真的是走在整个中国的前端呀，无比崇拜进入阿里工作的大神同学（星星眼~）。虽然dubbo已经退出了阿里的舞台，但目前依然是中小型企业的分布式解决方案首选，丰富的中文文档支持和应用经验，依然是十分火热的~此处鄙视一下自己，身在制造业传统IT四年时间里，竟然到今年才开始接触Dubbo，尚...
2018-07-23 09:36:18
142
转载 Mybatis返回插入记录的主键
如果是需要返回主键的插入操作，说明主键应该是自增长或者是随机的字符串or数字。首先了解一下<insert>的常用属性：（1）parameterType ，参数的全类名或类型别名（2）keyColumn ，设置数据表自动生成的主键名。对特定数据库（如PostgreSQL），若自动生成的主键不是第一个字段则必须设置（3）keyProperty ，默认值unset，用于设置g...
2018-07-20 19:16:28
159
转载 什么是微服务？
毫无疑问，微服务成为现在最受欢迎的架构，闭塞的我还是去年才开始听说和接触，缘于某个项目的供应商使用了Springboot，走的时候交接给我。其实好像到现在也没有完全理解微服务的含义和价值，反省反省…… 下面摘抄一些优秀博文的讲解和总结~ ----------------------------------------------------------...
2018-07-19 17:20:46
246
转载 消息队列 kafka 精讲
参考文章：分布式之消息队列复习精讲Kafka的拓扑架构图： 一个典型的Kafka集群中包含若干Producer（可以是web前端产生的Page View，或者是服务器日志，系统CPU、Memory等），若干broker（Kafka支持水平扩展，一般broker数量越多，集群吞吐率越高），若干Consumer Group，以及一个Zookeeper集群。Kafka通过Zooke...
2018-07-18 21:56:34
263
转载 Spring中的事务机制，@Transactional
参考博客：spring的@Transactional注解详细用法举了一个非常容易理解的例子：使用Spring中的 @Transactional注解控制事务
2018-07-18 21:48:37
94
原创 String的equals() 和 ==
昨天去面试，笔试题中有一道是 == 的使用，当时我以为的就是判断内存地址是否相同，确实也是，但是没有想到String常量还是蛮特别的。 以下是摘自网上的解释：public class StringDemo {public static void main(String[] args) { String s1 = "abc"; String s2 ...
2018-07-16 11:28:43
108
1
转载 Spring中的FactoryBean和BeanFactory
BeanFactory和FactoryBean其实没有什么比较性的，只是两者的名称特别接近，所以有时候会拿出来比较一番，BeanFactory是提供了IOC容器最基本的形式，给具体的IOC容器的实现提供了规范. FactoryBean可以说为IOC容器中Bean的实现提供了更加灵活的方式，FactoryBean在IOC容器的基础上给Bean的实现加上了一个简单工厂模式和...
2018-07-12 11:08:07
615
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人