前端 碎片javascript化学

[JavaScript进阶] 路由跳转原理 之 Hash 模式

路由跳转原理 之 Hash 一. 路由跳转的原理 首先讲讲路由跳转的原理, 其实没有什么神秘的, 以变量类比: // 首先定义一个变量名为 container , 赋予初始值 'index' let container = 'index'; // 监听一个点击事件 window.addEventLi ......
路由 JavaScript 原理 模式 Hash

前端工程狮

现在移动互联网发展的这么快,前端开发领域也越来越广,前端早已经告别了切图崽的时代,在web端、移动端(安卓、IOS)、Watch、小程序、公众号开发、混合app开发都能看到前端开发工程师的影子。 从狭义上讲,前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现 ......
前端 工程

基础课-前端JS

JAVA Script基础语法 意义:让前端界面动起来;它是负责前端界面与用户之间的交互 前端界面变化的思维导图: 触发 调用 运行 用户进行操作 >前端事件 >JS函数 >界面产生变化 JS代码的编写方式 1.嵌入编写 嵌入在HTML中的script(脚本)标记中,它可以出现在任意位置,建议放在b ......
基础课 前端 基础

el-pagination在表格中用法(纯前端分页)

1、el-table <el-table :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)" > ... </el-table> 2、el-pagination <div> <el-paginat ......
前端 el-pagination pagination 表格 el

前端如何防止数据被异常篡改并且复原数据

每天,我们都在和各种文档打交道,PRD、技术方案、个人笔记等等等。 其实文档排版有很多学问,就像我,对排版有强迫症,见不得英文与中文之间不加空格。 所以,最近在做这么一个谷歌扩展插件 chrome-extension-text-formatting,通过谷歌扩展,快速将选中文本,格式化为符合 中文文 ......
数据 前端

javascript 手动实现 bind,call,apply

js 手动实现call方法 Function.prototype.myCall=function(content,...args){ let myfn = Symbol() content = content|| globalThis // console.log(content) content[ ......
javascript 手动 apply bind call

微前端实战

微前端实战 什么是微前端 微前端是指存在于浏览器中的微服务,其借鉴了微服务的架构理念,将微服务的概念扩展到了前端。 如果对微服务的概念比较陌生的话,可以简单的理解为微前端就是将一个大型的前端应用拆分成多个模块,每个微前端模块可以由不同的团队进行管理,并可以自主选择框架,并且有自己的仓库,可以独立部署 ......
前端 实战

[Javascript] Prevent JavaScript Object Tampering with the SES Library harden Function

https://www.npmjs.com/package/ses Lockdown The lockdown() function also tames some objects including regular expressions, locale methods, and errors. ......

一键生成前端UI,公司90%项目UI都靠它搞定

今天看公众号,有大神分析了这样的一篇文章:一键生成前端UI,公司90%项目UI都靠它搞定 地址:https://mp.weixin.qq.com/s/UhmLwVeZ0jwZORur8XD2MQ ......
前端 项目 公司 90%

前端实现Excel导出【xlsx】【xlsx-js-style】

最终效果 场景 有的时候我们需要根据服务端返回的数据来导出excel表格 优化一:设置单元格样式 比如:可以调节背景色、字体样式、border xlsx基础库不提供样式设置,可以使用xlsx-js-style库,这个库是xlsx库的fork版本,并添加了样式定义 详细样式可以查看https://gi ......
xlsx 前端 xlsx-js-style Excel style

07前端开发jQuery

作业讲解 """ 一定要明确手上的标签是什么对象 如果原生的js代码查找出来的对象 那么只能调用原生的js方法 如果原生的jQuery代码查找出来的对象 那么只能调用原生的jQuery方法 原生js与jQuery对象的关系 可以将jQuery对象看成是数组包了标签对象 原生js就是标签对象 eg:[ ......
前端 jQuery

JavaScript--变量和数据类型

使用var声明变量 var test = 20; test = "张三"; 变量可以存放不同类型的值 var 定义域分布在全局 并且可以重复定义 let let关键字所在的代码块内有效 JavaScript中分为:原始类型 和引用类型 5种原始类型 number:数字,整数或者小数 string:字 ......
变量 JavaScript 类型 数据

【JavaScript】事件轮询

1、先参考搞懂 JavsScript 异步 — 事件轮询 2、明确几点: setTimeout、DOM Event、HttpRequest、setInterval、setImmediate(Node.js独有)的回调、I/O操作、UI渲染均会被加载到消息队列(macrotask宏任务)。 Promi ......
JavaScript 事件

前端常用设计模式

什么是设计模式? ​ 设计模式(Design pattern)是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结,设计模式并不是一种固定的公式,而是一种思想,是一种解决问题的思路;使用设计模式是为了可重用代码,让代码更容易被他人理解,保证代码可维护性。 设计模式不区分编程语言,设计模 ......
设计模式 前端 常用 模式

前端性能优化有哪些?

前端有哪些性能优化?前端性能优化分两部分1、加载性能优化2、渲染性能优化一、加载性能优化 本质: • 1、减少请求次数; • 2、减少请求资源的大小; • 3、网络优化; 1、 减少请求次数方式 1)图片资源 ○ CSS雪碧图:把一些常用、重复使用的小图合并成一张大图 ○ 图片懒加载: 利用css的 ......
前端 性能

前端实现文件的断点续传

早就听说过断点续传这种东西,前端也可以实现一下不过本文所说的断点续传并不一定是真的断点续传,只是一种实现方式,等到有业务需求再去验证能不能用这里的断点续传在前端的实现主要依赖着HTML5的新特性,所以一般来说在老旧浏览器上支持度是不高的本文通过断点续传的简单例子(前端文件提交+后端PHP文件接收), ......
断点 前端 文件

ArcGIS API for JavaScript入门

arcgis官网:https://arcgis.fenxianglu.cn/docs/load.html 一、集成到应用 @arcgis/core方式 1、引入ArcGIS API for JavaScript yarn add @arcgis/core 或者指定安装版本 yarn add @arc ......
JavaScript ArcGIS API for

后端返回pdf文件流,前端请求返回乱码文件流下载之后pdf文件空白

vue项目中遇到个问题:后端返回pdf文件流,前端请求返回乱码文件流下载之后pdf文件空白 解决办法: 在请求接口的时候设置responseType: "blob"。 axios.get(url,{ responseType: "blob",//这里一定要设置,否则返回的流是乱码,下载之后文件是空白 ......
文件 乱码 前端 pdf 空白

21 个最佳 Javascript IDE 和代码编辑器 [CSS、HTML、JavaScript]

这是我们挑选的 21 个最佳 JavaScript IDE 和源代码编辑器。 目录 什么是 IDE 选择正确的开发环境时要寻找什么? 免费的最佳 Javascript IDE 最佳高级 Javascript IDE 结论:最佳 JavaScript IDE是哪个? 常见问题解答:最佳 Javascr ......
编辑器 Javascript JavaScript 代码 HTML

前端开发解决方案

Arco Design - 企业级产品的完整设计和开发解决方案 ArcoDesign 是一套设计系统的简称。 ArcoDesign 的目标, 即通过通用的设计系统去解决产品中的体验问题, 并为产品设计提供指导原则解决业务问题,同时它能够促进设计部门和研发部门之间协作, 成为开发者之间沟通的语言。 A ......
前端 解决方案 方案

基础课-前端CSS

CSS基础语法 CSS的作用:让前端界面美化 CSS代码的编写位置:1.嵌入编写:CSS代码可以嵌入中HTML一个特殊标记style里,style标记必须是head的子标记 2.外部编写:CSS代码单独编写在后缀是.css文件中,如果某个HTML需要使用CSS代码文件中的样式,就需要使用link标记 ......
基础课 前端 基础 CSS

前端处理大文件/视频分片上传,断点续传

1、html部分,项目使用的是ant-design-vue组件库;spark-md5进行加密上传 2、使用变量:(通过上传成功的分片数与总分片数对比判断上传是否完成) 3、主要方法: 1、 查询当前文件是否上传 2、获取文件的MD5编码 // 获取文件的MD5编码 computedSliceMd5 ......
断点 前端 文件 视频

JavaScript string对象(属性,方法)获取图片后缀案例 输入和输出结果转换形式案例

一、创建string对象 var strOb = new String("abcefg"); var strOb = String("abcefg"); var strOb = "abcefg"; 二、属性 length (字符串长度) var str = 'hello'; console.log( ......
案例 后缀 JavaScript 属性 对象

助教工作10月总结(前端开发技术)

一、助教工作的具体职责和任务作为前端这门课程的助教主要的职责是辅助老师完成在课外的一些教学任务例如 1、课下的疑难解答 :课下辅导中,我通过QQ私聊等方式与学生进行沟通,并帮助他们解决在学习过程中遇到的困惑和问题。我会提供适当的指导和建议,引导学生找到解决问题的方法和思路。 2、课外资源的推荐 :由 ......
前端 开发技术 技术

JavaScript

引入方式 内部脚本:将JS代码定义在HTML页面中 可以放在任意位置 数量也没有限制 放在body的底部 外部脚本:将JS代码定义在外部JS文件中,然后引入到HTML页面中 ......
JavaScript

vue 2 升级vue3 前端老白

vue 2 升级vue3 前端老白 原文链接:Vue 3已经发布,而Vue 2到Vue 3的升级需要一些注意点。本文将介绍Vue 2升级到Vue 3的具体步骤,让您在升级中无后顾之忧。首先,我们需要升级Vue CLI到4.x。在升级前,我们需要备份项目代码,以防出现意外情况。接着,我们需要在命令行中 ......
前端 vue vue3

JavaScript--Web API

DOM DOM(Document Object Model —— 文档对象模型) 是用来呈现以及与任意 HTML 或 XML 文档交互的 API。 DOM 是浏览器提供的一套专门用于操作网页内容的功能 作用:开发网页内容特效和实现用户交互 DOM树 DOM 节点 节点是文档树的组成部分,每一个节点都 ......
JavaScript API Web

若依前端项目理解&官方文档学习

若依前端项目理解&官方文档学习:https://blog.csdn.net/u010657801/article/details/129441209?ops_request_misc=&request_id=&biz_id=102&utm_term=%E8%AF%BA%E4%BE%9D%20%20f ......
前端 文档 项目 官方 amp

微前端无界机制浅析

随着项目的发展,前端SPA应用的规模不断加大、业务代码耦合、编译慢,导致日常的维护难度日益增加。同时前端技术的发展迅猛,导致功能扩展吃力,重构成本高,稳定性低。为了能够将前端模块解耦,通过相关技术调研,最终选择了无界微前端框架作为物流客服系统解耦支持。为了更好的使用无界微前端框架,我们对其运行机制进... ......
前端 机制

基础课-前端

前端技术的实际意义 前端就是软件中的图形界面页面 软件通过前端界面:1.获得用户的输入数据 2.展示数据给用户 前端开发需要掌握的三项技术(语言): 1.HTML 超文本标记语言 2.CSS 层叠样式表语言 3.Java Script(JS) 动态脚本语言 HTML基本语法 HTML代码需要编写在后 ......
基础课 前端 基础