网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
css transition 旋转
2021年05月26日
下面实现了一个旋转的效果，具体css代码如下：.mat-expansion-indicator { transition: transform .2s ease-in-out;}.mat-expansion-panel-spacing .mat-expansion-indicator { transform: rotate(180deg);}transition展开属性如下：trans...
“this”, “$this” 和 “$(this)”有什么区别
2021年05月18日
this: 引用您当前使用的处理程序中的DOM元素，但这在其他情况下可能完全是另一个对象，但这始终是上下文。$this: 通常是由var $this = $(this)jQuery包装版本的缓存版本创建的，以提高效率（或者$(this)在许多情况下，也可以通过连锁来获得相同的效果）。$(this): 元素的jQuery包装版本，因此您可以访问其所有方法（特别是其中的$.fn方法）。参考资料：1、W...
CSS transform相关理解
2021年05月18日
最近在使用transform变换，使用的是旋转，具体css样式如下：panelHeader.children(".mat-expansion-indicator").css({ 'transform': 'rotate(180deg)', 'transformOrigin': 'center', 'transitionDuration': '100ms'});这里使用的是jque...
js取整数、取余数的方法
2021年05月01日
Javascript取整的一些函数：取整：// 丢弃小数部分,保留整数部分 parseInt(5/2) // 2👆取整：// 向上取整,有小数就整数部分加1 Math.ceil(5/2) // 3👇取整：// 向下取整,丢弃小数部分 Math.floor(5/2) // 2四舍五入：// 四舍五入 Math.round(5/2) // 3取余：// 取余 6%4 // 2
D3.js v3 颜色系统
2021年05月01日
最近在使用D3.js v3的时候，需要要用到D3.js的颜色，具体定义颜色如下：第一颜色写法如下：d3.scale.category20()如果不是很了解，可以参考D3.js v3文档，地址：github - D3 wiki参考资料：1、d3 categorical colors & Google colors黄兵个人博客原创。转载请注明出处：黄兵个人博客 - D3.js v3 颜色系统
Javascript JSON着色插件
2021年04月20日
最近需要实现后端输出的Json数据着色，效果类似于下图所示：找到一个json-formatter-js的插件，项目地址：github - json-formatter-js具体用法文档已经很清楚了，再次不再多说，使用也很简单。效果页面，JSONFormatter
Javascript $含义
2021年04月20日
$在JavaScript中使用它并没有什么神秘之处。$只是一个有效的JavaScript标识符。JavaScript允许使用大写和小写字母，数字和$和_。在$旨在用于机器生成的变量（如$0001）。原型，jQuery和大多数javascript库都将$用作主要基础对象（或函数）。他们中的大多数人也有放弃$它的方法，以便可以将它与另一个使用它的库一起使用。在这种情况下，您可以使用jQuery而不是$...
Javascript显示大型整除存在的问题
2021年04月14日
最近服务器端返回了一个非常大的整数，通过Ajax调用返回，显示如下：3.382885249272611e+38服务器端返回的是整形数据，但是Javascript对大数字显示存在一些问题。解决方案：服务器端返回字符数据，不要返回整数。同时可以使用BigInt，但是兼容性存在一些问题（Javascript所有数字均为64位浮点数），可以看这里：BigInt 兼容性修改服务器端返回字符串之后终于正确显示...