- 博客(98)
- 收藏
- 关注
RSS订阅原创 ECharts画分类甘特图
项目最近做任务排产，需要绘画甘特图，并且每两份一组，做了一个JQuery快速做了POC，实现了大部分功能，后来持续开发，做到了划定当前时间，任务多了后固定左侧列和顶部坐标轴行等等。分享博客的话就简单的分享一下做的POC吧。实现的初步效果如下分析：左侧的轴样式美观程度比较高，且需要分组，分类，我初次尝试echarts分组，样式自定义程度不好，距离还得xy算偏移量左侧使用css 右侧使用echarts，则会出现图表和css自定义的样式行对不上等等，分类随时还需要空一行每个不同的生产内容颜色区块.
2020-06-04 10:25:29
2117
原创 算法题连击-Z字型变换
之前这道题没看懂，想着二维数组去做，今天突然看了一下输出，居然不需要输出z型的数组，只需要输出拼接的字符串，于是灵感来了。描述将一个给定字符串根据给定的行数，以从上往下、从左到右进行 Z 字形排列。比如输入字符串为 “LEETCODEISHIRING” 行数为 3 时，排列如下：L C I RE T O E S I I GE D H N之后，你的输出需要...
2020-03-01 23:50:28
281
原创 算法题连击-盛最多水的容器
描述给定 n 个非负整数 a1，a2，…，an，每个数代表坐标中的一个点 (i, ai) 。在坐标内画 n 条垂直线，垂直线 i 的两个端点分别为 (i, ai) 和 (i, 0)。找出其中的两条线，使得它们与 x 轴共同构成的容器可以容纳最多的水。说明：你不能倾斜容器，且 n 的值至少为 2。示例：输入: [1,8,6,2,5,4,8,3,7]输出: 49解题...
2020-03-01 22:48:53
256
原创 项目部署遇到的一些问题总结
项目开发中途决定采用的云效自动化部署，和本地环境还有一点差异，也遇到了一些问题，于是总结如下。项目采用的VUE CLI3 构建lintOnSave导致项目编译失败报错本地的配置 lintOnSave 写的是开启，本地打包没问题，但是线上自动化打包就持续的报错，报错内容如下：vue-cli-service build- Building for production... ER...
2020-01-08 21:52:10
3585
3
原创 React TodoList功能案例 学习笔记
定义组件import React,{Component} from "react";class App extends Component { render() { return <div className="App">hello wyh</div>; }}组件开头必须大写大写-组件标签小写-HTML标签和VUE一样，每一...
2019-12-16 23:19:00
243
原创 浏览器渲染原理
最近看到一篇浏览器渲染的文章，读后笔记记下来。浏览器的进程Browser进程主进程，协调用户的操作。主控子进程的管理，提供存储功能渲染进程将HTML、css、js转换成我们的主页网络进程网络资源的加载GPU进程解决性能问题插件进程插件的运行插件容易崩溃，所以用这个进程来隔离一个浏览器包含一个browser主进程、一个GPU进程、...
2019-11-17 21:38:32
204
原创 深度优先遍历和广度优先遍历
深度优先遍历则从某个顶点v出发，首先访问该顶点然后依次从它的各个未被访问的邻接点出发深度优先搜索遍历图，直至图中所有和v有路径相通的顶点都被访问到。若此时有其他顶点未被访问到，则另选一个未被访问的顶点作起始点，重复上述过程，直至图中所有顶点都被访问到为止。JS代码实现写了两个，一个是用递归的方式，一个是用while的方式深度优先 循环const deepTraversalLoop...
2019-11-04 22:46:28
636
原创 Vue Cli3搭建的Vue框架和2对比以及基本的使用
文章目录文件目录Store VUEXRouterpublic文件夹src/views去掉 build（根据config中的配置来定义规则）、config（配置不同环境的参数）文件夹NODE_ENVbaseUrl 和 publicPath使用mockJS文件目录原来的文件目录现在的文件目录Store VUEX原来项目的vuex状态管理需要自己 install的，并不包括在搭建...
2019-10-29 00:44:44
746
原创 npm run dev&build的流程梳理
Webpack核心理念entry 一个可执行模块或库的入口文件。Module，模块，在Webpack中一切皆模块，一个模块即为一个文件。Webpack会从Entry开始递归找出所有的依赖模块。chunk 多个文件组成的一个代码块，例如把一个可执行模块和它所有依赖的模块组合和一个 chunk 这体现了webpack的打包机制。loader 文件转换器，例如把es6转换为es5，scss转...
2019-10-11 11:32:38
7941
原创 最近做Vue前端项目时遇到的一些问题总结以及解决方案
最近忙碌，但是也要总结一下最近遇到的一些问题，查漏补缺文章目录遇到的问题：watch的深度监听deep:true 导致了 Maximum call stack size exceeded记录遇到的问题：页面动态扩展，从没有滚动条到出现滚动，导致页面抖动记录：遇到的问题：vertical-align 设置什么情况下才会起作用记录：遇到的问题：vue Webpack打包后的dist 文件夹中新增除...
2019-09-17 00:18:35
9848
原创 上下左右垂直居中的几种方式
今天居中，顺便捋一捋几种方式吧flex 方式给父级设置justify-content: center;，并且设置所有子集的对齐默认方式align-items: center;;也可以给每个子集单独设置子集的对齐方式align-self: center;.farther{ height: 200px; width: 200px; border:1px solid ...
2019-09-08 15:38:27
2645
原创 根据UI图设计的大小换算REM单位以及大屏页面全屏展示
需求：UI图设计的1366px，产品希望往大了适配，字体和div宽度都需要适配实际页面宽；设置rem节点适配例如设计的UI图尺寸是1366宽的，则正常页面往下滚动的是情况下，输入UI图设计的尺寸，可以是1366，也可以是1920 等；于是就用rem单位适配，根据根节点换算，关于单位相关的文章之前总结过：理解CSS常见的px/em/rem/vh/vw尺寸单位以下代码运行框架是Vue；...
2019-08-19 13:57:56
1797
原创 HTTP协议温故笔记190728
文章目录输入网址回车，后面发生了什么浏览器从地址栏的输入中获得服务器的 IP 地址和端口号浏览器用 TCP 的三次握手与服务器建立连接HTTP报文长相常见的八种请求类型安全与幂等响应状态码常见的五类响应状态码输入网址回车，后面发生了什么浏览器从地址栏的输入中获得服务器的 IP 地址和端口号；浏览器用 TCP 的三次握手与服务器建立连接；浏览器向服务器发送拼好的报文；服务器收到报文后处理...
2019-07-28 00:08:24
141
原创 element UI table表格实现拖拽改变行高和列宽
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-07-16 22:46:14
19247
6
原创 Nginx配置的那些七七八八事
最近做小程序，除了前后端归自己弄，上线配置HTTPS和Nginx都是我这了~好吧 好吧，看过之前也看过一些Nginx，就着这个机会，汇总一下Nginx的配置吧（centerOS 7 系统）安装默认centerOS没有Nginx的源，需要自行设置sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-releas...
2019-07-11 00:15:51
154
原创 mpvue+vant+koa2+Wafer2+Router小程序前后端开发采坑过程记录
端午两个下午做了一个前后端都自己动手的小程序demo，用来熟悉小程序开发流程和node的开发后端开发框架Koa，过程还算比较顺利。完成的基本功能mpvue+vant 搭建了一个template，可以快速开始小程序的前端开发配置后端koa的server，对接到腾讯云修改为本地开发环境，对接本地的MySQL等数据库的增删改查路由的跳转读取MySQL生成Excel，返回文件到前端，微信端...
2019-06-10 21:29:08
1943
1
原创 JS实现继承的几种方式样例
文章目录原型链继承构造继承实例继承拷贝继承组合继承寄生组合继承原型链继承// 原型链继承; var M = function(name) { this.name = name; }; M.prototype.say = function() { console.log(this.name) } var B = funct...
2019-06-03 22:21:21
280
原创 FDCon2019 PPT分享以及memo整理
FDCon2019 中国前端开发者大会PPT分享以及每场memo整理总结前两周很荣幸代表公司参加FDCon2019 中国前端开发者大会，现在搜集各处组委会各处资料以及自己的笔记整理下来放在这和大家一起分享，整场听下来，前端各个“轮子”以及技术栈越来越多，而且每年都在推陈出新，每个企业和前端开发者都需要找到合适自己的技术栈进行钻研和深入，底层的思想都是互相融合想通的；关于前端的中台化之路，听了...
2019-05-23 23:44:50
1015
2
原创 解决移动端的300ms延迟
最近做移动端，想起之前见过这个问题，于是在项目里汇总也一并解决掉为什么会有300ms延迟300 毫秒延迟的主要原因是解决双击缩放(double tap to zoom)。双击缩放，顾名思义，即用手指在屏幕上快速点击两次，iOS 自带的 Safari 浏览器会将网页缩放至原始比例。当用户一次点击屏幕之后，浏览器并不能立刻判断用户是确实要打开这个链接，还是想要进行双击操作。因此，iOS Saf...
2019-04-25 21:24:11
480
原创 axios 解决请求重复提交并进一步封装全系统重复请求拦截
场景一个按钮点击即可请求数据，但是会遇到的场景时，疯狂点击后，请求持续发送，若遇到某个接口加载比较缓慢，会有以前的来数据被拿到页面上来用，看到的便不是及时更新的数据；axios 如何解决axios提供传递一个 executor 函数到 CancelToken 的构造函数来创建 cancel token；从而打断之前的请求，保留最后一次新的项目使用的VUE，于是 clickItem() {...
2019-04-25 20:28:44
3928
原创 理解虚拟DOM(virtual DOM) 、浅谈diff算法的实现
因为今天在给一个项目做一个小demo，用到了jQuery，想起用了VUE之后就没怎么用过jQuery做DOM操作了；于是感慨到virtual DOM的好处，于是想着回家整理整理什么时候 virtual DOM ？为什么存在virtual DOM？用JS模拟虚拟的DOM结构，生成虚拟的DOM，当数据更新是，对比DOM的变化，只更新需要更新的数据，从而减少"昂贵"的DOM操作；为了提高DOM重...
2019-03-27 23:48:24
642
原创 服务器端渲染（SSR）和客户端渲染（CSR）的区别，以及优化首屏的一些思考
今天考虑一个项目性能问题的时候想到这个知识点，想着就梳理一下：SSR：Server side render将组件或页面通过服务器生成html字符串，再发送到浏览器，简单理解下来，发了一个请求，服务器返回的不是接口数据，而是一整个页面的HTML结构，再结合界面之前定义的CSS把页面展示出来；VUE 服务器渲染文档SSR优点例如SEO–因为访问一个请求，返回的就是页面全部的HTML结构...
2019-03-26 23:18:34
7360
原创 理解CSS常见的px/em/rem/vh/vw尺寸单位
最近在做手机端和PC端的项目，用到了CSS单位的问题，于是想着空下来把CSS单位部分的知识自己写写CSS梳理一下；CSS中常见的单位px–最常见的，页面按照精准样式展示;属于绝对单位；em–基准点为父节点字体的大小，如果自身定义了font-size按自身来计算；也就是说这个em不是一个固定值，属于相对单位；rem–相对单位，r可以看作为 ”root“,结合em，理解为相对根节点HTML的...
2019-03-25 22:20:24
713
原创 算法题连击-寻找两个有序数组的中位数
题目给定两个大小为 m 和 n 的有序数组 nums1 和 nums2。请你找出这两个有序数组的中位数。你可以假设 nums1 和 nums2 不会同时为空。示例 1:nums1 = [1, 3]nums2 = [2]则中位数是 2.0示例 2:nums1 = [1, 2]nums2 = [3, 4]则中位数是 (2 + 3)/2 = 2.5解题执行用时: 276 m...
2019-01-30 20:28:37
136
原创 算法题连击-JS实现无重复字符的最长子串判断
题目给定一个字符串，请你找出其中不含有重复字符的 最长子串 的长度。示例 1:输入: "abcabcbb"输出: 3 解释: 因为无重复字符的最长子串是 "abc"，所以其长度为 3。示例 2:输入: "bbbbb"输出: 1解释: 因为无重复字符的最长子串是 "b"，所以其长度为 1。示例 3:输入: "pwwkew"输出: 3解释: 因为无重复字符的最长子串是 ".
2019-01-23 11:46:08
671
1
原创 算法题连击-JS实现两数之和问题
本周开始要算法题连击了，准备用JS在LeetCode上每周刷三道算法题；今天第一天：JS解决两数之和问题；题目给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，你不能重复利用这个数组中同样的元素。示例：给定 nums = [2, 7, 11, 15], target = ...
2019-01-22 23:30:33
919
原创 算法与数据结构 | 链表2 / 正确的写出链表代码
理解指针或引用的含义将某个变量赋值给指针，实际上就是将这个变量的地址赋值给指针，或者反过来说，指针中存储了这个变量的内存地址，指向了这个变量，通过指针就能找到这个变量。警惕指针丢失和内存泄漏p->next = x; // 将 p 的 next 指针指向 x 结点；x->next = p->next; // 将 x 的结点的 next 指针指向 b 结点；以...
2019-01-22 20:47:07
147
原创 算法与数据结构 | 链表 / 从链表到JS判断字符串回文
缓存淘汰策略先进先出策略 FIFO（First In，First Out）最少使用策略 LFU（Least Frequently Used）最近最少使用策略 LRU（Least Recently Used）。各种链表结构底层的存储结构看数组需要连续的、足够大的储存空间链表不需要连续的内存空间，通过“指针”将一组零散的内存块串联起来单链表为了把所有的节点串起来，...
2019-01-17 15:41:13
256
原创 算法与数据结构 | 数组 / 为什么数组下标从0开始编号？
什么是数组？数组（Array）是一种线性表数据结构。它用一组连续的内存空间，来存储一组具有相同类型的数据如何实现随机访问线性表数据排成像一条线一样的结构。每个线性表上的数据最多只有前和后两个方向除了数组，链表、队列、栈等也是线性表结构。非线性表如二叉树、堆、图等。之所以叫非线性，是因为，在非线性表中，数据之间并不是简单的前后关系。连续的内存空间和相同类型的数据...
2019-01-16 22:24:10
235
原创 算法与数据结构 | 时间复杂度分析 / 更准确的描述代码的时间复杂度
文章目录数据结构与算法概述复杂度分析大O复杂度表示法时间复杂度分析几种常见时间复杂度实例分析空间复杂度分析复杂度坐标图复杂度分析的四个知识点数据结构与算法概述什么是数据结构？什么是算法？从广义上讲，数据结构就是指一组数据的存储结构。算法就是操作数据的一组方法。从狭义上讲，是指某些著名的数据结构和算法，比如队列、栈、堆、二分查找、动态规划等。算法和数据结构直接的关系数据结构是为...
2019-01-16 21:54:08
355
原创 2019年大型立flag现场
写在前面大三下学期，痴迷学习各种技术，然后汇总成文档和学习记录放在CSDN；后来工作了，理应得到更多贴合实际场景的技术积累，遗憾却未能及时总结汇总，实习一年、工作两年CSDN博客也就荒废了。18年年底，受一个同事的影响，“良心发现”，觉得自己应该及时总结，查漏补缺，既是对自己过去的一个记录，也是对未来目标的一个参考。于是重新来；新年新气象1. 算法–爱你不容易：极客时间的算法专栏全部...
2019-01-07 19:37:21
2108
原创 前端为什么取不到后端接口带过来的sessionID的值？
通过document.cookie拿不到截图中的sessionID；但是能取到csrfTOKEN；仔细看图这个sessionID的HTTP状态打了勾，则表示HttpOnly，当这个值设为true时，浏览器是无法读取这个cookie值的，只有服务端能够读取。前端不能拿取，这是为了防止xss攻击；尝试修改这个值，之后接口请求都会报错为未登录状态；所以，这个值是不让在前端getter,set...
2019-01-03 23:50:34
6307
原创 Vue内部运行机制剖析-模拟Vue的响应式原理
Vue.js 是一款 MVVM 框架：核心实现就是响应式系统；理解这里的响应式指的是数据的响应式模拟视图更新使用Object.defineProperty 封装方法function cb(val) { /* 渲染视图 */ console.log("视图更新啦~");}function defineReactive(obj, key, val) { Object.defin...
2019-01-03 23:47:14
371
原创 Vue内部运行机制剖析--思维导图总结
总结的Vue机制内部运行概览思维导图:VUE机制内部运行概览思维导图文字版本：初始化以及挂载 来自于：new Vue()之后 调用分方法：_init 初始化生命周期、事件、 props、 methods、 data、 computed 与 watch 之后： $mount 会挂载组件 编译template编译 parse 会用正则等方式解析 tem...
2019-01-03 23:44:49
848
原创 Docker 常用命令和知识点整理
最近尝试在docker容器构建前端环境，结合持续集成，做自动化部署；于是简单的了解实践了docker，整理如下，备查1. 定制镜像和容器的使用界限：Dockerfile： 处理环境集成或者添加特殊依赖使用。容器：处理环境配置使用。2. 常用命令：镜像查询： docker search镜像下载： docker pull镜像删除： docker rmi-f 【强行移...
2018-12-03 15:29:23
242
原创 每天五个java相关面试题（10）--java基础详解篇2
一、HashMap和Hashtable的区别。 1、Dictionary类 2、线程安全。二、final, finally, finalize的区别。 1、每个类都有finalize()方法嘛？为什么？三、sleep() 和 wait() 有什么区别?四、Overload和Override的区别。Overloaded的方法是否可以改变返回值的类型?五、error和exception有什么区别?
2015-08-26 20:23:30
921
1
原创 每天五个java相关面试题（9）--java基础详解篇1
面向对象的特征有哪些方面继承父类一定需要实现父类的方法嘛？何为抽象类？在继承的时候我们有时候需要重写父类的方法，那么重写和重载的区别是什么？Collection 和 Collections的区别Collection接口在Java 类库中有有哪些具体的实现？String 、StringBuilder、Stringbu和StringBuffer的区别运行时异常与一般异常有何异同?什么是线程安全？
2015-08-25 00:06:18
1350
原创 每天五个java相关面试题（8）--spring篇
首先呢，如果有从事前端开发的大神或者准备从事前端开发的小伙伴欢迎加我的QQ： 845415745。即将走入工作的菜鸟大学生有关于前端开发的职业问题想请教或者一起探讨一下，谢谢谢谢。今天依旧不变的每日五个1使用Spring框架的好处是什么？答： 轻量： Spring 是轻量的，基本的版本大约2MB。 控制反转： Spring通过控制反转实现了松散耦合，对象们给出它们的依赖，而不是创建或查找依赖的
2015-08-23 00:32:06
2058
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人