网站前端

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...