前端javascript工程师 经验
轻量前端框架能否与小程序结合应用？
前端框架一般指用于简化网页设计的框架，使用广泛的前端开发套件，比如，jquery，extjs，bootstrap等等，这些框架封装了一些功能，比如html文档操作，漂亮的各种控件（按钮，表单等等），使用前端框架可以帮助快速地搭建网站。 框架是提供一套完整的解决方案，按照规定好的代码结构来做编排，使用 ......
优秀的前端工具FinClip Studio 有哪些值得期待的价值点？
现今，移动应用程序已成为一项重要的技术，人们几乎在所有方面都使用移动应用程序，包括社交媒体、电子商务、娱乐、健康和生产力等领域。用户对移动应用程序的体验和功能需求越来越高，这意味着开发人员需要花费更多的时间和精力来确保应用程序的质量和用户体验。幸运的是，现在有许多可用的移动应用程序开发平台和资源，这 ......
什么是前端应用开发的 LCP（Largest Contentful Paint) 指标
在网页性能优化的领域里，LCP（Largest Contentful Paint，最大内容绘制）是一个非常重要的性能指标。它测量的是从页面开始加载到页面的 "主要内容 " 完全呈现在屏幕上所需的时间。换句话说，LCP 是测量用户何时看到页面的 "主要内容 " 的指标。 在理解 LCP 之前，我们需要 ......
JavaScript 基础知识
运营商 运算符对数据进行操作。它们有多种形式，包括算术运算符（+、-、*、/）、比较运算符（==、!=、<、>）和逻辑运算符（&&、||、!） 控制流语句 控制流语句根据特定条件控制代码块的执行顺序。它们包括if-else语句、switch语句和循环。 数组 数组是数据项的有序集合。它们允许您使用单 ......
前端建立WebSocket连接
Web Sockets是H5提供的在web应用程序中客户端与服务器端之间进行的非HTTP的通信机制。 当服务器想向客户端发送数据时，可以立即将数据推送到客户端的浏览器中，无需重新建立连接。只要客户端有一个被打开的socket（套接字）并且与服务器建立了连接，服务器就可以把数据推送到这个socket上 ......
JavaScript Date对象 、日期求差案例 、 购物秒杀倒计时、日历
一、创建Date对象 var dateObj=new Date(); var now = Date.now() 当前时间 二、Date方法 1、将日期转为字符串 toLocaleString() toLocaleDateString() toLocaleTimeString() 2、获取年、月、日、 ......
理解Asynchronous JavaScript：使用Axios获取数据
Today's learning journey has taken me through the intricacies of using Axios, a promisted based HTTP client, for fetching data from public API using n ......
JavaScript中实现异步编程模式的4种方法,回调函数、事件监听、发布/订阅、Promises对象：
下面哪些方法可以用于JavaScript 异步模式的编程？ A 回调函数 B 事件监听 C 发布/订阅 D Promise对象 正确答案：ABCD 参考答案： 回调函数，这是异步编程最基本的方法。 事件监听，另一种思路是采用事件驱动模式。任务的执行不取决于代码的顺序，而取决于某个事件是否发生。 发布 ......
在Javascript中，函数定义分为三种方法：函数声明，函数表达式和使用Function构造函数
在Javascript定义一个函数一般有如下三种方式 1，函数关键字(function)语句： function fnMethodName(x){alert(x);} (最常用的方法) 2，函数字面量(Function Literals)： var fnMethodName = function(x ......
JavaScript复习——04 事件
事件对象 事件对象是由浏览器在外面触发事件的时候创建的，这个对象封装了各种事件相关的各种信息 例如： 鼠标的位置 键盘的按键 浏览器创建事件对象后，会将事件对象作为响应参数传递 在DOM类型中有多种不同类型的事件对象，但是他们都一个祖先Event event.clientX：获取鼠标的X轴坐标 ev ......
2111【软件工程实践 · 团队项目】 第三次作业
团队分工 收集资料、对组员进行指导 类图 用例图 状态图 活动图 总结并撰写博客 唐嘉浩 杨坤 李积渊用例图 白皓宇 唐嘉浩 尹子扬 类图 状态图 用例图 活动图 工具选择 1）在制图时，我们选择先是手画概念图，然后再从电脑上借助工具进行画图，做一些细致规划作图。 2）在工具选择时，如WPS、sta ......
go test个人经验（持续更新）
名称规范 算不上规范。 是我使用 Goland生成 test func的时候的自动命令规则，所以记录一下。 为某个函数编写测试方法： func Foo() error func TestFoo(t *testing.T) { } 为某个struct的方法测试： type Client struct ......
git--从ysyx中吸取经验教训
起因： 当时是在做ysyx中红白模拟机部分 运行脚本执行不成功 报错 报了两处 一个是断言错误 一个是makefile里的一个image的变量 后面在进行答疑会由同学和助教指出是因为分支的错误 我也从来没想过这个错误 并且过程中debug时候对于git指令显得尤其不熟悉 下面大概总结了比较经典的用法 ......
JavaScript--正则表达式
正则表达式 判断用户名/密码 var reg = /^\w{6,12}$/; var flag = reg.test(username); 判断手机号，1开头并且11位数字 var reg = /^[1]\d{10}$/; var flag = reg.test(tele); function te ......
JavaScript案例--表单验证
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
软件工程读后感5-编写有效用例2
最近，我阅读了编写有效用例的第二部分：经常讨论的主题。当满足如下要求时，才算完成任务：已经命名了与系统相关的全部主执行者及其用户目标、捕获了系统的全部触发条件、编写了所有用户目标用例以及必要的概要用例和子功能用例、每个用例描述足够清晰、投资方确认用例集覆盖了他们所有的需求。过去，我对于什么时候才算完 ......
原生JavaScript 与 jQuery 执行Ajax请求
原生JavaScript和jQuery都可以用来执行Ajax请求，以下是它们的基本实现方式的比较： 原生JavaScript实现Ajax请求： var xhr = new XMLHttpRequest(); xhr.open("GET", "https://api.example.com/data" ......
解决Vue前端跨域问题
1、在项目目录下面建立config 配置包 2、在配置包下建立CorsConfig类 3、该类里面的代码参考下面 package com.example.projectyuan.config; import org.springframework.web.filter.CorsFilter; imp ......
前端Vue框架请求后台之request封装axios
1、第一步，安装axios ，在 vue项目 里面 输入 npm i axios -S 2、第二步，在vue项目中创建util 工具包，在里面创建request.js文件 3、request.js文件里面的代码参考下面 import axios from 'axios'; const request ......
一个很漂亮的鼠标移动特效，Javascript 脚本，可惜复制到博客园配置适配效果不好
一个很漂亮的鼠标移动特效，Javascript 脚本，可惜复制到博客园配置适配效果不好，暂时记录一下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(json.cn)</title> </head> <body> <s ......
JavaScript--事件监听
事件绑定 dom属性绑定 <input type="button" id = "btn" value="点我"> <script> // document.getElementById('myImgine').src = 'images/open.jpg'; document.getElementB ......
JavaScript-3
JavaScript-3 onmousemove 该事件将会在鼠标在元素中移动时被触发 <style> #a1{ width: 200px; height:100px; border: 2px solid red; } #a2{ width: 200px; height: 50px; border: ......
Lodash-前端 js工具库
官网：Lodash 简介 | Lodash中文文档 | Lodash中文网 (lodashjs.com) import _ from 'lodash' const dialogHandler = (val) => { if (val) { listCompanyByCurrentUserIdFn() ......
JavaScript 中的数字在计算机内存中占8个Byte
关于Javascript中数字的部分知识总结： 1.Javascript中，由于其变量内容不同，变量被分为基本数据类型变量和引用数据类型变量。基本类型变量用八字节内存，存储基本数据类型(数值、布尔值、null和未定义)的值，引用类型变量则只保存对对象、数组和函数等引用类型的值的引用(即内存地址)。 ......
《软件工程：一种实践方法》读书笔记一
它把作为一本书按惯例该讲的历史部分形式一下就一段话带过，但是其中一个来自《人月传说》的形象的比喻深深吸引了我的眼球：“……正像一只逃亡的野兽落到泥潭中做垂死的挣扎，越是挣扎，陷得越深，最后无法逃脱灭顶的灾难。……程序设计工作正像这样一个泥潭，……一批批程序员被迫在泥潭中拼命挣扎，……谁也没有料到问题 ......
关于W3C制定的 JavaScript 标准事件模型，先事件捕获从windows > document 往下级直到 特定的事件节点，然后进行事件处理，再事件冒泡，从特定节点往上级，这个完整的过程
关于W3C制定的 JavaScript 标准事件模型，先事件捕获从windows > document 往下级直到 特定的事件节点，然后进行事件处理，再事件冒泡，从特定节点往上级，这个完整的过程 dom2规定的事件流包括3个阶段： ①事件捕获， ②处于目标阶段（事件处理）， ③事件冒泡阶段。 DOM ......
嗨，别着急做度量，平台工程需要先从“数据治理”开始做起
最近一直想写一篇关于“数据治理”和“度量相关”的话题，一直太忙，今天静下心来写点自己的体会 先从平台工程说起 DevOps的兴起源于企业有意弥合运维与开发之间的裂隙，但在实施过程中有部分企业简单粗暴地将其理解为“让开发人员去负责运维的工作”，甚至让高级开发人员接管了运维角色，导致了开发渐渐不堪重负。 ......
与其他 IEEE 754 表示浮点数的编程语言一样，JavaScript 的 number 存在精度问题，比如 0.2 + 0.4 的结果是 0.6000000000000001。以下选项中，能得到 0.6 的是？
与其他 IEEE 754 表示浮点数的编程语言一样，JavaScript 的 number 存在精度问题，比如 0.2 + 0.4 的结果是 0.6000000000000001。以下选项中，能得到 0.6 的是？ A parseFloat(0.2 + 0.4) B parseFloat((0.2 ......