网站前端

SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,Web 1.0时代,网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。

各种各样的框架让人目不暇接,新技术层出不穷。让我们这些前端狗情何以堪。

目前web前端工程师的年薪待遇平均在10万以上,高级HTML前端工程师年薪达30—50万,很多企业对于与web前端相关的技术职位更是求贤若渴。

Angular disable 导致无法获取值的解决办法

2022年05月25日

最近再使用 Angular 写后台的时候,出现 FormControl Disable() 无法获取值,下面是示例代码:从后端获取值:getCloudEmailSubscribeInfo() { this.loading = true; this.sub = this.phoneNumber.getEmailSubscribeInfo(this.data.id).subscribe(r...

Javascript 取消事件默认行为

2022年05月21日

最近在使用表单的时候,默认点击按钮会通过 action 值提交到后端,导致无法在表单出现问题的时候,无法很好的给出提示,所以决定使用 Javascript JQuery.ajax() 向后台提交数据,所以首先是需要取消表单按钮的默认事件动作。取消默认事件的方法有下面三种方式:cancelabledefaultPreventedpreventDefault()returnValue我们在使用的时候,...

jQuery bind() 动态绑定无效解决方案

2022年05月12日

最近帮朋友写一个商城,在使用 jQuery .ajax() 动态生成内容时候,使用 .bind() 绑定,点击却无效。👇是示例代码:function checkoutAreaBox1IdAttr() { // checkout 页面用户选择送货地址动作 $("#province_boxIdAttr .group_item").bind("click", function ()...

Google reCAPTCHA 异步加载的方式总结

2022年04月25日

Google reCAPTCHA 作为一个可保护您的网站免受垃圾邮件和滥用。它使用先进的风险分析技术来区分人类和机器人。但是他的 js 库在加载的时候也是特别大,如果不适用异步加载,将严重影响网站加载速度,给用户带来不好的体验。我们看看如何使 Google reCAPTCHA 异步加载,下面是前端代码:<script src="https://recaptcha.net/recaptcha/api...

Javascript string false boolean

2022年04月20日

最近遇到一个类型为 string 的字符串,值为:false,如果直接判断,可能我们的想法相去甚远。所以需要将 string 类型的 false 转换成 boolean 类型。最佳写法:var isTrueSet = (myValue === 'true');上面使用了恒等运算符 ( ===),当比较变量具有不同类型时,它不会进行任何隐式类型转换。参考资料:1、How can I convert ...

新项目 webpack 打包基本步骤

2022年04月19日

在使用 Flask 开发的应用,由于 js、css、image 文件分散各处,同时页面加载的时候也需要一个个加载,不利于 SEO,同时会拖慢页面加载速度,所以 webpack 应运而生,使用 webpack 可以将这些文件打包,下面是官方的原理图:由于官方方方面面都讲了,导致我们很难知道一个新项目我们应该如何使用 webpack,应该怎么设置,我面我根据我的总结,写下了这篇总结性的文章,文章中难免...

reset.css

2022年04月02日

最近在写前端页面,浏览器的默认行为导致显示出现问题,所以需要重置浏览器的默认样式。这里给出的重置样式是故意非常通用的。例如:body,没有为元素设置任何默认颜色或背景。我不特别建议您在自己的项目中以未更改的状态使用它。它应该被调整、编辑、扩展或以其他方式调整以匹配您的特定重置基线。为页面、链接等填写您喜欢的颜色。下面是重置浏览器的默认样式 css 代码:/* http://meyerweb.com...

Angular 构造函数

2022年03月28日

作为基于类的面向对象编程的一部分,构造函数是指用于创建对象的一种特殊类型的方法。它被大量用于初始化类及其子类。类被定义为一个模板,用于指定对象中存在的变量的名称和类型。作为该类的默认方法,它会创建该类的一个新实例。需要注意的主要部分是它是类(TypeScript 或 JavaScript ES2015/ES6)的特性,而不是 Angular 的概念。下面提到的是它的不同类型。默认构造函数如果构造函...