格式vscode html css
html2canvas
Web页面转换为图片并下载 下载图片 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Web页面转换为图片并下载</title> <!-- <script src="https://cdnjs.cloudflare.com/aj ......
windows和linux文件格式互转
# 查看当前文件格式 cat -A filename 每行结尾是^M$为windows每行结尾是$为linux 方式一: dos2unix test2.txt # 把DOS格式的文本文件转变成UNIX下的文本文件 方式二: #windows转linux #打开文件在控制模式下输入set ff=uni ......
css属性——env()和constant()设置安全区域,解决移动端小程序和H5底部栏 iPhoneX安全区域(Safe Area)底部小黑条在的屏幕适配
转载:https://www.cnblogs.com/jiaoshou/p/16647577.html 使用苹果官方推出适配方案css函数env()、constant()来适配 苹果官方推荐使用env()，constant()来适配，建议使用该方案，不需要管数值具体是多少。这2个方法是什么呢？ en ......
CSS伪类
CSS伪类是用来添加一些选择器的特殊效果。 语法 伪类的语法： selector:pseudo-class {property:value;} CSS类也可以使用伪类： selector.class:pseudo-class {property:value;} https://www.lekaowa ......
CSS 实现重叠效果时，div 背景被 img 图片遮挡
CSS 为实现重叠效果，将 margin-top 设为负值时，div 背景被 img 图片遮挡 一、未实现重叠效果 <body> <img src="https://cdn.uviewui.com/uview/swiper/swiper2.png" style="width: 375px;" alt ......
常用css属性flex: 1详解
flex:1实际代表的是三个属性的简写 flex-grow是用来增大盒子的，比如，当父盒子的宽度大于子盒子的宽度，父盒子的剩余空间可以利用flex-grow来设置子盒子增大的占比 flex-shrink用来设置子盒子超过父盒子的宽度后，超出部分进行缩小的取值比例 flex-basis是用来设置盒子的 ......
Vscode爆红，Delete `␍`eslint(prettier/prettier)错误的解决方法
一、问题 使用vscode学习nest.js的过程中，遇到了多处爆红，编辑器每行代码最后都出现了红色的波浪号。如图： 二、主要原因 通过度娘大力支持，最终在多种方法结合下解决了这些波浪线。源头都是因为安装了 Prettier 插件指定了文件的结尾换行符与系统不一致导致的。 Windows在换行的时候 ......
[CSS]水平镜像翻转
// 方法1 ios支持差 transform retateX(180deg) // 方法2 通用 transform scaleX(-1) 垂直翻转将X改为Y即可 ......
vscode npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
管理员身份运行vs code 在终端执行：get-ExecutionPolicy，显示Restricted（禁止状态） 更新Powershell策略，在终端执行：set-ExecutionPolicy RemoteSigned 再次查询策略状态，在终端执行：get-ExecutionPolicy，显 ......
使用uni-app写小程序，解析含有html标签的富文本
最近在改一个项目，将html+js+css的项目改成小程序，我说使用的uni来写的，其中遇到一个问题，就是需要解析富文本，在vue中可以直接使用v-html， 但是小程序中的标签都是view，text以及image等，该怎么办呢 于是在uni官网找到插件u-parse <u-parse :conte ......
CSS3弹性盒子
传统布局与flex布局 传统布局 兼容性好 布局繁琐 局限性，不能在移动端很好地布局 flex 弹性布局 操作方便，布局极为简单，移动端应用很广泛 PC 端浏览器支持情况不如移动端 flex 布局的基本概念 Flexible Box 模型，通常被称为 flexbox，是一种一维的布局模型。它给 fl ......
好用到爆！10个你可能不知道的VSCode开源工具神器
作为一款广受欢迎的开源IDE，VSCode凭借其轻量级和高度可扩展的特性，成为了越来越多开发者的首选工具。但是，VSCode的强大功能并不仅限于其本身，是可以通过插件、主题和其他扩展来进一步扩展其功能。在本篇文章中，我将介绍10个原先你可能根本不知道的开源工具，这些工具可以帮助你更高效的使用VSCo ......
Html
BootStrap 初识： Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 共同开发，用于快速开发 Web 应用程序和网站的前端框架。提供更多的CSS样式和JS规则。 JavaScript jQuery EasyUI BootStrap 资源包下载 ......
css选择器 ~ （波浪号）、+（加号）、＞（大于号）的用法解析和举例
参考：https://blog.csdn.net/Amnesiac666/article/details/122060057 ~（波浪号）：A ~ B表示选择A标签后的所有B标签，但是A和B标签必须有相同的父元素。 ~（加号）加号又被称作兄弟选择器。A+B表示选择紧邻在A后面的B元素，且A和B必须拥 ......
js获取当前时间并设定返回格式
1、 /** * 返回当前时间字符串 * @param {any} fmt 格式化格式 yyyy-MM-dd hh:mm:ss */ function us_date_getnow(fmt) { var mydate = new Date(); return this.us_date_format( ......
HTML+JS+CSS实现图片文件上传界面设计的例子
在Java Web应用程序设计中文件上传功能的实现是一项非常重要的工作，本文中的例子程序实现了文件上传功能的界面设计。在Java Web应用程序设计中涉及到上传图片文件功能时，往往都需要对图片文件进行预览，如新闻稿件编辑、证件照片上传等，以便查看上传文件是否正确和效果是否适合，但是Windows系统 ......
js对时间格式化
/** * @function * @name us_date_format * @param {string} date - 时间字符串 2023-03-23 01:20:03 * @param {string} fmt - 格式化样式 yyyy-MM-dd hh:mm:ss * @desc 返回 ......
火狐浏览器插件--Stylish，任意网站嵌入css
护眼背景 vbody{ background-color: rgb(204,232,207) } 效果展示 ......
暗夜发光,独自闪耀,盘点网页暗黑模式(DarkMode)下的特效和动效,CSS3实现
众所周知，网页的暗黑模式可以减少屏幕反射和蓝光辐射，减少眼睛的疲劳感，特别是在夜间使用时更为明显。其实暗黑模式也给霓虹灯效应（Neon Effect）提供了发挥的环境。 霓虹灯效应是一种视觉效果，其特点是在深色背景上使用鲜艳的颜色来产生强烈的视觉冲击。这种效应通常用于设计海报、广告、标志和网页等。霓 ......
HTML
一、HTML基础 1.注释 <!-- 注释 --> 2.文档声明 <!DOCTYPE html> 3.编码设置 <head> <meta charset="UTF-8"/> </head> 4.HTML设置语言 <!DOCTYPE html> <html lang="zh-CN"> <head> < ......
css 按钮背景透明
background-color: Transparent; background-repeat:no-repeat; border: none; outline:none; ......
jsp和html的区别
JSP代表JavaServer Pages；它主要用于开发动态网页，文件的扩展名为.jsp。JSP技术允许快速开发并易于维护所述信息丰富的动态网页。JSP网页基于HTML，XML或其他文档类型。他们还需要兼容的Web服务器和servlet容器，例如Apache Tomcat或Jetty，才能运行。 ......
【Javaweb】html frame标签的使用 | 导航栏右侧内容的实现
问题的产生： 是我和同伴做了一个导航栏，但是我们不知道怎么实现右侧内容的切换 然后我们查了很多资料，但是有一些是垂直的，但是就如图可见，我们是水平的，那么怎么实现水平切换呢？ 上网看到了frame标签，于是我们想试一试。 标签详解 示例 <iframe src="http://www.w3schoo ......
格式化get请求参数
function serializeData(data) { let arr = []; function keyName(key, name) { return name ? `${name}[key]` : key; } const serialize = (obj, name) => { fo ......
直播系统开发，时间戳与日期格式的相互转换
直播系统开发，时间戳与日期格式的相互转换 1. 将时间戳转换成日期格式： function timestampToTime(timestamp) { var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000 let ......
.Net实现Html保存到照片
本文将使用PuppeteerSharp组件、实现Html代码片段生成Jpg照片 PuppeteerSharp项目地址：https://github.com/hardkoded/puppeteer-sharp 1.安装引用PuppeteerSharp 1.1 使用Nuget界面管理器 搜索 "Pupp ......
HTML的语言规范_基本结构标签和vscode设置
一.语法规范 1.1基本语法概述 HTML标签是由尖括号包围的关键词,列如<html> HTML标签通常是成对出现的,列如<html></html>,这种称之为双标签,标签中的第一个标签是开始标签,第二个标签是结束标签 有些特殊的标签必须是单个标签(极少情况) 比如:<br />,这种称之为单标签 ......
css实现文字的条纹阴影效果
先写下一段文字 添加重复的线性渐变，该渐变倾斜45deg（倾斜角度依需求设置） 上面的为黑色、透明色的渐变，实际上渐变的颜色需要跟文字的背景颜色相同，如果文字的背景色是白色那么渐变的颜色就是白色、透明色，白色用来融入背景，透明色用来显示被遮住的文字，如下: 写下相同的文字，覆盖条纹阴影，调整文字的位 ......