前端chrome
前端实现文件上传(点击+拖拽)
一、简介之前在Vue项目中使用过element的上传组件,实现了点击上传+拖拽上传的两种上传功能。然后我就在想是否可以通过原生的html+js来实现文件的点击上传和拖拽上传,说干就干。首先是点击获取上传文件自然没的说,只需要借助input标签即可,但原生的点击上传按钮,实在是过于简陋,所以我的想法是 ......
前端微服务架构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上更高,所以我选择了前者 搭建也不是很难,主要是 ......
Windows7运行谷歌浏览器Chrome报错
问题描述 Windows 7安装了最新版的谷歌浏览器Chrome,每次打开直接报错:“chrome.exe - 无法找到入口 无法定位程序输入点 SetProcessMitigationPolicy 于动态链接库 KERNEL32.DLL 上” 问题分析 更新了Google Chrome 110版本 ......
有个前端跟我说,他只用div和span,这样做对吗?
HTML语义:div和span不是够用了吗? 今天这篇是我们正式开篇的第一篇文章,我想和你聊聊 HTML。 我猜屏幕那一边的你估计会说:“HTML 我很熟悉了,每天写,这不是初级程序员才学的内容么,这我还能不会吗?” 其实在我看来,HTML 并不简单,它是典型的“入门容易,精通困难”的一部分知识。深 ......
Chrome扩展程序是如何进行消息传递的
一个复杂的 Chrome 扩展程序通常由 `content_scripts`,`background`,`action popup`,`side panel`,`options page`,`devtools` 等部分组成,这些部分所负责的功能各不相同,所处的运行环境各不相同,所能访问的 `chro... ......
【译】自制前端玩具框架
内容来源于“Let’s learn how modern JavaScript frameworks work by building one”,我在本文中不会逐字翻译,只会将关键部分列出。 React 是一个很棒的框架,但本文要实现的“现代 JavaScript 框架”是指“后 React 时代的 ......
盘点前端的那些Ajax请求:从ES5到React
说起前端开发,Ajax请求是绕不开的技术点。然而,程序语言更新换代越来越快,Ajax请求的方式也是各有不同。 在使用ES5开发的时候,我们还在使用最原始的XMLHttpRequest对象: // createXHR函数,返回浏览器支持的异步请求对象 function createXHR() { if ......
用户输入url,前端如何接收数据
获得用户输入的 URL: 你可以使用一个表单,然后通过一个 state hook (例如:useState)来获取和存储用户输入的 URL。 const [url, setUrl] = useState(''); const handleChange = (event) => { setUrl(ev ......
chrome://inspect/#devices调试方法及页面白屏解决
1.数据线链接电脑,如果没有数据线,安卓调试可以通过Android Studio 使用WIFI连接手机调试 2.电脑打开链接 chrome://inspect/#devices会看到如下界面 如果Remote Target这块没有出现手机的链接,需要在手机上打开开发者模式 3.打开开发者模式,华为手 ......
前端学习笔记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; ......
一款基于.NET Core的快速开发框架、支持多种前端UI、内置代码生成器
前言 经常看到有小伙伴在技术群里问有没有什么好用且快速的开发框架推荐的,今天就给大家分享一款基于MIT License协议开源、免费的.NET Core快速开发框架、支持多种前端UI、内置代码生成器、一款高效开发的利器:WalkingTec.Mvvm框架(简称WTM)。 官方项目介绍 Walking ......
Chrome开发工具 在安卓设备上使用 Chrome 远程调试功能
你的网页内容在移动设备上的体验可能和电脑上完全不同。Chrome DevTools 提供了远程调试功能,这让你可以在安卓设备上实时调试开发的内容。 安卓远程调试支持: 在浏览器选项卡中调试网站。 在原生安卓应用中调试网页内容。 将屏幕从你的安卓设备上投影到你的开发机器上。 使用端口转发和虚拟主机映射 ......
前端监控系统Sentry企业级实战
一、前端监控系统 1. 什么是监控系统?为什么要对项目监控? 在IT界内,监控系统指对项目运行的各项指标的实时记录的系统或服务,旨在提升项目质量和量化项目的各项指标,为项目发展提供可量化的依据。 一般来说项目监控是为了: 更快的发现和解决线上问题; 做产品和制定需求的决策依据; 为业务扩展提供了更多 ......
React 项目启动在 chrome 上报错 之 Uncaught TypeError: Cannot read property ‘forEach‘ of undefined
chrome上报错如下: 原因:安装React Developer Tools导致的,关闭这个插件就行 ......
前端 - 前端项目引入外部字体
最近前端小朋友又遇到了一个问题,就是很多时候UI设计师设计出来的效果图都包含一些特殊字体,而众所周知,显示字体的前提条件是安装字体,可我们怎么能保证用户每个人本地都安装了我们需要的字体呢? 答案是把字体文件放到前端项目中。我以当前遇到的字体为例说明一下步骤。 注意:我们因为是写Demo,所以不需要注 ......
前端大文件上传,断点续传
前语 无论是面试仍是实际作业,咱们都会遇到大文件上传的问题。事实上,在我之前的面试中,也被问到上传大文件(Excel)怎样处理,其时答的磕磕巴巴,直接导致整个面试以失利完毕。最近想起了整个作业,花了点时刻,整理出这个demo,当然了,整篇文章,不仅仅讲思路进程,毕竟也会附送源码 前端:Vue.js ......
使用代码生成工具快速开发应用-结合后端Web API提供接口和前端页面快速生成,实现通用的业务编码规则管理
在前面随笔《在Winform应用中增加通用的业务编码规则生成》,我介绍了基于Winform和WPF的一个通用的业务编码规则的管理功能,本篇随笔介绍基于后端Web API接口,实现快速的Vue3+ElementPlus前端界面的开发整合,同样是基于代码生成工具实现快速的前端代码的生成处理。 ......
彻底清除Chrome、Firefox、Edge、Safari等浏览器的缓存文件
浏览器的缓存,是存储在硬盘驱动器或手机/平板电脑存储中的网页集合。缓存包括你访问过的网页上包含的文本、图像和大多数其他媒体。 拥有网页的本地副本可以在下次访问时快速加载,因为你的计算机或移动设备不必再次从互联网下载。然而,随着时间的推移,缓存可能会占用计算机存储的很大一部分。 为什么必须清除缓存 你 ......
前端 vue项目启动报错 spawn cmd ENOENT 的原因以及解决方案
前端项目启动到一半的时候卡在跳转浏览器出现了 这个问题 那么问题大概率就是你环境刚配置或者配置错了的问题,这个时候只需要 找到 我的电脑 => 属性 => 高级系统设置 => 环境变量 => 系统变量 => PATH 环境 => 双击进去 => 添加环境变量 => 添加这俩个 C:\Windows\ ......
90%的面试问题(前端)
1.什么是MVVM,MVC模型 MVC框架(Model-View-Controller,模型-视图-控制器): Model(模型):代表数据和业务逻辑,负责数据的存储和处理。 View(视图):是用户界面的表示,通常是UI元素,例如网页、图形用户界面等。 Controller(控制器):是Model ......
前端导出export2Excel-多级表头
1,export2Excel.js /* eslint-disable */ // import { saveAs } from "file-saver"; const saveAs = require("file-saver"); // import XLSX from "xlsx"; impor ......
前端广度和深度拓展方式之多看博文
记录一些阅读的比较好的博文汇总 1.框架类相关的 前端框架自欺欺人,TypeScript全无必要?(自述了对于目前前端框架越来越复杂,学习成本越来越高的背景和见解) ......