前端 碎片javascript化学
重拾世界的碎片
高三上学期到以前的我上学日似乎是这样的:每天两点一线,只能在空气无比糟糕的教室里待 8h,然后在地铁上被挤来挤去,在家里就直接躺着,在学校里承受着我认为及其低效的学习,老师说的每个东西我都认为无用或,不敢和同学说话,闭嘴一整天,社交能力全无,这就是我的高中学生时代吗。我对班里的每个同学似乎只有一 ......
原生JS修改输入框value,并触发前端框架改变内部管理的响应式数据
背景 有时候,我们需要在一个网站上重复地执行某些操作,例如:输入>查询>输入>查询······这时候,我们可以写一个 js 自动化脚本执行这些操作,来保护我们的手指关节,以及键盘鼠标。 对于大多数网站来说,使用web框架如vue进行开发,这些框架使用内部的响应式系统来管理数据,针对input元素,v ......
Vite-Admin后台管理系统|vite4+vue3+pinia前端后台框架实例
基于vite4.x+vue3+pinia前端后台管理系统解决方案ViteAdmin。 前段时间分享了一篇vue3自研pc端UI组件库VEPlus。这次带来最新开发的基于vite4+vue3+pinia技术栈搭配ve-plus组件库构建的中后台权限管理系统框架。支持vue-i18n国际化多语言、动态路 ......
前端(三)
前端(三) 分组和嵌套 div p{ # 嵌套(空格跟着是嵌套) color: red; } div p,p{ # 分组(逗号隔开是分组) color: red; } 伪类选择器 a:link{ /*默认*/ color: red; } a:hover{ /*鼠标悬浮*/ color: blue; ......
JavaScript 变量、标识符和四则运算
JavaScript基础第二天 变量 什么是变量? 变量由四个部分组成: 1.var:声明变量的关键字 2.变量名字 1.变量的名字可以包含:字母,数字 2.不能以数字开头 3.不能使用关键字保留字 比如var 、if、for、 列:web 、_001 、_number 3.等于号 = 在js中它叫 ......
前端 | Front-End
HTML 将 HTML 理解成 Markdown 好啦。Markdown 是用来排版一份文本的,同样地,HTML 是用来排版一个网页的。 html ├── head │ ├── title │ ├── meta │ └── link └── body ├── header │ ├── h1 │ └─ ......
实践指南-前端性能提升 270%
一、背景 当我们疲于开发一个接一个的需求时,很容易忘记去关注网站的性能,到了某一个节点,猛地发现,随着越来越多代码的堆积,网站变得越来越慢。 本文就是从这样的一个背景出发,着手优化网站的前端性能,并总结出一套开发习惯,让我们在日常开发时,也保持高性能,而不是又一次回过头来优化性能。 先来看看优化的成 ......
前端H5使用html5QrCode实现扫一扫识别二维码
Vue版本:npm install html5-qrcode <template> <div class="index"> <!-- 扫一扫 --> <div class="scan" v-if="isScanning"> <div class="scan-box"> <div id="scanni ......
关于前端基础数据结构的问题
常用的数据集采用数组的好处,当然对于前端新人来很容易混淆,如下的数据是数组(js的数组本就是特殊的对象,因此又叫数组对象)由于这缘故很多网上的叫法五花八门 所以下面的数据结构很容易混淆,以为这是数组对象(其实这样叫没错,只是理解成是真对象(js的数组也是对象的一种,先区别一下免得混淆))其实是数组( ......
Javascript内置对象
内置对象(常用方法) Math(不是构造函数,直接调用) /** @file 封装自己的myMath对象 @author lxs / var myMath = { PI: 3.1415926, /* @description 求最小值 @returns {Number} max @example m ......
前端pdf文件直接下载而不是打开
直接在pdf地址后面加上后缀“?response-content-type=application/octet-stream” 如:http://xxxx/pdf/20230413/1c2c6f20-d9dc-11ed-92bf-79077d10cc6c.pdf?response-content-t ......
纯前端仿GPT流式打字效果的js库,类似通义千问或者其他AI界面的打字效果
因为GPT以及国内各大模型的发布,很多官网都设计的是,仿造流式打字效果,下面这个js库就能轻松实现。 typed.js 具体实现代码参考下面: <span id="subTitle"></span> <script src="https://unpkg.com/typed.js@2.0.15/dis ......
CKEditor粘贴图片自动上传到服务器(JavaScript版)
这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下) <%@ page language="java" import="java.util.*" pa ......
JAVA返回前端时候bean转json时首字母、第二个字母大写会自动变成小写的问题
后台bean是 private String uName; 但是前端生成的json是 uname 会自动变成小写 如果我们只是个别的几个的话,只需要加个注解 @JsonProperty("uName") private String uName; 这样就可以了 ......
批量上传GPT知识库,前端elementui的upload上传组件,后端Golang的上传接口实现
为了实现批量上传GPT的知识库并且功能,那么这个上传组件就必不可少,需要能把文档上传到服务器中。 前端部分,我是采用的cdn引入的形式,引入的elmentui。该框架是有上传组件的,可以参考我的用法: action部分就是上传接口,其他三个是上传之前的处理,上传成功和失败后的回调函数 <el-upl ......
一对多订单前端写法
$.ajax({ url: "/orders/show_order", type: "GET", dataType: "JSON", success: function(json) { $("#test").empty(); console.log("删除成功!"); $.each(json.dat ......
前端上传资源时无缝切换
通过使用软链接,在上传时更改软链接指向实现 # send ssh new-prod-doc "rm -rf /data/web/dist_source_last/*" # 删除上一版本的资源 ssh new-prod-doc "cp -r /data/web/dist_source/* /data/ ......
4、Web前端学习规划:JavaScript - 学习规划系列文章
JavaScript作为Web前端里的第3重要的语言,笔者认为该重点进行学习。因为JavaScript衍生出来的框架和类库有不少,而且很强大。所以JavaScript的学习要抓好重点,在基本的语法及应用上学习相关的框架和类库,更好的为Web前端的开发应用做好准备。 1、 简介; JavaScript ......
3、Web前端学习规划:CSS - 学习规划系列文章
CSS作为Web前端开发的第2种重要的语言,笔者建议在学了HTML之后进行。CSS主要是对于HTML做一个渲染,其也带了一些语言语法函数,功能也非常强大。 1、 简介; CSS(层叠样式表)是一种用于描述网页样式的语言。它可以控制网页中的字体、颜色、布局、背景等方面的样式。CSS可以与HTML和Ja ......
Javascript对象
对象 对象是一组无序的相关属性和方法的集合,所有事物都是对象,例如字符串,数值,数组,函数 对象由属性和方法组成 属性:事物的特征,常用名词 方法:事物的行为,常用动词 创建对象 利用对象字面量创建对象 var obj ={ uname:'tom', age:18, sex :'男', //对象的方 ......
前端自动化测试之葵花宝典
Web 前端自动化测试是一种可以提高测试效率、减少测试成本和提高测试质量的方法,适用于各种类型的 Web 应用程序。本文谈谈前端自动化测试从入门到精通再到专家级的方案与思维! ......
layui 框架收藏 - 前端篇
1. layuimini 最简洁、清爽、易用的layui后台框架模板。layui 页面的风格,分为iframe 多tab版本和单页版。 主要特性 界面足够简洁清爽,响应式且适配手机端。 一个接口几行代码而已直接初始化整个框架,无需复杂操作。 页面支持多配色方案,可自行选择喜欢的配色。 支持多tab, ......
JavaScript 数组字符串转换Json格式
JavaScript 数组字符串转换Json格式 //滔Roy 2023.04.13 function parseStringToArray(str) { // 尝试将字符串解析为 JSON 格式 try { const arr = JSON.parse(str); // 如果解析成功,则直接返回解 ......
前端面试题-
1、说一说cookie sessionStorage localStorage 是什么,有什么区别? Cookie、sessionStorage 和 localStorage 都是在浏览器端存储数据的方式,它们的主要区别在于存储的数据范围、有效期和访问权限等方面。 Cookie Cookie 是一种 ......
Javascript作用域
作用域链 内部函数访问外部函数的变量,采取的是来链式查找的方式来决定取哪个值(就近原则) var num =10; function f01(){ var num = 20; function f02(){ console.log(num);//20 } } ......
javascript数据结构与算法学习笔记
1. 栈结构 1.1 栈的介绍 栈是一种遵循后进先出(Last In First Out / LIFO) 原则的一种有序集合。 新添加或者要删除的元素都会保存在栈的同一端,我们把它叫做栈顶,另外一端叫做栈底。 1.2 栈的方法 push:将数据压入栈 pop:删除并返回栈顶元素(此方法会修改栈) p ......
解决前端安装sharp出错问题sharp: Command failed.
报错如下:sharp: Command failed. cd C:\Users\xxx-api && yarn install yarn install v1.22.19un\Documents\my_files\A-Web-Project\service-categories\service-ca ......
前端_发起axios请求,前端无法获取response的全部header
问题描述 使用vue axios 向python+flask 搭建的服务端发起请求,请求成功后,前端无法拿到服务端添加到header中的token。 问题原因 前后端分离,默认reponse header只能取到以下信息 Content-Language Content-Type Expires L ......
前端(二)
前端(二) 列表标签 1. 无序列表 <ul type="disc"> <li>冰</li> <li>草</li> <li>风</li> <li>火</li> <li>岩</li> </ul> type属性: ● disc(实心圆点,默认值) ● circle(空心圆圈) ● square(实心方块 ......
JavaScript基础知识
JavaScript 基础知识 JavaScript是什么? JavaScript是一门编程语言,可以实现很多的网页交互效果。开web页面的脚本语言 JavaScript的书写位置? 内部JavaScript 写在body结束标签上方script里面 外部JavaScript 通过script sr ......