网站前端

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

最近在使用表单的时候，默认点击按钮会通过 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 的概念。下面提到的是它的不同类型。默认构造函数如果构造函...