前端css
Nginx解决前端history路由模式下页面刷新404
原配置: ``` server { listen 80; server_name localhost; gzip on; gzip_static on; # 需要http_gzip_static_module 模块 gzip_min_length 1k; gzip_comp_level 4; gzi ......
开发指导—利用CSS动画实现HarmonyOS动效(二)
注:本文内容分享转载自HarmonyOS Developer官网文档 点击查看《开发指导—利用CSS动画实现HarmonyOS动效(一)》 3. background-position样式动画 通过改变background-position属性(第一个值为X轴的位置,第二个值为Y轴的位置)移动背景图 ......
Jest:优雅的前端单元测试框架
### 前言 日常工作的时候,经常听到前端单元测试,但由于工作性质,还没机会写这方面的单元测试,好奇的我,就提前学习一下,在此记录下来。 常见的前端单元测试框架有 jest、mocha、jasmine、karma、tape 等,这里头 mocha 笔者是很熟悉的了,几年前在做 UI 自动化测试、后端 ......
前端犄角旮旯,非常规面试题总结(不断更新....)
前段时间面试了一个大厂,被问了一些犄角旮旯的面试题,整场下来,一脸懵逼,决定痛定思痛,把这些题总结下来,不断更新。每天一遍,每天进步。。。 1、npm cnpm yarn pnpm的区别,各自的优势是什么? 你项目中用的什么? 首先说一下Node.js,简单的说 Node.js 就是运行在服务端的 ......
【校招VIP】前端JavaScript语言之跨域
考点介绍: 什么是跨域?浏览器从一个域名的网页去请求另一个域名的资源时,域名、端口、协议任一不同,都是跨域。跨域是前端校招的一个重要考点,在面试过程中经常遇到,需要着重掌握。本期分享的前端算法考点之大数据相关,分为试题、文章以及视频三部分。 答案详情解析和文章内容可点击下方链接即可查看 一、考点题目 ......
前端面试题(文本与语音播放mpv3),上传喜马拉雅,便于随身听
喜马拉雅播放地址(简介可看相关文字):https://www.ximalaya.com/album/77822188 线上可下载文本与MP3文件:https://gitee.com/yoonaLin/FE_Interview_questions ![](https://img2023.cnblogs ......
前端实现下载服务器xml文件
前端实现下载服务器xml文件 向后端服务器下载xml文件,请求访问出现乱码,解决方案 新建一个js文件enterpriseanalysisDetail.js,封装一个请求函数,请求类型设置responseType:blob import request from "@/utils/request"; ......
css实现圆形里面感叹号
.circle-exclamation { width: 20px; height: 20px; border-radius: 50%; display: inline-block; background-color: #eb4d4b; } .circle-exclamation::before { ......
【面试题精讲】什么是websocket?如何与前端通信?
> 有的时候博客内容会有变动,首发博客是最新的,其他博客地址可能会未同步,认准`https://blog.zysicyj.top` [首发博客地址](https://blog.zysicyj.top/) [系列文章地址](https://blog.zysicyj.top/categories/技术文 ......
前端小白Step1-开发环境构建
作为一名有着近10年后端开发经验的程序员,突然意识到要想清晰表达自己的想法和产品观念,但是完全不懂前端开发。。。Emoing,所以励志要能够做到用页面表达自己的想法和设计。2023.09.04开始打卡前端开发了。第一课调通前端开发环境 目前主流的前端开发框架还是Vue、React和Angular。但 ......
微前端框架micro-app基础使用示例
感觉微前端一直在身边萦绕,但没有动过手去玩过,最近做的一个项目,它比较庞大,模块也多,但最后又要汇集在一起,这不妥妥微前端使用场景,然而,然而架构师大佬已经接手了,我这等小弟领不到这活,所以就一直躺着没自己上手领会过微前端。昨天掘金上看了看微前端的框架,都比较推qiankun和micro-app,然 ......
现代 CSS 解决方案:数学函数 Round
在 CSS 中,存在许多数学函数,这些函数能够通过简单的计算操作来生成某些属性值,例如在[现代 CSS 解决方案:CSS 数学函数](https://github.com/chokcoco/iCSS/issues/177)一文中,我们详细介绍了 + calc():用于计算任意长度、百分比或数值型数据 ......
自动打包发布前端项目
1、deploy.config.js module.exports = { packedFile:'dist', //打包文件 project: 'testProject', //本地打包后的文件 port:'8091', // 端口号 place: 'root@123.11.11.111', // ......
css3-旋转木马
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
开课吧前端1期.阶段2:ES6详解-2 解构赋值 数组 字符串
4、解构赋值 解构可以理解把东西拆了 比如小时候把家里闹钟拆了 解构复制:注意 1.左右两边结构必须一样 2.右边必须是个东西 3.声明和赋值不能分开(必须在一句话里完成) let arr=[1,2,3] //把数组里面的东西,分别放到3个变量里面,传统写法 let a = arr[0] let b ......
css: A Multi-line CSS only Typewriter effect
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-sca ......
前端面试套题系列(第七篇)
1、{}、new Object和Object.create的区别 主要区别 1、{} 和 new Object() 除了本身创建的对象,都继承了 Object 原型链上(Object.prototype)的属性或者方法,eg:toString();当创建的对象相同时,可以说 {} 等价于 new O ......
Django优化模版拆分css文件
Django优化模版拆分css文件 可以发现前面写项目将css放在html一个文件中,虽然简单省事但是带来的问题就是文件过于冗长不方便查看和修改。这里做个分离优化提供两种方式 方式一:html和css存放同一目录 将原因html中</style>内容移动到home.css文件中,然后再html移动空 ......
前端Vue仿企查查天眼查高管信息列表组件
随着技术的不断发展,传统的开发方式使得系统的复杂度越来越高。在传统开发过程中,一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改,造成牵一发而动全身的情况。为了解决这个问题,我们采用了组件化的开发模式。通过组件化开发,可以有效地实现单独开发,单独维护,而且它们之间可以随意的进行组合。大大 ......
前端Vue仿企查查 天眼查知识产权标准信息列表组件
引入Vue仿企查查天眼查知识产权标准信息列表组件 随着技术的不断发展,传统的开发方式使得系统的复杂度越来越高。在传统开发过程中,一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改,造成牵一发而动全身的情况。为了解决这个问题,我们采用了组件化的开发模式。通过组件化开发,可以有效地实现单独开 ......
前端Vue自定义得分构成水平柱形图组件 可用于系统专业门类得分评估分析
引入Vue自定义得分构成水平柱形图组件:cc-horBarChart 随着技术的发展,传统的开发方式使得系统的复杂度越来越高,一个小小的改动或小功能的增加可能会导致整体逻辑的修改,造成牵一发而动全身的情况。为了解决这个问题,我们采用了组件化的开发模式。通过组件化开发,可以有效地实现单独开发,单独 ......
JSONCPP向浏览器前端发送服务器本地文件列表
服务器解析了浏览器请求之后,要进行响应 响应体里需要存放请求的内容 HTML标签:是页面的核心内容,定义了页面有什么内容。 CSS:控制HTML元素的排版布局和展示方式,是美化页面文档的。 JavaScript:让用户与页面进行交互,或在网页背后默默操控网页,以便让显示的内容与效果有所改变。对网页来 ......
开课吧前端1期.阶段1:初识ES6和ES6兼容性和新特性
1、 ECMAScript和JavaScript 关系 ECMA是标准,JS是实现 类似于HTML5是标准,IE10,Chrome谷歌,FireFox火狐都是实现 换句话说,将来也可能有其他,XX某某Script来实现 ECMA标准 ECMAScript简称ECMA或ES 目前也只有JavaScri ......
云服务器nginx代理前端静态资源
#前端的打包在package.json ![](https://img2023.cnblogs.com/blog/2957868/202309/2957868-20230901202251526-1643593288.png) #打包完成的文件dist也放在/home下面 ![](https://i ......
tool - 前端如何精确统计页面停留时长?
# tool - 前端如何精确统计页面停留时长? ## 1. 背景 页面停留时间(Time on Page)简称 Tp,是网站分析中很常见的一个指标,用于反映用户在某些页面上停留时间的长短,传统的Tp统计方法会存在一定的统计盲区,比如无法监控单页应用,没有考虑用户切换Tab、最小化窗口等操作场景。基 ......
从零开始一个vue3前端项目day03-网络请求配置篇
网络请求配置是项目中必不可少的部分,接下来就讲解一下项目中网络请求配置的常用步骤1:选择网络请求库,一般vue采用axios,react采用umi框架的request,接下来就是在项目引入啦 $ npm install axios 2:一般在项目中我们都会对网络请求进行一个相应的封装,采用axios ......
css怎么让动画一直播放
css怎么让动画一直播放 CSS动画是为网页添加动态效果的常用技术。然而,有些动画在播放一次后就停止了,无法一直重复播放。下面我们将介绍如何使用CSS让动画一直播放。 首先,我们需要使用CSS关键帧(keyframes)来定义动画。keyframes允许我们指定动画在不同的帧(或时间点)上的样式。例 ......
前端知识~Content-Type和Accept
# 概述 Content-Type和Accept是两个HTTP标头(HTTP headers),用于在HTTP请求和响应之间传递有关请求的数据类型和响应的首选内容类型的信息。这两个标头在HTTP通信中起着关键的作用。 1. Content-Type: - `Content-Type` 是HTTP请求 ......