网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
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 兼容性修改服务器端返回字符串之后终于正确显示...
Javascript IP地址验证
2021年04月13日
下面代码是验证输入是否是IPv4地址的Javascript代码：function ValidateIPAddress(IPAddress) { let IPFormat = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0...
Javascript禁止按钮单击提交事件
2021年04月13日
最近在使用Javascript的时候，使用Ajax提交数据，但是单击按钮的时候页面会刷新，这个不是我们要的效果，需要禁止单击按钮事件，具体代码如下：$("#cidr-convert").click(function (event) { // 禁止点击事件 event.preventDefault(); const cidr_selected = $("#cidr-mdc-text...
flex: 1 0 auto; 理解
2021年03月20日
最近看到在使用Flex布局的时候，有如下写法：.flex-no-shrink { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto; box-sizing: border-box;}这里flex是简写，是flex-grow, flex-shrink和flex-basis合并。第二和第三参数（flex-sh...
Jquery获取滚动条距离页面顶部的高度
2021年03月16日
下面是使用Jquery获取滚动条到页面顶部的高度：function set_cart_styles() { const $scroll_height = $(document).scrollTop(); if ($scroll_height > 144) { $(".cart-header-wrapper").addClass("cart-header-wrapper-f...
html figure 理解
2021年03月09日
下面是figure的说明：HTML <figure> 元素代表一段独立的内容, 经常与说明（caption） <figcaption> 配合使用, 并且作为一个独立的引用单元。当它属于主内容流（main flow）时，它的位置独立于主体。这个标签经常是在主文中引用的图片，插图，表格，代码段等等，当这部分转移到附录中或者其他页面时不会影响到主体。下面是代码示例：<figure> <div cl...