前端 碎片javascript化学
实用教程丨如何将实时数据显示在前端电子表格中（二）
本文由葡萄城技术团队于博客园原创并首发 转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 前言 在如何将实时数据显示在前端电子表格中（一）一文中，我们讲述了如何通过WebSocket从Finnhub.IO获取实时数据，那么本文重点讲述如何使用基本的 Spre ......
记录--九个超级好用的 Javascript 技巧
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在实际的开发工作过程中，积累了一些常见又超级好用的 Javascript 技巧和代码片段，包括整理的其他大神的 JS 使用技巧，今天筛选了 9 个，以供大家参考。 1、动态加载 JS 文件 在一些特殊的场景下，特别是一些库和框架的开 ......
前端根据链接生成二维码
<qrcode-vue :value="record.download_page" width="200" ></qrcode-vue> import QrcodeVue from 'qrcode.vue' components: { QrcodeVue }, ......
javascript基础2
script标签里一旦使用src加载外部js文件后，这个script标签就不能写js语句了 警告框！通知用户出错了。alert（"哈哈！"） 输入框-输入内容 prompt 得到输入内容永远都是字符串 var n1 = prompt ("第一个数") var n2 = prompt ("第二个数") ......
C# MVC @Html.DropDownList 不通过后端，在前端构建一个下拉Select并可自动选择选中值
@Html.DropDownList("verType", new SelectList(new[] { new { Name = "A版", Value = "per" }, new { Name = "B版", Value = "ent" } }, "Value", "Name", Reques ......
JavaScript中实现文件上传下载的三种解决方案(推荐)
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
前端中实现文件上传下载的三种解决方案(推荐)
对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传，从上传的效率来看，利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传，本文主要介绍服务端实现文件上传的步骤及 ......
直播平台源代码，JavaScript和Python时间戳转换
附JS时间转换: JS返回date对象的日期部分的本地化字符串 ： new Date().toLocaleDateString() JS返回date对象的时间部分的本地化字符串 new Date().toLocaleTimeString() JS接收后端时间戳转为JS时间 new Date(pars ......
微前端-micro-app 使用 onresize出现不生效的问题
onresize：dom0级别，一次只能绑定一个函数，下个函数会将上个函数给覆盖； addEventListener：dom2级别，一次可以绑定多个函数，各个函数不会覆盖； 子应用使用onresize不生效，因为onresize是dom0级别的会被父亲和其他给覆盖，所以在子应用中使用addEvent ......
我猜你其实并不懂前端
在接下来的这篇系列教学中，我将带你重新认识前端。 前端发展史：从青铜到黄金时代 我自己是在 2006 年开始接触前端的。现在回想起来，那会儿前端还处于史前的“青铜时代”，甚至网页的主要交互都还是依靠切换超链接来完成的。 前端的史前记忆：“青铜时代” 那时候，谷歌刚刚基于 Ajax 发布的 Gmail ......
JavaScript在策划网站中的应用
JavaScript在策划网站中有许多应用，以下是其中的一些：1. 表单验证：JavaScript可以用来验证用户提交的表单数据，例如验证邮箱格式、密码强度等，比如某某策划网站就是用的这样的代码。2. 动态效果：JavaScript可以用来实现网页上的动画效果和交互特效，例如轮播图、下拉菜单等。3. ......
JavaScript 笔试题
这些 JavaScript 笔试题你能答对几道？ 收藏 javascript-questions 这个仓库很久了，趁着周末来锻炼下自己的 JS 基础水平 因为逐渐也在承担一些面试工作，顺便摘录一些个人觉得比较适合面试的题目和方向 事件流（捕获、冒泡） 源链接 以下代码点击结果是啥？ <div onc ......
JavaScript函数
1 函数定义 使用function关键字来定义，即function fName(para,...){ statment;...;}，可使用在函数声明语句与函数定义表达式这两种形式中 函数名称标识符。 是函数声明语句必需的部分。它的用途就像变量的名字，新定义的函数对象会赋值给这个变量 但对函数定义表达 ......
Javascript 代码分割
代码分割是指构建工具将构建后的 JavaScript 包拆分为多个较小的，可以按需或并行加载的文件。通过适当的代码分割，页面加载时需要的功能可以立即下载，而额外的块只在需要时才加载，从而提高性能。 像 Rollup (Vite 就是基于它之上开发的) 或者 webpack 这样的打包工具可以通过分析 ......
JavaScript Set 数组去重新功能
// Set是一种类似于Map的数据结构，也是一组key的集合，但不存储value。由于key不能重复，所以，在Set中，没有重复的key，这种特性就起到数据去重的效果，重复的数据不会被写入到set中。 // es6 新增了 Set 缺点: 兼容性不好(了解) // Set 是一个值的集合 里面的每 ......
JavaScript学习笔记：模块
## 前言 在js编程中，模块指的是按照一定格式将代码以功能拆分后作为独立文件存在的一个实体。 早期的JS并没有规定模块应该如何设计，核心语言也没有针对模块提供相关支持。 早期的代码使用IIFE来实现一个模块, 它是通过向全局对象添加属性来实现与其他模块来交互的。 ``` (function() { ......
JavaScript基础知识笔记
JavaScript 是属于 Web 的编程语言，对网页行为进行编程。 参考教程: 1. 2. JavaScript 能够改变 HTML 内容 ``` js document.getElementById("demo").innerHTML = "Hello JavaScript"; ``` Jav ......
多款前端商城购物网站html模板源码
1、仿淘宝粉色女性化妆品网上商城模板html源码 编辑切换为居中 添加图片注释，不超过 140 字（可选） 编辑切换为居中 添加图片注释，不超过 140 字（可选） 编辑切换为居中 添加图片注释，不超过 140 字（可选） 2、淘宝京东商城商品详情页模板html源码 编辑切换为居中 ......
前端大文件分片上传
前端大文件分片上传需要将文件切割成若干个片段，然后将每个片段上传到服务器，最终在服务端将所有的片段合并成完整的文件。下面是一个前端大文件分片上传的示例： 1. 将文件切割成若干个片段。 ```javascript function splitFile(file, chunkSize) { let f ......
前端怎么防止网页内容被爬取？
1. 动态的Class名称或者ID 2. 动态的标题 1. 限制访问频率：可以对同一 IP 地址的访问进行限制，防止恶意爬虫过度频繁地访问同一页面。 1. 使用反爬虫技术：如图形验证码，滑动验证码、语音验证码等方式，提高爬虫运行的难度。 2. 动态生成接口：通过 Ajax 请求来获取数据，动态生成页 ......
2023前端面试题整理-VUE篇
1. VUE的基本原理 当一个Vue实例创建时，Vue会遍历data中的属性，用Object.defineProperty将它们转为getter/setter，并且在内部追踪相关依赖，在属性被访问和修改时通知变化。 每个组件实例都有相应的watcher程序实例，它会在组件渲染的过程中把属性记录为依赖 ......
数据表单JavaScript代码
function load_suoshugaoxiao() { common_post.postPortal({ "ac": "get_data_by_sql_back_data_table_from_portal_with_table_id", "sql": "select mingchen fr ......
前端个人体系
# 栈内技术 # 前端工具 * [Git](http://iissnan.com/progit/) * Git 基本操作 * GitFlow * VScode * [Chrome Dev Tools](https://developer.chrome.com/docs/devtools/covera ......
常见前端安全问题总结
一、XSS攻击 全称跨站脚本攻击，简称XSS攻击，攻击者通过在目标网站上HTML注入篡改网页来插入恶意脚本， 当用户在浏览网页时获取用户的cookie等敏感信息，进一步做一些其他危害的操作。 根据攻击的来源，该攻击还可以分为： 1）存储型攻击：一般是在有评论功能的网站将恶意代码当作评论内容存储到服务 ......
前端三要素
HTML、CSS、js是构建网页的三种主要技术，也被称为前端技能三要素。 1.HTML:超文本标记语言 是一种使用标签（标记）描述网页的语言； 结构层；是一种标记语言 2.CSS:层叠样式表 主要用于美化web页面外观 表现层/样式层 样式表语言 3.JavaScript:简称JS，用于网页交互的解 ......
1. react项目【前端】+C#【后端】从0到1
1、创建前端基础框架 1.1 前端创建 软件： 1.1.1 npx create-react-app pc ps:pc 是文件名 ； 1.1.2 npm start 启动项目 2、创建后端基础框架 软件： 2.1 创建 webapi 项目 Program.cs 是启动文件 ； ......
JavaScript全解析——ES6函数中参数的默认值和解构赋值
**本文为千锋资深前端教学老师带来的【JavaScript全解析】系列，文章内含丰富的代码案例及配图，从0到1讲解JavaScript相关知识点，致力于教会每一个人学会JS！** **文末有本文重点总结，可以收藏慢慢看\~ 更多技术类内容，主页关注一波！** # ES6函数中参数的默认值 给函数的形 ......
JavaScript 使用一个数组对另一个对象数组进行过滤
JavaScript 使用一个数组对另一个对象数组进行过滤 假设我们有一个对象数组 objs，其中每个对象都有一个 name 属性，我们希望使用一个数组 names 对 objs 数组进行过滤，只保留那些 name 属性在 names 数组中的对象。我们可以使用 filter() 方法来实现这个功能 ......
学习日记——初识JavaScript
1.JS的组成和基本结构 ①JavaScript定义：（1）脚本语言（2）有一定的安全性（3）一种基于对象的一种语言（4）可以定义一堆的事件（方法/函数）并进行调用 ②组成部分： （1）EcmaScript：核心语法。Js前身（2）Dom（文档对象模型）（3）Bom（浏览器对象模型） ③JavaSc ......
Javascript执行原理 网页引入javascript的三种方式* javascript核心语法 数据类型 Typeof运算符
Javascript执行原理： 用户端发送请求到服务器端 将js解析出来的数据（用户身份表示）绑定在请求路径中 服务器端获取到参数后会响应客户端 客户端通过浏览器解析响应的数据并将数据展现在浏览器上 网页引入javascript的三种方式*： 使用script标签 <script type=“tex ......