文摘分类

【设计模式+原型理解】第一章：使用Javascript来巧妙实现经典的设计模式

刚开始学习设计模式之前，我是没想说要学习设计模式的，我是因为想学习JS中的原型知识，一开始我想JS中为什么要存在原型这个东西？于是慢慢接触设计模式，后来发现我这个过程是非常正确的，即先学习设计模式，......

doclist 发布于 2019/2/20 0:05:10 阅读(14) 评论(0)

CSS中盒模型的理解

今天突然看到一篇关于CSS中盒模型的文章，忽然觉得自己竟然遗忘了很多小的地方，所以写一篇文章来记忆一下（摘抄于千与千寻写的CSS盒子模型理解，并在自己基础上添加了一些东西，希望更完善，对大家有帮助） 1.基本的盒模型知识 CSS cs......

doclist 发布于 2019/2/19 13:46:19 阅读(11) 评论(0)

JavaScript与WebAssembly进行比较

本文由云+社区发表作者：QQ音乐前端团队在识别和描述核心元素的过程中，我们分享了构建SessionStack时使用的一些经验法则，这是一个轻量级但健壮且高性能的JavaScript应用程序，以帮助用户实时查看和重现其Web应......

doclist 发布于 2019/2/18 11:58:19 阅读(12) 评论(0)

Kute一个非常好用的Javascript动画框架

Kute是一个非常小的Javascript原生动画引擎，并提供一个jquery的插件。Kute提供了贝赛尔曲线的缓动函数，基于物理特征的缓动函数。他的原型结构让Kute不但突显了它的高性能和灵活性，同时也支持大部分的基础CSS/......

tntxia 发布于 2019/2/18 9:17:58 阅读(9) 评论(0)

基于 HTML5 的工业组态高炉炼铁 3D 大屏可视化

前言　　在大数据盛行的现在，大屏数据可视化也已经成为了一个热门的话题。大屏可视化可以运用在众多领域中，比如工业互联网、医疗、交通、工业控制等等。将各项重要指标数据以图表、各种图形等形式表现在一个页面上，各种数据一目了然。随着浏览器不断......

doclist 发布于 2019/2/18 8:52:54 阅读(14) 评论(0)

基于 HTML5 WebGL 的地铁站 3D 可视化系统

前言工业互联网，物联网，可视化等名词在我们现在信息化的大背景下已经是耳熟能详，日常生活的交通，出行，吃穿等可能都可以用信息化的方式来为我们表达，在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监......

doclist 发布于 2019/2/18 8:33:28 阅读(11) 评论(0)

HTML5之2D物理引擎 Box2D for javascript Games 系列翻外篇--如何结合createJS应用box2d.js

太久没有更新了，新年回来工作，突然有收到网友的邮件提问，居然还有人在关注，惭愧，找了下电脑上还有一点儿存着，顺便先发这一个番外篇吧，好歹可以看到真实的效果，等我考完英语，一定会更新下一章，“愤怒的小鸟篇” 此篇，并不是......

doclist 发布于 2019/2/17 15:23:15 阅读(19) 评论(0)

css3常用动效以及总结

(迁移自旧博客2017 08 06) CSS3 文本效果： box-shadow：盒子阴影，可以给卡片添加提高美化效果。可广泛应用于内容展示页面。 <div class="card"> <di......

doclist 发布于 2019/2/17 10:14:23 阅读(14) 评论(0)

js 计算当年还剩多少时间的倒数计时 javascript 原理解析【复制到编辑器查看推荐】

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont......

doclist 发布于 2019/2/16 22:03:58 阅读(14) 评论(0)

简单css实现input提示交互动画效果

通过基础CSS实现输入提示交互动画效果，并兼容各浏览器！ 1.效果展示 2.css代码 h4 { margin: 30px 0; }......

doclist 发布于 2019/2/16 17:52:00 阅读(13) 评论(0)

python+unittest+requests+HTMLRunner编写接口自动化测试集

问题描述：搭建接口测试框架，执行用例请求多个不同请求方式的接口实现步骤： ① 创建配置文件config.ini，写入部分公用参数，如接口的基本url、测试报告文件路径、测试数据文件路径等配置项 1 [DATABASE]......

doclist 发布于 2019/2/16 15:54:57 阅读(11) 评论(0)

CSS Grid 布局完全指南(图解 Grid 详细教程)

CSS Grid 布局是 CSS 中最强大的布局系统。与 flexbox 的一维布局系统不同，CSS Grid 布局是一个二维布局系统，也就意味着它可以同时处理列和行。通过将 CSS 规则应用于父元素 ......

doclist 发布于 2019/2/15 20:20:01 阅读(12) 评论(0)

JavaScript键盘鼠标事件处理

监听键盘鼠标事件监听某个按键事件当键盘上的某个键被按下时，会依次触发一次下面的事件： onkeydown: 键盘按下这个动作（按下键盘） onkeypress: 键盘被按住（一直按着键盘不动） onkeyup: 键盘被弹起（松开键......

doclist 发布于 2019/2/15 1:07:51 阅读(16) 评论(0)

前端通信：ajax设计方案（九）--- 完善文档

ajax-js 1.9.1 文档目录 * common(options, isCreatePoll) * config(options) * get(url, data, successEvent, errorEvent, tim......

doclist 发布于 2019/2/13 17:14:18 阅读(9) 评论(0)

三种方法实现CSS三栏布局

本文由云+社区发表作者：前端林子本文会分别介绍三种CSS实现三栏布局的方法，可在浏览器中打开查看效果 1.方法一：自身浮动的方法实现方法：需要左栏向左浮动，右栏向右浮动，中间设左右margin来撑开距离 <!DOCT......

doclist 发布于 2019/2/13 11:32:30 阅读(9) 评论(0)

JavaScript类型相关常用操作

JS数组，字符串，json互相转换 JS数组转字符串使用数组自带的join方法可以把数组转化为字符串： let arr = [1,2,'uu']; let str = arr.join(','); co......

doclist 发布于 2019/2/13 10:24:05 阅读(8) 评论(0)

javascript引擎执行的过程的理解--执行阶段

一、概述同步更新sau交流学习社区（nodeJSBlog）：javascript引擎执行的过程的理解--执行阶段 js引擎执行过程主要分为三个阶段，分别是语法分析，预编译和执行阶段，上篇文章我们介绍了语法分析和预编译阶段，那么我们......

doclist 发布于 2019/2/13 9:34:56 阅读(11) 评论(0)

基于 WebGL 的 HTML5 楼宇自控 3D 可视化监控

前言智慧楼宇和人们的生活息息相关，楼宇智能化程度的提高，会极大程度的改善人们的生活品质，在当前工业互联网大背景下受到很大关注。目前智慧楼宇可视化监控的主要优点包括: 智慧化 -- 智慧楼宇是一个生态系统，像人一样拥有感知能力、自我判......

doclist 发布于 2019/2/13 8:50:36 阅读(10) 评论(0)

JavaScript 深拷贝（deep copy）和浅拷贝（shallow copy）

参考: 【进阶4-1期】详细解析赋值、浅拷贝和深拷贝的区别 How to differentiate between deep and shallow copies in JavaScript 在编程语言中......

doclist 发布于 2019/2/12 19:54:42 阅读(7) 评论(0)

css加载会造成阻塞吗

本文由云+社区发表作者：嘿嘿嘿可能大家都知道，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？接下来，我就来对css加载对DOM树的解析和渲染的影响做一个测试。为了完成本次测试，先来科普一下......

doclist 发布于 2019/2/12 18:09:01 阅读(8) 评论(0)