前端 碎片javascript化学
直播app开发搭建,web前端JS中的继承方式
直播app开发搭建,web前端JS中的继承方式 ES5 //ES5中的写法一 function Phone(color){ this.color = color; this.show = function(){ console.log("你喜欢看的颜色是:"+this.color); } } fun ......
前端面试题(一)
前端面试题汇总 VUE面试题 1、v-show 和 v-if的区别,v-show 和 keep-alive 的区别 答案:v-show是 CSS display 控制显示和隐藏 v-if 是组件真正的渲染和销毁,而不是显示和隐藏 频繁切换显示状态用 v-show,否则用 v-if keep-aliv ......
前端codeReview规范指南
博主的写的:https://www.cnblogs.com/mrwh/p/17462559.html 一、前言针对目录结构、CSS规范、JavaScript规范、Vue规范可参照官方给出的 风格指南:https://v2.cn.vuejs.org/v2/style-guide/index.html这 ......
前端 & 设计师常用图标资源库
# 1. Iconfont * 阿里倾力打造的矢量图标管理、交流平台,设计师将图标上传到 iconfont 平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。 * 地址:Iconfont ![](https://img2023.cnblogs.com ......
JavaScript上传文件
### 效果 ![screenshots.gif](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1f1dbd5f720f4881aaaa337427e05f57~tplv-k3u1fbpfcp-watermark.image?) ### 实现 ......
一定要看的前端codeReview规范指南
一、前言 针对目录结构、CSS规范、JavaScript规范、Vue规范 可参照官方给出的 [风格指南](https://v2.cn.vuejs.org/v2/style-guide/index.html) 这里主要总结业务开发中常遇到的代码问题和实践,帮助大家后续各自做好codeReview,一些 ......
如何使用JavaScript或TypeScript打乱项目数组
在本文中,我们将探索如何使用 TypeScript 或 JavaScript(如果您愿意的话)以多种不同方式对项目数组进行混洗。 先决条件: 了解 TypeScript 或 JavaScript 对 For 循环和数组的基本理解 以下示例是用 TypeScript 编写的,但它们的工作方式与使用纯 ......
JavaScript复制内容到剪切板
复制内容到剪切板分两种情况,一种是从页面已有的可选元素中选中内容进行复制,一种是将Javascript代码中的字符串直接复制到剪切板。复制页面元素选中内容 html代码: <input type="textarea" id="txt" /> <button onclick="copy()">复制</ ......
记录--你真的能区分JavaScript的各种导入导出方式吗?
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 🛰🛰 我们在无论是在查阅别人的代码,还是在实际项目开发的过程中,肯定都会使用导入导出的功能,有时候我们会搞混这几种方式到底有什么区别,今天我们就来细致的区分一下: 导入导出方式⚔️⚔️ 我们都知道最常见的几种导出方式无非是exp ......
前端大文件分片上传/多线程上传
需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步: 前端修改 由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify ......
前端数据传输加密_解密方式
1. 首先安装 crypto-js插件,安装命令: npm install crypto-js -S -S等同于--save,保存在package.json文件中,是在dependencies 下,--save安装包信息将加入到dependencies(生产环境)中,生产阶段的依赖,也就是项目运行时 ......
前端八股文everybody准备好了没
前端八股文可以帮助everybody更好地准备前端的一些面试,了解面试官可能会问到的问题,并且提前准备好答案。当然这不是唯一的也不是肯定的,还是需要大家自身好好理解所学的知识。 ......
VUE+elementUI前端导出解决方案,截断,清晰度,页边距,页眉页脚,富文本都处理了
pdfLoader.js /* * @Description: html转pdf 新版解决方案 * @Author: jeseven/wwl * @Date: 2023-05-23 10:03:57 * @LastEditTime: 2023-05-23 10:23:22 * @LastEditor ......
Re-Declaring JavaScript Variables
If you re-declare a JavaScript variable, it will not lose its value. https://www.w3schools.com/js/js_variables.asp var a = a || '123'; 上面这个例子,如果之前a被声明 ......
®参考文档: JavaScript reference (like:Statements Block ...)
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference A block statement (or compound statement in other languages) is used to group zero o ......
在前端中函数柯里化的妙用~
前言: 在使用它之前我们需要先了解什么是柯里化? 所谓的柯里化不过就是将多个固定的参数生成一个新动态的调用函数,这句话看起来有点绕!但是我们理解清楚后就不会有这种感觉~ 在某些场景中我的执行函数是固定参数才会执行的,但是这些参数取数又不是一次性的时候你会怎么处理? 我们一个函数有七八个函数,但是我们 ......
前端实现导出功能
主要是利用XML文件和Excel文件之间可以互相转换,因此可以将XML数据从web服务中导出到Excel中 下面是实现代码和注释(因为一般导出都是导出table的数据,所以直接整table): ``` function tableToExcel(titleList = [], dataSource ......
javascript笔记
# javascript笔记 - 获得焦点onfocus,失去焦点onblur - isNaN()判断是非数字 - undefined和数字相加 最后的结果是NaN - null和数字相加 最后的结果是数字 - typeof空格变量名 或typeof(变量名) 可以检测变量的类型 - parseIn ......
TypeScript Vs JavaScript 区别
# 一、观察 ### 1. JS 平常的复制类型 ````js let val; val = 123; val = "123"; val = true; val = [1, 3, 5]; ```` > 注意点: > 由于JS是弱类型的, 所以只要定义了一个变量, 就可以往这个变量中存储任意类型的数据 ......
前端彩色背景
div { background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); background-size: 1000% 100%; animation: smooth-transiti ......
前端遗忘知识点
# JS 1.基本数据类型 number string boolean undefind null bigint symbol 2.交互 alert confirm确认 prompt带输入的确认 3.Object.assign(a,b,c)进行合并将a,b,c中的同名属性进行合并 4.计算属性名 可 ......
详解JavaScript中的__proto__和prototype
[toc] 对于 JS 来说,`__proto__`和`prototype` 的区别是个绕不开的话题。本文就试图从它们的根本上说清楚它们是什么,又有什么区别,所以本文会从 JS 的对象开始说起,以其期待把本文的主题说透彻说明白。 # 一、JS的对象创建方法 大家都知道,在JS 的世界中有一句话:`万 ......
记录--JavaScript 中有趣的 9 个常用编码套路
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 1️⃣ set对象:数组快速去重 常规情况下,我们想要筛选唯一值,一般会想到遍历数组然后逐个对比,或者使用成熟的库比如lodash之类的。 不过,ES6带来了一个新玩意儿!它引入了一个全新的对象类型:Set!而且,如果结合上...展开运算 ......
Javascript之深入浅出递归思想
Javascript之深入浅出递归思想 “递归”在生活中的一个典例就是“问路”。如图小哥哥进入电影院后找不到自己的座位,问身边的小姐姐“这是第几排”,小姐姐也不清楚便依次向前询问,问至第一排的观众后依次向后反馈结果,“我是第一排”,“我是第二排”,···,最终确定自己座位所在排数。在这个过程中充分反 ......
前端实现导出word文档docx格式
## 说明 前端实现导出word文档,我们需要用到docxtemplater这个库 使用的是vue2.6和vue-cli5 还需要准备一个word模板,更多模板变量请去[docxtemplater官网获取](https://docxtemplater.com/demo/ "docxtemplater ......
若依前端问题集合[前后端分离版本]
>[TOC](目录) # 1.若依前后端分离页面改变title 修改浏览器title和icon图标 在项目==public==文件夹中有==index.html==文件![在这里插入图片描述](https://img-blog.csdnimg.cn/628cac80ae674d44be7636f38 ......
springmvc后端接收前端数据的四种方式
前端登录页面代码 ``` Title 登录页面 username: password: ``` ![](https://img2023.cnblogs.com/blog/3005714/202306/3005714-20230605141445447-1350450152.png) 配置spring ......
第三届流体与化学工程国际学术会议(ICFCE2023)
★会议简介 2023年第三届流体与化学工程国际会议(ICFCE 2023)由湖北省众科地质与环境技术服务中心主办, 将于2023年7月20-22日在中国武汉召开。 ICFCE 2023 旨在汇集流体和化学工程领域的创新学者和行业专家,交流思想,展示先进的研究工作并讨论热点话题。该会议将每年举行一次, ......
2021-08-12--Web前端性能指标和性能优化(综述)
title: 网站的几个性能指标和优化(简易) categories: - 网络安全与性能优化 tags: - 性能优化 - 性能指标 - 白屏时间 - 首屏时间 - TTFB abbrlink: 5c56 date: 2021-08-12 23:42:49 updated: 2021-08-12 ......