前端 碎片javascript化学
前端微服务架构1-项目启动及打包部署
启动 父子应用可以单独启动,单独启动就不说了 关于一起启动 1、安装npmall: npm install npm-run-all --save-dev 2、编写启动命令 "scripts": { "dev": "webpack-dev-server --inline --hot --progres ......
前端微服务架构2-路由配置
先声明我的项目使用的是history路由,hash路由的坑没有踩 父应用的路由 { path: '/compliancePromotion/:pathMatch(.*)*', //微服务,由于子应用可能还有二级菜单,所以子应用的所有菜单都得匹配上 name: 'compliancePromotion ......
前端微服务架构1-搭建项目
公司项目老旧,迭代时间过久,迭代人员水平一般的情况下还有添加新模块怎么办? 这几天尝试了一下开源的微服务架构, 目前网上有两种开源框架: 1、蚂蚁的qiankun目前15.1k 2、京东的micro-app目前4.9k点赞, 前者的点赞量在github上更高,所以我选择了前者 搭建也不是很难,主要是 ......
有个前端跟我说,他只用div和span,这样做对吗?
HTML语义:div和span不是够用了吗? 今天这篇是我们正式开篇的第一篇文章,我想和你聊聊 HTML。 我猜屏幕那一边的你估计会说:“HTML 我很熟悉了,每天写,这不是初级程序员才学的内容么,这我还能不会吗?” 其实在我看来,HTML 并不简单,它是典型的“入门容易,精通困难”的一部分知识。深 ......
JavaScript 数据结构-数值和对象
数组是 JavaScript 中最简单、最常用的数据结构。这些是存储在连续位置的项目的集合。JavaScript 数组是动态的,允许您轻松添加或删除元素。它们以 0 索引并支持多种内置操作方法 对象是键值对,用于表示和存储数据。它们非常灵活,可以包含不同类型的数据,包括其他对象。对象通常用于对现实世 ......
【译】自制前端玩具框架
内容来源于“Let’s learn how modern JavaScript frameworks work by building one”,我在本文中不会逐字翻译,只会将关键部分列出。 React 是一个很棒的框架,但本文要实现的“现代 JavaScript 框架”是指“后 React 时代的 ......
Javascript(4)
1.可以使用 let 关键字来实现块级作用域。let 声明的变量只在 let 命令所在的代码块 {} 内有效,在 {} 之外不能访问。 2.在块中重新声明变量也会重新声明块外的变量。let 关键字就可以解决这个问题,因为它只在 let 命令所在的代码块 {} 内有效。 3.在 JavaScript ......
盘点前端的那些Ajax请求:从ES5到React
说起前端开发,Ajax请求是绕不开的技术点。然而,程序语言更新换代越来越快,Ajax请求的方式也是各有不同。 在使用ES5开发的时候,我们还在使用最原始的XMLHttpRequest对象: // createXHR函数,返回浏览器支持的异步请求对象 function createXHR() { if ......
JavaScript(3)
1.在 JavaScript 中,分号是可选的 。由于 return 是一个完整的语句,所以 JavaScript 将关闭 return 语句。不用对 return 语句进行断行。 2.使用名字来作为索引的数组称为关联数组(或哈希)。 JavaScript 不支持使用名字来索引数组,只允许使用数字索 ......
用户输入url,前端如何接收数据
获得用户输入的 URL: 你可以使用一个表单,然后通过一个 state hook (例如:useState)来获取和存储用户输入的 URL。 const [url, setUrl] = useState(''); const handleChange = (event) => { setUrl(ev ......
JavaScript(JS) 数组
JavaScript 数组是一个可变长度的对象,用于存储多个值。数组的值可以是任何类型,包括数字、字符串、对象、函数等。 参考文档:JavaScript(JS) 数组-CJavaPy 1、创建数组 可以使用以下方式创建数组: 使用方括号 [] 来创建一个空数组: JavaScript const ......
9.PG表的磁盘碎片清理
1.磁盘碎片 在PG中删除行时,这些行为只是被标记为 'dead' , 并不是真正从物理存储上进行删除,因为空间也没有被释放回收。 在PG中,除非进行自动的清理(vacuum)或者手工的清理,否则数据块所占用的物理空间是不会释放,在物理存储空间被回收之前,会导致存储空间中存在很多空洞。 大量的更新操 ......
前端学习笔记DAY3 HTML5基础(3)(b站pink老师)
二.HTML标签 6.表格标签 1.1 表格的主要作用 表格不是用来布局页面的,而是用来展示数据的。 1.2 表格的基本语法 <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> (1). <table> </table> 是用于定义表格的标签 ......
记录--前端验证码破解
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 最近受够了公司内部站点每次登陆都需要填写用户名和密码,还有输入验证码。 要是能够直接跳过登陆页面就好啦。 说干就干,决定使用油猴插件实现自动登陆功能。 其中最难解决的就是验证码破解,花了一天的时间完美解决,现在整理出来。 1.分析验证码 ......
前端项目练习(一) ---美食美客网页制作
项目名称:美食美客网页制作 技术栈:HTML + CSS 背景:熟悉使用HTML、CSS的使用 一、HTML代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport ......
短视频直播系统,前端比较常见的几种动画实现方式
短视频直播系统,前端比较常见的几种动画实现方式 我整理了如下的6种方式,接下来我们以最简单的例子,一个div从左到右移动一定的距离,分别看看这几种方案的具体实现。如有不妥还望指正。 一、CCS animation 这里省略了html部分,我们直接看css: .box{ height: 100px; ......
javascript中的点击事件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border> <tr> <th><input type="checkbox" class="checkbox">全选 ......
JavaScript数组
数组 在JavaScript开发中,数组主要用于临时存储多个数据,可以存放不同类型的数据。 数组的定义 数组的定义有两种方式: ①使用Array对象使用new关键字实现,语法如下: //定义一个空数组 let array = new Array(); //定义元素值位数值的数组 let array ......
一款基于.NET Core的快速开发框架、支持多种前端UI、内置代码生成器
前言 经常看到有小伙伴在技术群里问有没有什么好用且快速的开发框架推荐的,今天就给大家分享一款基于MIT License协议开源、免费的.NET Core快速开发框架、支持多种前端UI、内置代码生成器、一款高效开发的利器:WalkingTec.Mvvm框架(简称WTM)。 官方项目介绍 Walking ......
前端监控系统Sentry企业级实战
一、前端监控系统 1. 什么是监控系统?为什么要对项目监控? 在IT界内,监控系统指对项目运行的各项指标的实时记录的系统或服务,旨在提升项目质量和量化项目的各项指标,为项目发展提供可量化的依据。 一般来说项目监控是为了: 更快的发现和解决线上问题; 做产品和制定需求的决策依据; 为业务扩展提供了更多 ......
基于html+javascript开发的base64解码工具
base64在线解码工具可以帮助你将Base64编码的字符串解码为原始的文本或数据。 预览入口 以下是一个简单的base64在线解码工具的示例: html <!DOCTYPE html> <html> <head> <title>Base64在线解码工具</title> </head> <body> ......
前端 - 前端项目引入外部字体
最近前端小朋友又遇到了一个问题,就是很多时候UI设计师设计出来的效果图都包含一些特殊字体,而众所周知,显示字体的前提条件是安装字体,可我们怎么能保证用户每个人本地都安装了我们需要的字体呢? 答案是把字体文件放到前端项目中。我以当前遇到的字体为例说明一下步骤。 注意:我们因为是写Demo,所以不需要注 ......
前端大文件上传,断点续传
前语 无论是面试仍是实际作业,咱们都会遇到大文件上传的问题。事实上,在我之前的面试中,也被问到上传大文件(Excel)怎样处理,其时答的磕磕巴巴,直接导致整个面试以失利完毕。最近想起了整个作业,花了点时刻,整理出这个demo,当然了,整篇文章,不仅仅讲思路进程,毕竟也会附送源码 前端:Vue.js ......
使用代码生成工具快速开发应用-结合后端Web API提供接口和前端页面快速生成,实现通用的业务编码规则管理
在前面随笔《在Winform应用中增加通用的业务编码规则生成》,我介绍了基于Winform和WPF的一个通用的业务编码规则的管理功能,本篇随笔介绍基于后端Web API接口,实现快速的Vue3+ElementPlus前端界面的开发整合,同样是基于代码生成工具实现快速的前端代码的生成处理。 ......
前端 vue项目启动报错 spawn cmd ENOENT 的原因以及解决方案
前端项目启动到一半的时候卡在跳转浏览器出现了 这个问题 那么问题大概率就是你环境刚配置或者配置错了的问题,这个时候只需要 找到 我的电脑 => 属性 => 高级系统设置 => 环境变量 => 系统变量 => PATH 环境 => 双击进去 => 添加环境变量 => 添加这俩个 C:\Windows\ ......
JavaScript中的instanceof运算符
JavaScript中的instanceof运算符:https://blog.csdn.net/weixin_43263355/article/details/123551619?ops_request_misc=%257B%2522request%255Fid%2522%253A%25221703 ......
JSX是一种JavaScript的语法扩展
JSX是一种JavaScript的语法扩展,首先运用于React中,其格式比较像是模版语言,但事实上完全是在JavaScript内部实现的。元素是构成React应用的最小单位,JSX就是用来声明React当中的元素。React主要使用JSX来描述用户界面,但React并不强制要求使用JSX [1], ......
90%的面试问题(前端)
1.什么是MVVM,MVC模型 MVC框架(Model-View-Controller,模型-视图-控制器): Model(模型):代表数据和业务逻辑,负责数据的存储和处理。 View(视图):是用户界面的表示,通常是UI元素,例如网页、图形用户界面等。 Controller(控制器):是Model ......
JavaScript 数组方法重写
const list = [1, 2, 3] Array.prototype.myForeach = function (fn) { for (let i = 0; i < this.length; i++) { fn(this[i], i, this) } } Array.prototype.my ......