前端
前端学习-JavaScrip学习-js基础04
学习教程：黑马程序员视频链接 函数 练习-函数参数、返回值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia ......
JS前端验证
验证上传文件的是否符合要求既可以通过前端js代码验证，也可以通过后端PHP代码验证 他们的区别如下： 前端的任何代码都可以被检查网页源代码检测出来 后端的任何代码在没有拿到源码之前都无法被识别出来 通过禁用JS代码可以绕过js的前端验证 判断前端验证是否为JS代码： 1.直接查看网页源代码 2.通过 ......
前端项：步入大学所学专业总结1（有什么想补充的或有错误）的欢迎分享纠正
URL叫做统一定位符（网址）它的组成部分：协议部分：//服务器地址（：端口）/文件名称） 后如需加入参数就需加一个（？） HTML是一种超文本标记语言（我通常记为网页标识） 因特网：国际计算机也称因特网，发展历史悠久，它的前身是美国国防计算机互联网，被人们公认为是未来国际信息高速公路的雏形。刚开始写 ......
js处理前端页面复选框多页复选同时生效的问题
虽然是后端开发，但在实际的工作中难免会碰到一些前端相关的任务需要自己处理，下面就是本人开发工作中处理的前端相关分页复选的问题。总结一下，以备日后重复遇到：<script type="text/javascript"> //初始化数据 $(function () { $('#queryButton') ......
前端学习-JavaScript学习-JavaScript高级程序设计-第2章笔记
在HTML中使用JavaScript元素 <script>元素 元素属性 MDN <script>：脚本元素 属性 使用状态 描述 charset 可选、少用 字符集 defer 可选、少用 表示脚本可以延迟至文档完全被解析后实行，部分浏览器不支持 language 废弃 编写代码使用的语言 src ......
VUE 前端读取excel表格内容
<el-upload class="upload-demo" :action="''" :show-file-list="false" :auto-upload="false" :before-upload="beforeUpload" :on-success="handleSuccess" :on ......
【万字长文】前端性能优化实践
从一个假死页面引发的思考： 作为前端开发，除了要攻克页面难点，也要有更深的自我目标，性能优化是自我提升中很重要的一环； 在前端开发中，会偶遇到页面假死的现象， 是因为当js有大量计算时，会造成 UI 阻塞，出现界面卡顿、掉帧等情况，严重时会出现页面卡死的情况； ......
轻量级前端架构之：小程序技术
无生态，不平台。
全球人口红利瓶颈，大流量App的建设到了需要深耕流量的阶段，单纯靠自研提供业务的软件支撑，并不能留住日益多元化选择的用户，生态是深耕用户，吸引更多忠诚用户的关键。 ......
2、后端开发中、返回给前端的是时间类数据，应如何设置？
场景： 返回给前端的数据是时间格式的数据，前端界面显示格式如"2000-08-17" 或者"2000-08-17 09:44:36" 使用注解@JsonFormat @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss") private LocalDateTime ......
前端学习-JavaScrip学习-cookie
在使用Microsoft edge的时候，运行以下代码会报兼容性错误，但是一直没解决 'content-type' header charset value should be 'utf-8'. 使用chrome不会存储cookie 也没有报错 使用火狐可以成功存储cookie <!DOCTYPE ......
推荐一个前端读取CSV文件的插件Papa Parse
Papa Parse点击跳转到官网，该插件可以将文件解析成2层数组。 下面是vue项目引用的方法 1.安装 npm install vue-papa-parse 2.引入，在main.js里 import Vue from 'vue' import VuePapaParse from 'vue-pa ......
磨练前端技能的 10 大网站
1. Javascript 30 JavaScript 30 是由流行的 Web 开发人员和教育家 Wes Bos 创建的网站，它提供免费的 30 天挑战，帮助人们提高他们的 JavaScript 技能。该挑战赛由 30 个短视频教程组成，每个教程都专注于 JavaScript 的不同方面。教程的范 ......
前端禁用复制
//禁用复制 disableTextSelection: function () { // 给特定的元素添加自定义属性 $("body").attr("oncontextmenu", "window.event.returnValue=false"); //禁用了鼠标右键点击时的上下文菜单。 $(" ......
记录--让我们来深入了解一下前端“三清”是什么
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前端“三清” 在前端开发中，我们经常听到关于“三清”的说法，即 window、document、Object。这三者分别代表了 BOM（浏览器对象模型）、DOM（文档对象模型）以及 JS 的顶层对象。在这个体系中，我们通过 JavaScr ......
前端大文件上传优化方案——分片上传
介绍前端上传大文件的常见问题和解决方案，分片上传 这样可以避免一次性上传大文件导致的网络超时、内存溢出、进度不可控等问题。 要实现大文件分片上传，通常需要以下几个步骤： 1.通过DOM获取文件对象，并且对文件进行MD5加密（文件内容+文件标题形式），采用SparkMD5进行文件加密； 2.进行分片设 ......
node+express服务给前端提供markdown数据，前端渲染md文件在页面上
本文介绍后端怎么把markdown文件发给前端，前端又怎么渲染在页面中。 先看效果图 md文件代码： 前端网页渲染： 先介绍node+express怎么提供接口: const express = require("express"); const router = express.Router(); ......
轻量前端框架能否与小程序结合应用？
前端框架一般指用于简化网页设计的框架，使用广泛的前端开发套件，比如，jquery，extjs，bootstrap等等，这些框架封装了一些功能，比如html文档操作，漂亮的各种控件（按钮，表单等等），使用前端框架可以帮助快速地搭建网站。 框架是提供一套完整的解决方案，按照规定好的代码结构来做编排，使用 ......
优秀的前端工具FinClip Studio 有哪些值得期待的价值点？
现今，移动应用程序已成为一项重要的技术，人们几乎在所有方面都使用移动应用程序，包括社交媒体、电子商务、娱乐、健康和生产力等领域。用户对移动应用程序的体验和功能需求越来越高，这意味着开发人员需要花费更多的时间和精力来确保应用程序的质量和用户体验。幸运的是，现在有许多可用的移动应用程序开发平台和资源，这 ......
什么是前端应用开发的 LCP（Largest Contentful Paint) 指标
在网页性能优化的领域里，LCP（Largest Contentful Paint，最大内容绘制）是一个非常重要的性能指标。它测量的是从页面开始加载到页面的 "主要内容 " 完全呈现在屏幕上所需的时间。换句话说，LCP 是测量用户何时看到页面的 "主要内容 " 的指标。 在理解 LCP 之前，我们需要 ......
前端建立WebSocket连接
Web Sockets是H5提供的在web应用程序中客户端与服务器端之间进行的非HTTP的通信机制。 当服务器想向客户端发送数据时，可以立即将数据推送到客户端的浏览器中，无需重新建立连接。只要客户端有一个被打开的socket（套接字）并且与服务器建立了连接，服务器就可以把数据推送到这个socket上 ......
解决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 ......
Lodash-前端 js工具库
官网：Lodash 简介 | Lodash中文文档 | Lodash中文网 (lodashjs.com) import _ from 'lodash' const dialogHandler = (val) => { if (val) { listCompanyByCurrentUserIdFn() ......
文件阅读器的使用——利用文件阅读器将选中的文件图片展示到前端页面
代码示例： # HTML部分 <form action=""> <div class="form-group"> <label for="id_file"> 用户头像 {% load static %} <img src="{% static 'img/default.png' %}" alt="" ......
前端存储：localStorage、sessionStorage
IDE：HBuilder X 3.8.12 -- 序章 前端存储数据的方式 有以下几种： JavaScript Cookie Web存储 localStorage sessionStorage HTML5 Web SQL 数据库 IndexedDB 本文测试其中的 Web存储：localStorag ......
支付宝 返回的form如何在前端打开
支付宝支付时返回了一段标签标签大概是 <form></form><script></script> 试了innerHtml怎么试都不能用，是那种直接把字符串输出到div里面去的而不是转为标签 那么应该怎么处理呢？ document.write(this.payData.config) 一句搞定。。。 ......
前端学习-JavaScrip学习-js基础03
学习教程：黑马程序员视频链接 循环 案例-九九乘法表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s ......
前端学习-JavaScrip学习-sort()函数
sort()函数默认按照字符串Unicode码排序 如果希望按照数字大小排序，需要传参 let arr = [2,4,5,6,22,9,10,111,2,1,32]; console.log(arr.sort(function(a,b) { return a - b; //升序 // return ......