05 2018 档案
摘要：1，vw、vh、vmin、vmax 的含义 （1）vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位 1，代表类似于 1%。 视窗(Viewport)是你的浏览器实际显示内容的区域—，换句话说是你的不包括
阅读全文
摘要：一、css作用域 之前一直很困扰css的作用域问题，即使是模块化编程下，在对应的模块的js中import css进来，这个css仍然是全局的。导致在css中需要加上对应模块的html的id/class 使用css选择器 保证css的作用域不会变成全局 而被其它模块的css污染。 在vue中引入了sc
阅读全文
摘要：Scoped CSS规范是Web组件产生不污染其他组件，也不被其他组件污染的CSS规范。 vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素，它是通过使用PostCSS来改变以下内容实现的： 一、混合使用全局属性和局部属性 二、关于子组件的根元素 使用
阅读全文
摘要：一、devServer 1、作用：通过devServer，可以在NodeJS架设起临时的服务器用于项目的运行与调试。 module.exports = { // webpack-dev-server 相关配置 devServer: { open: true, inline: true, host:
阅读全文
摘要：在 typescript 里面，有两个概念十分容易混淆，那便是 type 和 interface，它俩都可以用来表示 接口，但是实际使用上会存在一些差异 一、相同点 它俩就是对 接口定义 的两种不同形式，目的都是一样的，都是用来定义 对象 或者函数 的形状 1、interface 如何定义接口或函数
阅读全文
摘要：案例一 父组件parent.vue 子组件child.vue 上面按照这里的解析，子组件的html中的{{childData}}的值会随着父组件的值而改变，但是created里面的却不会发生改变(生命周期问题) 案例二 parent.vue child.vue created里面的却不会发生改变，
阅读全文
摘要：一、watch 使用方法 1、handler方法和immediate属性 这里 watch 的一个特点是，最初绑定的时候是不会执行的，要等到 firstName 改变时才执行监听计算。那我们想要一开始就让他最初绑定的时候就执行改怎么办呢？我们需要修改一下我们的 watch 写法，修改过后的 watc
阅读全文
摘要：DefinePlugin 用来做定义，这就类似于我们项目开发中的config文件一样，在config文件中一般放的是系统代码中的一些服务器地址之类的公共信息，我们将这些信息提取出来单独放在配置文件中，方便于后期的维护和管理。 那 DefinePlugin 的功能和 config 这个文件类似，我们可
阅读全文
摘要：1、可以看官网api的入门例子 使用常见的对象数组的格式 第一个默认时x轴，后面是y轴 2、项目应用： 数据格式： 数据： 效果：
阅读全文
摘要：一、Echarts的legend改变图例图标为自定义图片 当折线图时，legend默认时rect形式，如果需要改图例形状，可以自己设置legend的icon属性 legend: { icon:'stack' }, 1、自定义每个图例样式：为data的每个对象修改icon属性 legend:{ sho
阅读全文
echarts使用记录（三）：x/y轴数据和刻度显示及坐标中网格显示、格式化x/y轴数据、echarts 图例显示到右边、折线图平滑曲线、echarts图例不显示问题、让x轴刻度居中、柱状图显示背景色
摘要：1、去掉坐标轴刻度线，刻度数据，坐标轴网格，以Y轴为例，同理X轴 xAxis: [{ type: 'category', axisTick: {//决定是否显示坐标刻度 alignWithLabel: true, show:false }, axisLabel:{ //决定是否显示数据 show:f
阅读全文
摘要：一、即时通讯的产生需求背景及历史简述 Web应用的通信过程通常是客户端通过浏览器发出一个请求，服务器端接收请求后进行处理并返回结果给客户端，客户端浏览器将信息呈现。这种机制对于信息变化不是特别频繁的应用可以良好支撑，但对于实时要求高、海量并发的应用来说显得捉襟见肘，尤其在当前业界移动互联网蓬勃发展的
阅读全文
摘要：WebSocket protocol 是HTML5一种新的协议，它实现了浏览器与服务器全双工通信(full-duple)。刚开始的握手需要借助HTTP请求完成，在 WebSocket API，浏览器和服务器只需要做一个握手的动作，然后浏览器和服务器之间就形成了一条快速通道，两者之间就直接可以数据互相
阅读全文
摘要：1、业务背景 图形实时从后台获取数据，让图形从最右边出现，每隔一秒向左移一位，当最左边的数据移到Y轴时，最左边的数据移出屏幕，最右边增加一个数。实现一个从右往左动画的效果 2、先看下项目中的demo解决实例 让数据从最右边出，不重复说了，利用数组的length特性 其次就是对数据的处理：当数组长度大
阅读全文
摘要：有多种解决方案 1、vue静态资源 vue中为网页增加favicon的最便捷的方式为使用link标签 先在static目录下添加favicon，至于为什么要在static下加，待会解释 然后，在index.html入口加上引入的link标签 然后build打包即可，就不会再报这个错误。 解释： 从h
阅读全文
摘要：处理三维数据做图表，比如返回的数据就是一个个list，list里面某几个数据同属于一个维度，项目中的实例效果如下： 上面的khfx会有多个，比如db1、db2、db3等，下面的那些数据也会变化，目前需求就是做的下面的实现单选，可以使用echarts的legend的selectedMode实现，然后上
阅读全文
摘要：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。 使用Vue开发项目
阅读全文
摘要：一、原因 js代码是运行在内存中的，代码运行时的所有变量、函数也都是保存在内存中的。 刷新页面，以前申请的内存被释放，重新加载脚本代码，变量重新赋值，所以这些数据要想存储就必须存储在外部，例如：Local Storage、Session Storage、Index DB等。这些都是浏览器提供的API
阅读全文
摘要：一、官方文档 路由元信息：定义路由的时候可以配置 meta 字段 那么如何访问这个 meta 字段呢？ 首先，我们称呼 routes 配置中的每个路由对象为 路由记录。路由记录可以是嵌套的，因此，当一个路由匹配成功后，他可能匹配多个路由记录。 例如，根据上面的路由配置，/foo/bar 这个 URL
阅读全文
摘要：一、RSS 是什么 1、RSS - 网站的海报，信息自动更新 在解释RSS是什么之前，让我先来打一个比方。读大学的时候，我有个习惯，就是每天要去看食堂后面的海报栏。在那里，会贴出各种各样最新的消息，比如哪个系要开讲座了、星期二晚上的电影放什么、二手货转让等等。只要看一下海报栏，就会对学校的各种活动心
阅读全文
摘要：一、理解什么是伪类？什么是伪元素？ 1、伪类种类 伪类作用对象是整个元素 a:link{color:#111} a:hover{color:#222} div:first-child{color:#333} div:nth-child（3）{color:#444} 尽管这些条件不是基于DOM的，但结
阅读全文
摘要：一、实现前端分页 按照他的文档来写分页，最主要的是el-table里面展示的数据怎么处理 <el-table :data="AllCommodityList.slice((currentPage-1)*pagesize,currentPage*pagesize)" border style="wid
阅读全文
摘要：Mock.js 是一个模拟数据生成器，利用它，可以拦截ajax请求，直接模拟返回数据，这样前后端只要约定好数据格式，前端就不需要依赖后端的接口，可以直接使用模拟的数据了。 网上介绍mock的教程也较多，不过大多数看的比较模糊。其实使用起来非常简单，这里介绍在Vue工程中使用Mockjs，并且实现开发
阅读全文
摘要：Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。 Express 框架核心特性： 可以设置中间件来响应 HTTP 请求。 定义了路由表用于执行不同
阅读全文
摘要：一、web模块 Web服务器一般指网站服务器，是指驻留于因特网上某种类型计算机的程序，Web服务器的基本功能就是提供Web信息浏览服务。它只需支持HTTP协议、HTML文档格式及URL，与客户端的网络浏览器配合。大多数 web 服务器都支持服务端的脚本语言（php、python、ruby）等，并通过
阅读全文
摘要：一、GET/POST请求 在很多场景中，我们的服务器都需要跟用户的浏览器打交道，如表单提交。表单提交到服务器一般都使用 GET/POST 请求。 1、获取GET请求内容 由于GET请求直接被嵌入在路径中，URL是完整的请求路径，包括了?后面的部分，因此你可以手动解析后面的内容作为GET请求的参数。n
阅读全文
摘要：有些数据被使用之后，可能就不再需要了，我们把这种数据称为垃圾数据。 如果这些垃圾数据一直保存在内存中，那么内存会越用越多，所以我们需要对这些垃圾数据进行回收，以释放有限的内存空间。 一、不同语言的垃圾回收策略 通常情况下，垃圾数据回收分为手动回收和自动回收两种策略。 如 C/C++ 就是使用手动回收
阅读全文
摘要：1、有时候legend比较多的时候，需要做翻页比较好，有个属性legend的type属性设置为scroll，然后animation可以控制动画，官方文档均可查。 再就是scrollDataIndex，就是默认从哪一项开始翻页。 然后有个问题就是虽然legend可以显示分页，但是series却没法跟随
阅读全文
摘要：为了让Node.js的文件可以相互调用，Node.js提供了一个简单的模块系统。 模块是Node.js 应用程序的基本组成部分，文件和模块是一一对应的。换言之，一个 Node.js 文件就是一个模块，这个文件可能是JavaScript 代码、JSON 或者编译过的C/C++ 扩展。 一、创建模块 在
阅读全文
摘要：1、设计校验方式： 我们表单验证的rules一般封装一个单独的js文件，比如我之前写的这个博客： ElementUI使用问题记录：设置路由+iconfont图标+自定义表单验证 可以修改下：公共的校验写在公共里面，个性化的校验写在methods里面 :rules="[rules.password,{
阅读全文
摘要：Stream 是一个抽象接口，Node 中有很多对象实现了这个接口。例如，对http 服务器发起请求的request 对象就是一个 Stream，还有stdout（标准输出）。 Node.js，Stream 有四种流类型： Readable - 可读操作。 Writable - 可写操作。 Dupl
阅读全文
摘要：JavaScript 语言自身只有字符串数据类型，没有二进制数据类型。 但在处理像TCP流或文件流时，必须使用到二进制数据。因此在 Node.js中，定义了一个 Buffer 类，该类用来创建一个专门存放二进制数据的缓存区。 在 Node.js 中，Buffer 类是随 Node 内核一起发布的核心
阅读全文
摘要：一、EventEmitter 类 Node.js 所有的异步 I/O 操作在完成时都会发送一个事件到事件队列。 Node.js里面的许多对象都会分发事件：一个net.Server对象会在每次有新连接时分发一个事件， 一个fs.readStream对象会在文件被打开的时候发出一个事件。 所有这些产生事
阅读全文
摘要：这些东西要是有精力和时间可以通读echarts文档，里面都有配置详细介绍。该博客只是把自己使用echarts遇到的问题记录下，并不全，加深印象，抛砖引玉而已，完整学习的请移步官方文档 1、legend设置单选 修改图例legend颜色，定义color数组，对应图例即可 2、添加缩放滚动 加上data
阅读全文
摘要：vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也
阅读全文
摘要：一、创建应用 如果我们使用PHP来编写后端的代码时，需要Apache 或者 Nginx 的HTTP 服务器，并配上 mod_php5 模块和php-cgi。从这个角度看，整个"接收 HTTP 请求并提供 Web 页面"的需求根本不需要 PHP 来处理。 不过对 Node.js 来说，概念完全不一样了
阅读全文
摘要：一、Nginx概述 nginx是一款自由的、开源的、高性能的HTTP服务器和反向代理服务器；同时也是一个IMAP、POP3、SMTP代理服务器；nginx可以作为一个HTTP服务器进行网站的发布处理，另外nginx可以作为反向代理进行负载均衡的实现。这里主要通过三个方面简单介绍nginx：反向代理、
阅读全文
摘要：一、Nginx刷新显示404问题 当你使用nginx部署项目之后，通过首页进入访问页面正常，F5刷新之后出现错误 404 not found。 当你使用 history 模式时，URL 就像正常的 url，例如 http://yoursite.com/user/id，也好看！ 不过这种模式要玩好，还
阅读全文
