前端 碎片javascript化学
前端加密
https://blog.csdn.net/weixin_45821809/article/details/125207196 npm install jsencrypt --dev import JSEncrypt from 'jsencrypt/bin/jsencrypt.min' // 密钥对 ......
微信小程序开发：前端中的"Redis"
wx.setStorageSync('key', 'value') wx.getStorageSync("key") 参考链接 https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html ......
系统化学习前端之JavaScript（ES5）
系统梳理了 ES5 扩展的相关知识点，包括严格模式，this 关键字，数据属性，访问器属性以及如何保护对象等等。 ......
javascript大文件上传解决方案支持分片断点上传
这里只写后端的代码，基本的思想就是，前端将文件分片，然后每次访问上传接口的时候，向后端传入参数：当前为第几块文件，和分片总数 下面直接贴代码吧，一些难懂的我大部分都加上注释了： 上传文件实体类： 看得出来，实体类中已经有很多我们需要的功能了，还有实用的属性。如MD5秒传的信息。 public c ......
JavaScript开发：逻辑代码部分简便写法整理
一、判断条件简写 1、三目表达式 doTest(){ //判断是否大于0，大于0就返回原值，不大于0则返回0 let test = -5; //if-else写法 if(test > 0){ return test; }else{ return 0; } //三目表达式写法 return test ......
使用JavaScript调用本地打印机
https://blog.csdn.net/zZZxiaozhi/article/details/117062010 # HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title ......
前端
前端课程介绍 第一篇：前端基础代码之HTML 第二篇：前端基础代码之CSS 第三篇：前端基础之JavaS 第四篇：前端之BOM与DOM 第五篇：前端之JQuery 第六篇：前端之Bootstrap框架 第七篇：Vue ......
03-第三章 JavaScript 基础
其余web文章参考：web学习目录 JS常用参数 | 参数 | 含义 | | | | | document.URL | 返回当前文档完整的URL | | document.write() | 直接在网页中输出内容 | | indexOf() | 返回值在字符串中第一次出现的位置，如果未找到该值，则 ......
前端设计模式——依赖注入模式
依赖注入模式（Dependency Injection Pattern）:允许我们通过将对象的依赖关系从代码中分离出来，从而使代码更加模块化和可重用。 在传统的编程模式中，一个对象可能会直接创建或者获取它需要的其他对象，这样会造成对象之间的紧耦合关系，难以维护和扩展。而使用依赖注入模式，则可以将对象 ......
03-第三章 JavaScript 基础
JS常用参数 | 参数 | 含义 | | | | | document.URL | 返回当前文档完整的URL | | document.write() | 直接在网页中输出内容 | | indexOf() | 返回值在字符串中第一次出现的位置，如果未找到该值，则 indexOf() 方法返回 -1， ......
JavaScript系列 -> 截取字符串方法 substring/slice/substr
因为对于截取字符串的方法时常弄混，每次使用的时候，都需要不断的看教程回顾，现在总结到这里： substring substring(start,end): start/end 分别为开始位置和结束位置； 左闭右开，不包含结束位置； start/end 应该为非负整数； start小于0，当成0处理； ......
React状态 和 JavaScript箭头函数
React状态 和 JavaScript箭头函数 在看 React 的状态时见到了 JS 的箭头函数，一时间没看明白。 React 状态 React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。 在 React 中 ......
前端图片大小随浏览器大小自适应
为了让前端图片能够随着浏览器大小的改变而自适应，可以使用CSS来设置图片的宽度和高度。具体而言，可以使用以下的CSS样式： img { max-width: 100%; height: auto; } 这个样式将图片的最大宽度设置为100%，这样图片将会根据其容器的宽度进行缩放。同时，将高度设置为自 ......
Iris框架配置前端静态文件目录
在较新版本的Iris框架中，iris.Application结构体已经不再具有StaticWeb方法。取而代之的是iris.Party结构体，您可以使用其HandleDir方法来处理静态文件。 以下是一个使用HTML文件的示例，使用iris.Party来处理静态文件： package main im ......
HTML+CSS+JavaScript作业篇
一、作业题大全 1.1、HTML5表单验证 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n ......
前端css 打印
打印元素的页面布局有几个原则 打印元素不能脱离文档流 打印元素内直接嵌套内容，避免出现三层嵌套 // 打印相关 @page { size: auto; margin: 10mm 0; } @media print { .printDom{ margin: 0; display: block; wid ......
JavaScript系列 -> 字符串方法 replace 的第二个参数为函数
本篇文章要介绍，当字符串的replace方法第二个参数为函数的使用。 示例代码： function fn(str){ this.str = str; } fn.prototype.format = function() { var arg = arguments; return this.str.r ......
http-server 本地运行前端项目
1.安装http-server 1 npm install -g http-server 2.启动： http-server ......
前端领域驱动设计的一些思考
小结：1 因为前端框架其实本质上是高策略层级的，每个前端框架的一般都是来解决以下问题： 定义状态 （data、state） 状态变化检测 （Object.defineProperty、Proxy、React reconcilliation） 对状态更改做出反应 （Observable、hooks、单 ......
后端返回文件流前端下载PDF
getDownloadApi(value).then(res=>{ let blob=new Blob([res],{type:'application/pdf;chartset=UTF-8'}) const url = window.URL.createObjectURL(blob); const ......
前端ast
什么是抽象语法树 抽象语法树 Abstract Syntax Tree 简称AST，是源代码语法结构的一种抽象表示。 比如 const a = 123; ，用ast可以表示为 ast json表示为 { "type": "Program", "start": 0, "end": 14, "body" ......
JavaScript快速入门
JavaScript 1.引入方式 1.1内部脚本,将JS代码定义在HTML页面种 JS代码必须在<script>标签之中 可以在HTML文件任意位置 一般放在<body>体标签底部,改善运行速度 1.2外部脚本,将JS代码定义在外部JS文件中,在引入HTML页面 利用带 src属性的 <scrip ......
JavaScript 提取对象数组中的属性组成新的对象数组
let data = [{"division_name":"销售三部","id":44,"pid":36,"html":"| "},{"division_name":"销售十二组","id":46,"pid":44,"html":"| | "},{"division_name":"销售十一组","i ......
python+playwright 学习-41.locator.evaluate()对定位的元素执行JavaScript脚本
前言 page.evaluate() 是直接在页面对象上执行JavaScript脚本 locator.evaluate() 是对定位的元素执行JavaScript locator.evaluate_all() 对定位到的所有元素执行JavaScript locator.evaluate() 对元素执 ......
python+playwright 学习-40.page.evaluate()执行JavaScript脚本
前言 大家在学selenium的时候，对于页面上的有些元素不好操作的时候，可以使用driver.execute_script() 方法执行JavaScript脚本。 在playwright 中也有类似的方法，使用page.evaluate()执行JavaScript脚本。 page.evaluate ......
基于Admin.NET框架的前端的一些改进和代码生成处理（2）
在上篇随笔《基于Admin.NET框架的前端的一些改进和代码生成处理（1）》中大致介绍了一些关于对Admin.NET框架的前端的改造工作，主要目的就是希望能够增加代码的简洁和可读性，以及利用代码生成工具来快速生成相关的代码，从而减少开发过程中的繁琐问题。本篇随笔继续探讨一下，对其中一些模块功能进行一... ......
浅谈Array --JavaScript内置对象
Array --JavaScript内置对象 描述 可以用一个变量存储多种数据类型的Array对象，Array不是关联数组，不能使用字符串作为索引访问数组元素，需要使用非负整数的下标访问数组中的元素。 和对象的某些特征很相似，例如：属性访问器一半相似，衍生出的使用 .call() 或者 .apply ......
前端设计模式——享元模式
享元模式（Flyweight Pattern）：是一种用于优化对象创建和管理的设计模式。它旨在减少内存消耗和提高性能，通过共享具有相同状态的对象来实现这一目标。 具体来说，享元模式涉及两个主要的对象：享元工厂和具有共享状态的享元对象。享元工厂负责创建和管理共享对象，以确保每个对象只被创建一次。享元对 ......
前端性能优化的七大手段
前言 性能优化是我们前端的必备知识，可以说是每个人必须会的知识了，不仅平时会用到，连面试都会问到。那如何优化前端的性能呢？总共有七大手段 七大手段包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化 减少请求数量 【合并】 如果不进行文件合并，有如 ......