qq_42984640的博客

原创 前端工程师知识体系

原创 在element-ui + axios中，使用formData实现文件上传

2.使用axios处理文件上传1.在template中,使用element-ui的el-upload组件上传文件//在data中定义的数据,isupload_pic_success: false, // 默认初始化上传不成功<el-upload action="https://jsonplacehoder.typeicon.com/posts/" :show-file...

原创 echarts常用配置

上图为echarts图表的区域分布图，如需调整对应区域的数据，只需要找到对应的区域进行配置就好了

原创 吴军硅谷来信-工作效率篇+职业发展

吴军的硅谷来信工作效率篇不做伪工作者问题每天要做的事太多，总是忙不过来, 而且还因此而产生焦虑互联网是一个迭代的过程,新问题不断的涌现,不存在清空列队的可能性观点不应该追求完成了百分之几/百分之几十，而是完成了哪几件重要的事一个聪明的员工应该善于找到最重要的工作, 而且优先完成他们原因每天应付事务性工作的人，为perduso worker => 伪工作者虽然很忙但是对部门或公司发展产生什么重大效果方案针对管理者针对管理者：要让员工站在"做什么才能使公司收益最

原创 解决echarts 双Y轴配置+传入1天数据展示5天数据

Echarts双Y轴问题+ X轴传入一个数据展示5个刻度传入一天的数据，默认展示了5天的数据双Y轴，左右2边被切成不同的份数，左边 5个刻度，右边4个刻度传入左边的做大值，最小值 然后 最大值最小值赋给 max min传入一天的数据，默认展示了5天的数据期望的结果，当只传入一天的数据的时候，只展示一天的时间刻度由于官方文档关于 xAxis 的刻度预估是切成5段的，这个预估值比较坑也就是说不管你传入的是几个数据，都会默认切成5端展示通过配置 xAis的 splitNumber 为1，以及 s

原创 设置/取消淘宝镜像和如何清除淘宝镜像cnpm

需求由来由于node安装插件是从国外服务器下载，受网络影响大，速度慢且可能出现异常。所以如果npm的服务器在中国就好了，所以我们乐于分享的淘宝团队（阿里巴巴旗下业务阿里云）干了这事。来自官网：“这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。也就是说我们可以使用阿里布置在国内的服务器来进行node安装。1.下载c...

原创 服务器与客户端的通信之websocket

1.httphttp是客户端/服务器模式中请求-相应的所用的协议,在这种模式中,客户端(i一般指web浏览器)向服务器提交http请求,服务器响应请求的资源http的特点http是半双工协议,也就是说,在同一时刻数据只能单向流动,客户端服务器发送请求(单向的),然后服务器响应(单向的).服务器不能主动推送数据给浏览器2.双向通信Commet是 一种用于web推送的技术,能使服务...

原创 node.js路由入门

node的功能: 通过分析URL路径,分发到相应的控制器中, 一个路由对应的是一个或多个负责请求调用的js文件,主要处理包括业务逻辑、请求的拦截、捕获、处理简单的路由分发分为3个部分1.创建一个简单的http服务2.创建路由的处理方法，对于不同的路径请求给予不同的数据返回3.根据不同的路径，分发不同的处理后的内容创建一个简单的http服务const http = require("...

原创 http必须知道的

HTTP简介：HTTP(HyperText Transfer Portocol, 超文本传输协议),是互联网广泛运用的一种网络传输协议,所有的WWW文件都必须遵守这个协议。Http 是一个基于TCP/IP 通信协议来传递数据(HTML文件,查询结果)HTTP工作原理：Http 协议工作与客户端-服务器端架构上, 浏览器作为HTTP客户端的RUL向HTTP服务器即WEB服务器发送请求。We...

原创 封装原生ajax

一、ajaxajax 全称’Asychronous JavaScript And XML(异步JavaScript and XML)'是指一种创建交互式网页的开发技术、改善用户体验、实现无刷新效果。优点a、不需要插件支持b、页面无跳转,使用异步的方式与服务器通信,具有更加快速的响应能力, 优秀的用户体验。c、提高Web程序性能d、可以把一些服务器负担的工作转到客户端，利用客户端闲置的...

原创 Vuex入门

什么是vuexvuex官方解释: Vuex 是一个专为vue.js 应用程序提供的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生改变。实现步骤1.搭建vue脚手架2.项目目录src下新建vuex目录和index.js通常设计store对象都包含4个属性：state,getters,actions,mutations如何...

原创 webpack入门

webpack入门如果不指定配置文件代码结构如图,想要实现隔行变色,如果使用页面的形式就要引入通过script标签引入jquery，每引入一次就会向服务器发一次请求发现使用import 进来的语法,浏览器无法识别,此时我们就需要用到webpack,将es6语法转成浏览器识别的es5语法如图文件1.npm install webpack -g2.在控制台输入 webpack ./sr...

原创 Promise

Promisepromise是异步编程的一种解决方案,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常为一个异步操作)的结果。从语法上pormise是一个对象,可以从改对象身上获取到异步操作的消息从图片中可以看出Promsie是一个构造函数,原型上哟catch、finallythen等方法promise共有3种状态pending:初始状态,默认就是pending状态(...

原创 在模块化开发中如何使用mock模拟数据

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