HUANG QING BLOG

天行健，君子以自强不息。地势坤，君子以厚德载物。

CSS Grid Layout - How To Use

如何使用 CSS Grid 快速而又灵活的布局

CSS Grid(网格) 模块是创建网站布局一个非常棒的工具。它能使你快速地进行布局尝试，比你尝试过的任何其他布局系统都快。要创建的网格我们将模仿一个经典网站布局，从非常基本的 Grid(网格) 开始：首先，我将解释我们需要的 HTML 和 CSS ，我已经将其分解为四个部分。一旦你了解了这些，我们将继续进行布局试验。 1、HTML 结构我们需要的第一件事是一点 HT...

Posted by huangqing on March 16, 2018

JSON.parse() 和 JSON.stringify() – 高级用法

JSON对象的两个方法：JSON.parse() 和 JSON.stringify() 通常用做JSON对象和字符串之间的相互转换，这里不再详细介绍，你可以查看这篇文章。这里介绍一下，我主要介绍一下 JSON.parse() 和 JSON.stringify() 的高级用法，可以在实际应用中给我们带来一些方便。 JSON.parse() JSON.parse() 可以接受第二个参...

Posted by huangqing on March 16, 2018

Javascript Char Codes (Key Codes)

Key Code backspace 8 tab 9 enter 13 shift 16 ctrl 17 ...

Posted by huangqing on March 13, 2018

2017 年崛起的 JS 项目

和 2016年一样，又到了我们回顾 2017年 Javascript 领域发展与变化的时候。通过对比各项目过去 12 个月在 GitHub 上新增 star 数量，来评估其在 2017 年度的受关注程度，进而选出 2017 年度 JavaScript 领域崛起的明星项目。下列图表对比了各个项目在 Github 上于过去 12 个月新增的 star 数量。分析的数据来源为 bestof....

Posted by huangqing on January 22, 2018

主流浏览器内核介绍

内核浏览器内核又可以分成两部分：渲染引擎(Layout Engineer 或者 Rendering Engineer)和 JS 引擎。它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编...

Posted by huangqing on December 23, 2017

Python

Python Python 诞生之初就被誉为最容易上手的编程语言。进入火热的 AI 人工智能时代后，它也逐渐取代 Java，成为编程界的头牌语言。 Python 是一门新手友好、功能强大、高效灵活的编程语言，学会之后无论是想进入数据分析、人工智能、网站开发这些领域，还是希望掌握第一门编程语言，都可以用 Python 来开启无限未来的无限可能！语言排行榜编程之旅 Python...

Posted by huangqing on December 17, 2017

keycode

字母和数字键的键码值按键键码按键键码按键键码按键键码 A 65 J 74 S 83 1 49 B ...

Posted by huangqing on December 17, 2017

CSS3 Shadow

简介 The box-shadow CSS property is used to add shadow effects around an element’s frame. You can specify multiple effects separated by commas if you wish to do so. A box shadow is described by X an...

Posted by huangqing on December 10, 2017

纯CSS绘制三角形（各种角度）

上三角 #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid #D94E37; } 下三角 #t...

Posted by huangqing on December 9, 2017

前端跨域知识总结

什么是跨域只要协议、域名、端口有任何一个不同，都被当作是不同的域。之所以会产生跨域这个问题，主要就是安全问题。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。所以我们要通过一些方法使本域的 js 能够操作其他域的页面对象或者使其他域的 js 能操作本域的页面对象（iframe 之间）。同源策略同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果...

Posted by huangqing on December 3, 2017