前端 碎片javascript化学
前端体验优化（2）——基建
在 2020 年刚加入公司的时候，我就确定要持续推进基建的建设，经过这几年的沉淀，完成了从 0 到 1 的跨越。 基建的目的是解决各类技术或业务问题，沉淀通用技术能力，提升工作效率，降低开发成本，直接或间接助力业务开展。 接下来会围绕项目重构、组件化、标准化、工具化、自动化、文档化和页面规范化几个方 ......
JavawebDay2JavaScript
1.脚本：不用经过编译 2. 与Java语言完全不同但是基础语法类似 一：js引入方式 第一种： 第二种 1*alert：当进入文档时会跳出一个警告框。such as： 二：js基础语法 1书写语法 2输出语句 window.可以省略 三：基础语法 1变量 var特点：a：作用域比较大，全局变量，在 ......
前端: 1.解构表达式;2字符串模板
解构表达式,定义一个数组 <script> // 解构表达式,定义一个数组 // 数组解构 let arr = [1,2,3]; let[a,b,c] = arr; //快速的将内容赋值到指定的变量上面 // const [a,b,c] = arr; console.log(a,b,c) // 对象 ......
[JavaScript] JS中如何跳出循环/结束遍历
[JavaScript] JS中如何跳出循环/结束遍历 直接抛结论，下表是JS中常用的实现循环遍历的方法的跳出/结束遍历的办法，经过测试后的总结。可能各位大佬还有其他的办法，我在此表示大佬NB。 序号方法breakcontinuereturnreturn truereturn false结论 1 f ......
前端学习笔记DAY2 HTML5基础（2）（b站pink老师）
二.HTML标签 4.HTML常用标签 4.1 标签语义 学习标签的重点是记住每个标签的语义。就是指标签的含义，即这个标签是用来干嘛的。 根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。 ※4.2 标题标签 <h1> - <h6> HTML 提供了 6 个等级的网页标题，即< ......
Java登陆第二十三天——JavaScript对象、JSON、事件
JS中声明对象的两种格式 方法1，new object()然后依次添加属性或方法 栗子： <script> //初始化对象 var user=new Object(); //给对象添加属性并赋值 user.name="张三"; user.age=18; //给对象添加方法 user.say=func ......
ferry前端项目部署
ferry项目地址：https://gitee.com/yllan （ferry为后端代码，ferry_web为前端代码）直接copy前端代码 文中ferry为后端代码，ferry_web为前端代码 一.安装依赖 我用npm安装会报错，具体原因没去分析，大概就是npm版本的问题，我的版本是npm@6 ......
高并发情况下的漏桶算法(javascript版)
class LeakyBucket { //高并发情况下的漏桶算法 constructor(capacity, leakRate) { // 创建一个容量为capacity，每秒漏水量为leakRate的漏桶 this.capacity = capacity; this.leakRate = lea ......
Java登陆第二十二天——JavaScript入门
JS JavaScript(简称JS)也可也叫ECMAScript(简称ES)。以下统称为JS JS相当于是前端页面的补充，它可以让一个普通的页面在后台执行一些功能，例如点击一个按钮，会执行某些下载文件；页面跳转；页面弹窗等操作。 JS本质上是另一门语言，和Java没有半毛钱关系。 在菜鸟教程中三剑 ......
Js(Javascript)中this的三种用法
1、 全局上下文 在全局执行环境中（在任何函数体外部），this 引用全局对象。在浏览器中，全局对象是 window。 2、函数上下文 1）普通函数调用 在非严格模式下，非方法的函数调用中，this 通常指向全局对象。在严格模式下 ("use strict")，this 将是 undefined。 ......
前端学习DAY1 HTML5基础（1）（b站pink老师）
一、HTML简介 1.网页 1.1 什么是网页 网站是网页的集合，网页是网站中的一“页”（构成网站的基本元素）。 网页由图片、链接、文字、声音、视频等元素构成，通常是HTML格式的文件（.htm.或html后缀），通过浏览器来阅读。 1.2 什么是HTML HTML (超文本标记语言)，它是用来描述 ......
记录--前端中 JS 发起的请求可以暂停吗
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在前端中，JavaScript（JS）可以使用XMLHttpRequest对象或fetch API来发起网络请求。然而，JavaScript本身并没有提供直接的方法来暂停请求的执行。一旦请求被发送，它会继续执行并等待响应。 尽管如此，你可 ......
对比elment-ui 和vben 前端对表格的封装
看了这篇文章 优雅的使用 element-ui 中的 table 组件，突然顿悟了一些。 elment-ui的表格 <el-table :data="tableData"> <el-table-column prop="date" label="日期"> </el-table-column> <el ......
12.11 今天弄明白了怎么在前端写Java实现查询功能
//例：<% // Check if the query button is clicked if (request.getParameter("query") != null) { try { Connection connection = DatabaseConnection.getConnec ......
Redis 3 种特殊数据类型详解、Redis内存碎片
Cache Aside Pattern（旁路缓存模式） Cache Aside Pattern 是我们平时使用比较多的一个缓存读写模式，比较适合读请求比较多的场景。 Cache Aside Pattern 中服务端需要同时维系 db 和 cache，并且是以 db 的结果为准。 下面我们来看一下这个 ......
JS(JavaScript)-事件-Event事件
1. 介绍： 事件就是可以被JS侦测到的行为。 用户操作鼠标或键盘后，触发了JS事件，然后产生相应机制。 三要素： 事件源：事件被触发的对象，就是谁触发了这个事件； 事件类型：如何触发，什么事件；比如：鼠标点击，键盘按下 事件处理程序：通过一个函数赋值的方式完成。 推荐使用外部样式连接！ 2. Ev ......
（来一套）JavaScript并查集模板
code: class UnionFind { constructor(n) { this.parent = Array.from({ length: n }, (_, i) => i); this.size = new Array(n).fill(1); this.cnt = n; } finds ......
Snap.svg — JavaScript 矢量图形库
一个名为 Snap.svg 的小而有效的 JavaScript 实用程序允许您在 Web 上操作 SVG（可缩放矢量图形）对象并为其设置动画。对于想要构建流畅的交互式视觉效果的 Web 开发人员来说，Snap.svg 是一个不错的选择。它使处理 SVG 变得更加简单，并为开发具有视觉吸引力的在线应用 ......
前端纯js字符串拼接导出excel
1 <html> 2 <head> 3 <p style="font-size: 20px;color: red;">使用a标签方式将json导出csv文件</p> 4 <button onclick='tableToExcel()'>导出</button> 5 </head> 6 <body> 7 ......
前端体验优化（1）——概述
前端体验优化地最终目的就是让用户的使用体感舒适，无阻塞、流畅的得到预期想要的结果，而其中的用户可分为三层：产品用户、公司同事和研发自己。UX、性能优化其实都是体验优化的子集，前端体验犹如下图的冰山那样，在水下别有洞天。 可以将体验优化大致分为 5 个模块，分别是终端、网络、前端、后端以及数据，这 5 ......
我用 AI 写的《JavaScript 工程师的 Python 指南》电子书发布啦！
关于本书 你好，我是 luckrnx09，一名靠 React 恰饭的前端工程师，很高兴向你介绍我的第一本开源电子书《JavaScript 工程师的 Python 指南》。 本书的内容完全免费，开源地址：https://github.com/luckrnx09/python-guide-for-jav ......
前端jwt解析方法
请求得到jwt生成的token之后得到base64编码的的加密token 可以使用atob进行base64解码,jwt加密分位三部分：头部header，载荷payload,签名signature每个都是用.隔开 所以已知原理我们现在进行解析 if (token) { const payload = ......
Js(Javascript)中的apply方法的使用
JavaScript 中的 apply() 方法用于调用函数，允许指定函数的 this 对象和参数。也就是通过function的apply方法来调用方法，可以改变方法的this的对象，并且还可以传入方法参数，apply对于面向对象编程还是很有用的。 参考文档：Js(Javascript)中的ap ......
第一篇:前端基础之HTML
HTML文档标准结构： <html> <head> </head> <body> this is my second html... </body> </html> 【1】html标签 定义 HTML 文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其它元素要包裹在它里面，标签限定 ......
前端相关网站
## css常见框架 bootstrap https://get.foundation/ https://purecss.io/ https://tailwindcss.com/ https://getuikit.com/ https://andybrewer.github.io/mvp/ ## 前 ......
（转载-自用）前端面试题
一、CSS 1.说一下CSS的盒模型。 在HTML页面中的所有元素都可以看成是一个盒子 盒子的组成：内容content、内边距padding、边框border、外边距margin 盒模型的类型： 标准盒模型 margin + border + padding + content IE盒模型 marg ......
【前端框架Vue】Vue是什么？怎么用？
Vue是JS的一种框架，用于构建用户界面的JS框架。可以理解为，Vue通过指令和模板语法，将数据和HTML模板关联起来，实现一种响应式的数据驱动视图的方式 Vue是什么？ Vue是JS的一种框架，用于构建用户界面的JS框架。可以理解为，Vue通过指令和模板语法，将数据和HTML模板关联起来，实现一种 ......
JavaScript 学习
变量声明和数据类型 var name = 'John';let age = 25;const PI = 3.14; // 数据类型：字符串、数字、布尔值// var声明（ES5），let和const声明（ES6） var、let 和 const 是 JavaScript 中声明变量的关键字。var ......
Django - 在后台上传文章封面图 - 并在前端页面展示
需要用到 models.ImageField()， 它继承自 models.FileField(), 用ImageField的时候需要安装pillow pip install pillow -i https://pypi.douban.com/simple/ 首先，进行媒体文件配置： setting ......