自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 Vue 项目 build 流程解析(webpack工具解析)

Vue 项目 build 流程解析(webpack工具解析)注:本篇文章解析框架为 vue2.0本篇文章通过解析简单的项目打包步骤试着去了解我们的 Vue 项目是怎么打包的。build.js 干了什么首先我们贴上 build.js 代码,方便后续解读:'use strict'// 版本校验解析require('./check-versions')()process.env.NODE_ENV = 'production'// 引用解析const ora = require('ora')

2021-12-15 14:44:23 7712 2

原创 接口拦截及数据模拟方案:Mock.js

Mock.js什么是Mock.js在我们开发中,经常能碰见这样的问题:前端开发的进度快于后端接口的开发,这种情况之下,前端通常只能等待后端接口开发完毕或者依据后端提供的接口文档将数据在代码中写死,前者会浪费前端大量人力,而第二种会很麻烦(少量数据还勉强能造出来,但是需要较多的数据测试的话,尤其是造一些非文本类数据会特别麻烦),因此 MockJs 就是为了优化这一流程而出现的。那 MockJs 到底是干什么的呢?官网首页已经说的很清楚明了:生成随机数据,拦截 Ajax 请求。也就是说,它类似于代理工具

2021-12-06 21:43:37 3048

原创 动态数据获取方案:SSE、WebSocket

动态数据获取方案:SSE、WebSoket前述在项目需求中,我们常常能够遇到需要实时获取状态的需求,例如获取某某任务是否完成状态,或者当其他用户做出操作时,界面需要实时提醒,这些需求通常需要我们实时地从后台取得当前状态,但由于 HTTP 请求是单向的(只能由客户端发起),所以通常使用轮询的方式去获取最新状态,这样的获取方式需要一直发送请求,无端增大浏览器与服务器性能消耗,明显不是很好的解决方案,本文将会介绍通过介绍及简单实现 SSE及 WebSoket 两种方案介绍非轮询式动态数据获取方案。技术介绍

2021-10-20 14:20:34 3009

原创 echarts图形开发常用参数集合

echars图形开发常用参数集合本文档提供展示当前较为常用参数,具体配置请参照 echars官网0. 公共配置项配置项中有很多公共配置项,如文字,容器,线样式等,该模块将该配置项提出,后续不再重复写入0.1 字体样式{ color: '#0000FF', // 字体颜色 fontStyle: 'normal', // 字体类型 fontWeight: 'bold', // 字体粗细 fontFamily: 'sans-serif', // 字体风格 font

2021-08-23 15:41:35 937

原创 canvas动画

canvas与动画1. 什么是canvascanvas 是一个可以使用脚本(通常为 JavaScript 来绘制图形的 HTML 元素.例如,它可以用于绘制图表、制作图片构图或者制作简单的(以及不那么简单的)动画.<canvas> 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard,随后被各个浏览器实现。如今,所有主流的浏览器都支持它。Canvas API 提供了一个通过 JavaScript 和 HTML 的 canvas 元素来绘制图形的方式。它可以用于

2021-05-10 13:46:07 2696

原创 Three.js材料及光照属性测试

关于Three.js中camera部分属性测试界面-材料及光照测试新增了three.js中一些元素的测试熟悉,包括光照、相机类型、光照类型、材料类型 ( 贴图类型当前似乎有点问题,上传完毕后不会马上显示贴图 ,需要旋转才能显示,后续解决)<html> <head> <meta charset="utf-8" /> <style> .container { display: flex; }

2021-04-05 14:58:49 131

原创 关于Three.js中camera部分属性测试界面

关于Three.js中camera部分属性测试界面最近学习Three.js时觉得图形形状很有趣,于是做出了一些模拟的动态图与camera属性测试的页面,因为对我这种初学者来说,想要理解这些属性就要学着边改边理解,但是重复修改代码会很麻烦,希望这个页面可以帮助初学者理解其中的一些属性,需导入three.js&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHT...

2018-03-18 19:10:32 756

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除