前端html css
JS 前端导出Excel
先通过 npm 下载 Excel npm install xlsx -S 在需要数据的页面进行引入 import * as XLSX from "xlsx"; 以下这俩个方法直接复制粘贴，不需要改动. //导出excel相关函数 sheet2blob(sheet, sheetName) { //将文 ......
CSS中通配输入文字的小技巧——如何在元素名中包含通配符
CSS中，*的作用是通配表示“全部”。遗憾的是，并没有一种通配元素名的方法。 例如，我有好几个东西class都标记为了my-element-序号，就像这样： ```html ... ``` 我现在希望让所有这些class的东西都应用同一个css规则。可惜，css并不支持这么一种写法： ```css ......
CSS(一）
css简介 CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称. 有时我们也会称之为 CSS 样式表或级联样式表。 CSS 是也是一种标记语言 CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布 ......
前端知识-HTML
HTML 这个整理的也挺好的 https://www.cnblogs.com/suoning/p/5614372.html 1、HTML（结构）、CSS（样式）、JS（行为） 2、网页基本结构 <html> <head> <!-- 头部内容 --> </head> <body> <!-- 主体内容 ......
前端知识-浏览器
浏览器 1、浏览器： 用来检索、展示以及传递Web信息资源的应用程序 2、各种浏览器极其内核： Trident（应用于Internet Explorer）； Gecko（应用于Mozilla Firefox）； Presto（Opera 采用的是 Presto内核）； WebKit （应用于Appl ......
springmvc中前端提交数据显示乱码的解决方法
自己手写一个Filter来处理前台发送的请求： 对前台打来的请求进行设置，servletRequest.setCharacterEncoding("utf-8"); 然后放行，继续执行即可。 package com.gyh.web.filter; import javax.servlet.*; im ......
前端总结
# 前端与后端的概念 ## 前端 ## 就是与用户直接打交道的操作界面就可以称为前端 ## 后端 ## 不直接与用户打交道主要负责内部真正的业务逻辑的执行就是后端 ## 前端的三个模式 ### HTML 编写前端页面的文件 ### css 给html前端增加样式包装一下前端页面 ### JavaSc ......
前端微服务无界实践
随着项目的发展，前端SPA应用的规模不断加大、业务代码耦合、编译慢，导致日常的维护难度日益增加。同时前端技术的发展迅猛，导致功能扩展吃力，重构成本高，稳定性低。因此前端微服务应运而生。 ......
Html5定位不准确问题
if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(getPosition,getPositionError, { // 指示浏览器获取高精度的位置，默认为false enableHighAccuracy: tr ......
支持复制粘贴word公式的HTML编辑器
在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题，于是各种网上扒拉，终于找到解决方案，在这里感谢一下知乎中众大神以及TheViper。 通过知乎提供的思路找到粘贴的原理，通过TheViper找到粘贴图片的方法。 其原理为一下步骤： 监听粘贴事件；【用于插入图片】 获取光标位置；【记录图片 ......
碎片化学习前端之JavaScript（for...in 和 Object.keys() 的区别）
## 前言 JavaScript 中遍历对象的方式主要有：`for...in` 和 `Object.keys()` 两种方式。 ## for...in ```js let obj = { name: 'ming', age: 18, } obj[Symbol('hello')] = 'world' ......
用css给坤坤增打篮球加一些灵动效果（ikun忠实粉丝 👻）
 首先我们拿出珍藏已久的ikun背景图，没有的下载下来，也可以到网上找一个类似的 ：用于计算任意长度、百分比或数值型数据，并将其作为 CSS 属性值。 * min() 和 max()：用于比较一组数值中的最大值或最小值，也可以与任意长度、百分比或数值型数据一同使用。 * c ......
VSCode的Minify自动压缩html css js插件
VSCode的Minify自动压缩html css js插件 11-26分类: VSCode25个赞 这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置，以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css ......
vscode：如何在保存less文件时，自动生成对应的css文件，并指定css文件的保存路径
一、下载安装Easy LESS首先利用vscode的插件功能搜索并下载安装Easy LESS 点击Install，安装自动生成css文件的插件Easy LESS 二、指定css文件保存路径点击设置——》扩展设置点击在setting.json中编辑方法有两种：两种方法都是修改如下部分 （一）：相对路径 ......
微前端
微前端是将单体应用程序拆分为一组更小、更容易管理的单元，使得应用程序能够更加灵活、可扩展、易于维护，并且能够让不同团队或个人独立开发、测试和部署应用程序的不同部分。这种架构方式可以从多个方面带来很多好处，具体包括以下几点： 1. 易于扩展和维护 微前端架构将应用程序拆分成多个小型单元，每个单元包含不 ......
css字体复合
body { font: font-style font-wight font-size/line-height font-family; } body { font: italic 700 16px 'Microsoft yahei'; } ......
js前端fetch参数
const response = fetch(url, { method: "GET",//请求方式 headers: {//定制http请求的标头 "Content-Type": "text/plain;charset=UTF-8" }, body: undefined,//post请求的数据体， ......
html网页中禁用右键下载视频的解决方法(iframe和video)
html网页中禁用右键下载视频的解决方法(iframe和video) 前言： vidoe组件——禁用下载功能 有些官网上的视频是不允许下载的，为了防止视频被盗或者从事违法的活动。 因此我们在官网等敏感网站中使用video组件的时候，需要视频的禁用下载功能；在使用video组件来播放视频时，视频上会有 ......
html+css实现的计算机科学学院首页静态页面
家人们啊，我真是出息了 终于不是我仿写的了，是我真正意义上完全由自己编写的一个静态页面，总算是看起来比较可以了 主要是在仿写的时候，感觉博主写的实在是太乱了又很复杂，不如自己编写一下简单，就简单试了一下 经过了大概一个星期，总算是写出来了 主要是一个西南石油大学计算机学院的页面，很简单，更多的是类似 ......
前端如何配合后端埋点
需求：点击按钮时和进入离开页面时，监听用户行为 * 本篇文章未写完，过两天需求写完了再更新完整的 思路： 监听点击事件，生成一个自定义的clickSession，然后在请求拦截器的header里面加上该字段，这样埋点接口和点击之后执行的接口就可以关联起来了。具体实现如下 App.vue ``` `` ......
[HTML 5] Detect visualViewport change
On mobile device, when you open / close the keyboard, zoom in / out, it might affect the visual viewport view (the actual page content); to detect cha ......
前端解析markdown处理表格样式
后端返回markdown格式，前端解析，使用的是marked.js 安装 ``` npm install marked --save ``` 另外我也给代码做了高亮 ``` npm install highlight.js --save ``` main.js ``` import hljs fro ......
HTML与CSS综合设计报告
【项目描述】 最近来自国产的独立像素游戏《风来之国》发售，借此做一个相关的游戏介绍网页来介绍这款游戏，并收集感兴趣玩家的信息反馈，以此改进游戏，吸引玩家的加入。 图1 主页预览图 【涉及知识点】 1、 HTML 布局 2、 文本属性 3、 图片的插入 4、 css链入式的使用 5、 选择器的使用 6 ......
html屏蔽右键、禁止复制与禁止查看源代码的几种方法
方法一：左右键屏蔽 先来一种最简单的方法，它直接在body属性定义了oncontextmenu，使得右键的值为false，起到了屏蔽右键的效果。 1 <body oncontextmenu=self.event.returnValue=false> 这个方式虽然屏蔽掉了右键的功能，但是左键还可以使用 ......
Velocity 不用愁！Velocity 系统的前端工程化之路
Velocity是一个基于Java的Web页面模版引擎。十多年前，Velocity将Java代码从Web页面中分离出来，使得开发者能够并行网页开发和Java开发。随着十年前后端分离的浪潮涌动，回首再面对这些基于Velocity的旧系统，无论是后端还是前端人员维护，都会存在诸多问题 ......
html积累
html5中的积累： details与summary标签： // 解释：定义一个可见标题，点击“标题”会显示“详细信息”// 兼容：目前仅Chrome, Safari 8+ 和Opera 26+支持此标签<details> <summary> 标题 </summary> 详细信息 </details ......
CSS基础-文字样式
文字是网页展示的重要内容之一，所以对文字的修饰也是CSS重点关注的一部分， CSS提供了以下常用的样式属性来修饰文字。 ### color 属性 color 用来设置文字颜色。 设置方式支持以下几种格式 - 英语颜色单词形式，如: red（红）、black（黑）、orange（橙色）等。 ```js ......
[React Typescript] useRef with HTML Elements
React set the ref to null in runtime. It is a limitation now for react. import { useRef } from 'react'; export const Component = () => { const ref = u ......