Wion Wan

项目最近做任务排产，需要绘画甘特图，并且每两份一组，做了一个JQuery快速做了POC，实现了大部分功能，后来持续开发，做到了划定当前时间，任务多了后固定左侧列和顶部坐标轴行等等。分享博客的话就简单的分享一下做的POC吧。实现的初步效果如下分析：左侧的轴样式美观程度比较高，且需要分组，分类，我初次尝试echarts分组，样式自定义程度不好，距离还得xy算偏移量左侧使用css 右侧使用echarts，则会出现图表和css自定义的样式行对不上等等，分类随时还需要空一行每个不同的生产内容颜色区块.

定义组件import React,{Component} from "react";class App extends Component { render() { return <div className="App">hello wyh</div>; }}组件开头必须大写大写-组件标签小写-HTML标签和VUE一样，每一...

深度优先遍历则从某个顶点v出发，首先访问该顶点然后依次从它的各个未被访问的邻接点出发深度优先搜索遍历图，直至图中所有和v有路径相通的顶点都被访问到。若此时有其他顶点未被访问到，则另选一个未被访问的顶点作起始点，重复上述过程，直至图中所有顶点都被访问到为止。JS代码实现写了两个，一个是用递归的方式，一个是用while的方式深度优先 循环const deepTraversalLoop...

文章目录文件目录Store VUEXRouterpublic文件夹src/views去掉 build（根据config中的配置来定义规则）、config（配置不同环境的参数）文件夹NODE_ENVbaseUrl 和 publicPath使用mockJS文件目录原来的文件目录现在的文件目录Store VUEX原来项目的vuex状态管理需要自己 install的，并不包括在搭建...

最近好好梳理基础知识啦，关系图示之~原型、构造函数、原型对象、实例instanceof

文章目录原型链继承构造继承实例继承拷贝继承组合继承寄生组合继承原型链继承// 原型链继承; var M = function(name) { this.name = name; }; M.prototype.say = function() { console.log(this.name) } var B = funct...

端午两个下午做了一个前后端都自己动手的小程序demo，用来熟悉小程序开发流程和node的开发后端开发框架Koa，过程还算比较顺利。完成的基本功能mpvue+vant 搭建了一个template，可以快速开始小程序的前端开发配置后端koa的server，对接到腾讯云修改为本地开发环境，对接本地的MySQL等数据库的增删改查路由的跳转读取MySQL生成Excel，返回文件到前端，微信端...

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

需求：UI图设计的1366px，产品希望往大了适配，字体和div宽度都需要适配实际页面宽；设置rem节点适配例如设计的UI图尺寸是1366宽的，则正常页面往下滚动的是情况下，输入UI图设计的尺寸，可以是1366，也可以是1920 等；于是就用rem单位适配，根据根节点换算，关于单位相关的文章之前总结过：理解CSS常见的px/em/rem/vh/vw尺寸单位以下代码运行框架是Vue；...

最近忙碌，但是也要总结一下最近遇到的一些问题，查漏补缺文章目录遇到的问题：watch的深度监听deep:true 导致了 Maximum call stack size exceeded记录遇到的问题：页面动态扩展，从没有滚动条到出现滚动，导致页面抖动记录：遇到的问题：vertical-align 设置什么情况下才会起作用记录：遇到的问题：vue Webpack打包后的dist 文件夹中新增除...

Webpack核心理念entry 一个可执行模块或库的入口文件。Module，模块，在Webpack中一切皆模块，一个模块即为一个文件。Webpack会从Entry开始递归找出所有的依赖模块。chunk 多个文件组成的一个代码块，例如把一个可执行模块和它所有依赖的模块组合和一个 chunk 这体现了webpack的打包机制。loader 文件转换器，例如把es6转换为es5，scss转...

场景一个按钮点击即可请求数据，但是会遇到的场景时，疯狂点击后，请求持续发送，若遇到某个接口加载比较缓慢，会有以前的来数据被拿到页面上来用，看到的便不是及时更新的数据；axios 如何解决axios提供传递一个 executor 函数到 CancelToken 的构造函数来创建 cancel token；从而打断之前的请求，保留最后一次新的项目使用的VUE，于是 clickItem() {...

因为今天在给一个项目做一个小demo，用到了jQuery，想起用了VUE之后就没怎么用过jQuery做DOM操作了；于是感慨到virtual DOM的好处，于是想着回家整理整理什么时候 virtual DOM ？为什么存在virtual DOM？用JS模拟虚拟的DOM结构，生成虚拟的DOM，当数据更新是，对比DOM的变化，只更新需要更新的数据，从而减少"昂贵"的DOM操作；为了提高DOM重...

网页卷去的距离与偏移量方便直观下面有一张图：scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离 ，即左边灰色的内容。scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离 ，即上边灰色的内容。offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 。of

今天在慕课网上做了Tab选项卡的特效，刚开始写不太顺手，CSS写出来效果都不太理想，后来参考了别人的思路，自己修改了一下，终于有了最终效果。下面是正确的源码。 JavaScript特效-Tab选项卡 /* CSS样式制作 */ *{margin:0;padding:0;font:normal 12px "微软雅黑";color:#0000

今天写代码，用到createTextNode，发现好像功能和innerHTML是一样的，于是查阅了网上的资料了。一、createTextNode 例如:12345var element = document.createElement("div");element.className = "message"

基本概念什么是javascript? 基于对象的、事件驱动的、与平台无关的、弱类型的脚本语言。 强类型和弱类型？ 在声明变量时，必须指定变量的类型，则为强类型的语言。 在声明变量的时候，不需要指定变量的类型，则为弱类型的语言。javascipt在html页面中的执行顺序？ javascript在html页面的任何位置都行，执行顺序为从上往下，但是建议大家放在

学了Ajax，今天来一个总结 首先什么是Ajax：Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。直白的说就是实现局部刷新：提升用户的体验。（jsp：同步方案（顺序流执行的））在Ajax中，有几个技术要结合用： 静态部分：HTML，CSS，用于美化外观。 JavaScript：Jav

总结的Vue机制内部运行概览思维导图:VUE机制内部运行概览思维导图文字版本：初始化以及挂载 来自于：new Vue()之后 调用分方法：_init 初始化生命周期、事件、 props、 methods、 data、 computed 与 watch 之后： $mount 会挂载组件 编译template编译 parse 会用正则等方式解析 tem...

Vue.js 是一款 MVVM 框架：核心实现就是响应式系统；理解这里的响应式指的是数据的响应式模拟视图更新使用Object.defineProperty 封装方法function cb(val) { /* 渲染视图 */ console.log(&quot;视图更新啦~&quot;);}function defineReactive(obj, key, val) { Object.defin...

缓存淘汰策略先进先出策略 FIFO（First In，First Out）最少使用策略 LFU（Least Frequently Used）最近最少使用策略 LRU（Least Recently Used）。各种链表结构底层的存储结构看数组需要连续的、足够大的储存空间链表不需要连续的内存空间，通过“指针”将一组零散的内存块串联起来单链表为了把所有的节点串起来，...

题目给定一个字符串，请你找出其中不含有重复字符的 最长子串 的长度。示例 1:输入: "abcabcbb"输出: 3 解释: 因为无重复字符的最长子串是 "abc"，所以其长度为 3。示例 2:输入: "bbbbb"输出: 1解释: 因为无重复字符的最长子串是 "b"，所以其长度为 1。示例 3:输入: "pwwkew"输出: 3解释: 因为无重复字符的最长子串是 ".

本周开始要算法题连击了，准备用JS在LeetCode上每周刷三道算法题；今天第一天：JS解决两数之和问题；题目给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，你不能重复利用这个数组中同样的元素。示例：给定 nums = [2, 7, 11, 15], target = ...

今天在写js作业的时候，没注意用到了几个 window.onload，发现打开测试的时候有冲突，导致没有效果出现。上网查阅了资料，发现解决办法。如果在一个页面中有两个JavaScript 分别都用到了window.onload一个是:window.onload=function(a){...}，另一个是:window.onload=function(b){...}就造成了一个JavaS