黄庆的博客 | HUANG QING BLOG

浏览器全屏显示

IE、现代浏览器

现代浏览器包括IE11，可以直接用h5的全屏api实现低版本的IE需要通过ActiveX插件实现现代浏览器 //全屏 function fullScreen() { var el = document.documentElement; var rfs = el.requestFullScreen || el.webkitRequestFullScreen ...

Posted by huangqing on November 11, 2019

Vue企业开发实战

第1章项目架构设计技术栈: 自动化工具（Gulp、Grunt）前端组件化框架（Vue.js、React.js）前端工程化（一套技术思想）前端模块化（SeaJS、RequireJS、ECMAScript）选型：Vue.js+Webpack Node 包管理工具NPM，淘宝镜像CNPM（npm install -g cnpm --registry...

Posted by huangqing on November 5, 2019

大屏数据可视化设计

一、基础概念 1. 什么是数据可视化把相对复杂、抽象的数据通过可视的方式以人们更易理解的形式展示出来的一系列手段叫做数据可视化，数据可视化是为了更形象地表达数据内在的信息和规律，促进数据信息的传播和应用。在当前新技术支持下，数据可视化除了“可视”，还可有可交流、可互动的特点。数据可视化的本质是数据空间到图形空间的映射，是抽象数据的具象表达。 2. 什么是大屏数据可视化大屏...

Posted by huangqing on October 24, 2019

Learn Vue - Component

组件

组件注册 Vue.component('my-component-name', { /* ... */ }) 强烈推荐遵循 W3C 规范中的自定义组件名 (字母全小写且必须包含一个连字符)。这会帮助你避免和当前以及未来的 HTML 元素相冲突。全局注册 Vue.component('my-component-name', { // ... 选项 ... }) 局部注册 ...

Posted by huangqing on September 25, 2019

Learn Vue - Base

基础

安装调试工具：Vue Devtools 脚本引入：直接使用<script>:开发版、生产版 CDN: jsdelivr \ unpkg \ cdnjs NPM: npm install vue 命令行工具（CLI）： SPA单页面应用 batteries-included构建设置热重载保存时lint校验生产环境构建版本构...

Posted by huangqing on September 24, 2019

使用KaTeX渲染数学公式

公式渲染在Word中，我们经常用到公式编辑器，来编辑数学公式。但是，在网页上，如何方便地插入数学公式呢？比如像这样的公式： \(x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}\) 一个简单的方法是把公式做成图片，但是图片既不好排版，又很难缩放。最好的方法是用文字来描述数学公式，把渲染的工作交给引擎，这样就可以方便地编辑公式。实际上，在文字处理领域，早就有...

Posted by huangqing on August 20, 2019

现代前端技术解析

1. Web前端技术基础 JavaScript前端语言在Node.js服务器端也可以进行高效的开发。 Node.js是基于Chrome V8 引擎的 JavaScript 运行环境，使用事件驱动、非阻塞式I/O的模型 Node.js 的包管理器为 npm Koa：一个简洁高效的 Node.js 端 Web 框架前端开发实现模式演变：静态黄页服务器组装动态...

Posted by huangqing on July 26, 2019

服务器返回的各种HTTP状态码介绍

HTTP状态码（HTTP Status Code）是用以表示网页服务器HTTP响应状态的3位数字代码。它由 RFC 2616 规范定义的，并得到RFC 2518、RFC 2817、RFC 2295、RFC 2774、RFC 4918等规范扩展。所有状态码的第一个数字代表了响应的五种状态之一。 100系列码从100到199范围的HTTP状态码是信息报告码。基于各种原因考虑，大多数情况...

Posted by huangqing on July 1, 2019

平台前端重构清单

新建一个平台开发使用的通用方法库提供一些常用的通用的方法：数组、对象、日期操作提取重构XML to JSON 相关方法。从平台basepage.js中，提取并重构支持使用JSON动态创建控件的相关方法。 ...

Posted by huangqing on June 12, 2019

Glup 使用工具汇总

gulp-concat:文件合并 gulp-connect：在本地开启一个websocket服务，使用liveReload实现实时更新 gulp-watch：监听文件的变化，配合connect实现服务自动刷新 gulp-plumber：实时更新错误不会导致终端gulp运行开启的服务断开 gulp-livereload:即时重整 gulp-clean:清理档案 g...