隐藏置顶帖
置顶
纸质笔记誊抄记录
准备一步一步来 , 下面是地址 , 等抄好后建立一个就写一个地址
PHP : 2023年PHP笔记记录
MYSQL : 2023年MYSQL笔记记录
DZ_MYSQL : Discuz!X 数据库操方法集锦
JS : 2023年 JS笔记记录
CSS : 2023年 CSS笔记记录
HTML : 2023年 HTML笔记记录
隐藏置顶帖
置顶
2023年 CSS笔记记录
[mw_shl_code=css,true]
color:#FFF //文字颜色
cursor:pointer //手型鼠标
*:hover //鼠标选中效果
box-shadow : 1px 1px 1px 1px #fff inset; //水平坐标 垂直坐标 模糊 放大 颜色 内部阴影
border-radius : 5px; //圆角
border : dasheh 1px #fff //实线 solid //dasheh 虚线
[/mw_shl_code] ...
隐藏置顶帖
置顶
2023年 JS笔记记录
JS函数
[mw_shl_code=javascript,true]
setTimeout(函数,200); //延迟执行
setInterval(函数,200); //循环执行
[/mw_shl_code]
跳转
[mw_shl_code=javascript,true]
Location="url";
[/mw_shl_code]
控制台
[mw_shl_code=javascript,true]
conscle.log("XXX");
[/mw_shl_code]
Layui函数
[mw_shl_code=j ...
隐藏置顶帖
置顶
2023年 HTML笔记记录
H5表单 - 属性
[mw_shl_code=html,true]
readonly //只读
reqaired //必填
selstsd //已选中
placehade //期望值
hidden //隐藏
[/mw_shl_code]
button 按钮
[mw_shl_code=html,true]
type="submit" //提交
type="button" //普通
[/mw_shl_code]
标签
[mw_shl_code=html,true]
href="地址"
target=" ...
element-plus中的图标icon怎么下载到本地调用
图标可以通过npm形式下载 , 下载后全部装入相关目录 并按照如下方式调用;
调用的时候 调用这个文件就行
[mw_shl_code=html,true]
[/mw_shl_code]
图标当前版本的正确写法 , 中间要带中杠
[mw_shl_code=html,true]
[/mw_shl_code]
找到这条语句:
[mw_shl_code=javascript,true]const app = createApp(App)[/ ...
HTML:target A标签打开新页面
_blank -- 在新窗口中打开链接
_parent -- 在父窗体中打开链接
_self -- 在当前窗体打开链接,此为默认值
_top -- 在当前窗体打开链接，并替换当前的整个窗体(框架页)
一个对应的框架页的名称 -- 在对应框架页中打开
比例尺、缩略图、平移缩放之百度地图添加控件方法
下面通过图文并茂的方式给大家详细介绍下比例尺、缩略图、平移缩放之百度地图添加控件方法。 地图控件概述
百度地图上负责与地图交互的UI元素称为控件。百度地图API中提供了丰富的控件，您还可以通过Control类来实现自定义控件。 地图API中提供的控件有： Control：控件的抽象基类，所有控件均继承此类的方法、属 ...
canvas HTML5 重中之重
canvas是HTML5中的重点；今天简单的学习了一下，总结一下canvas的概念；canvas是要有面向对象的思维；各个标签就像我们画水彩画一样，需要注意标签使用的顺序
canvas就是一个画布；可以画线，图形，填充等。操作图片和文本。操作方式是使用js；可以提供2d图形，3d图形绘制；
canvas使用：
①
需要有一个ID ，画布的尺寸；
...
layui文档页面网页大图和HTML备份
所有对 layui 为之热爱、鞭策、奉献，和支持过的开发者：
请接受我用意念和字节传达的深深歉意。这是一个无力、无奈，甚至无助的决定：layui 官网将于 2021年10月13日 进行下线。届时，包括新版下载、文档和示例在内的所有框架日常维护工作，将全部迁移到 Github 和 Gitee。
此后，layui 仍会在代码托管平台所活跃，且 2.7 ...
Layui前端UI框架下架应急处理
今天我们看到了通知 , 我们一直在使用的前端UI框架 Layui 官网即将下线;
我们的作品中不少都是使用这个UI框架 , 为了阻止损失进一步扩大;
我们决定做出以下几步 尽可能挽回损失;
1. 保存所有文档部分为PNG图片 , 以便保留网页样式;
2. 保存网页所有文件 , 包括代码布局 , 以便将来有时间还原网站;
3. 将以上资源打包后公 ...
html2canvas.js——HTML转Canvas工具
我们经常会遇上动态生成海报的需求，而在Web前端中，生成图片非Canvas莫属。但是在实际工作当中，为了追求效率，我们会不可避免地去使用一些JS插件，而html2canvas.js就是一款优秀的插件，它可以轻松地帮你将HTML代码转换成Canvas，进而生成可保存分享的图片。
布局
[mw_shl_code=html,true]
学习Web前端关注前端微站 ...
html2canvas 把h5网页保存为图片 区域保存
想把一个网页得某些元素，绘制成图片保存，有些数据是接口动态加载的，所以不能UI给到图片，需要我们把api的数据也绘制到图片上
html2canvas这个插件可以完美解决，以下是使用方法和一些坑
html2canvas : http://html2canvas.hertzen.com/
index.html
[mw_shl_code=html,true]
...
js 将页面保存为图片
[mw_shl_code=html,true]js 将页面保存为图片
保存为images
保 存
function saveCanvas() {
html2canvas($(".Body")).then(function(canvas) {
var imgUri = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
$("#download").at ...
web/html5调用摄像头实现二维码扫描效果（代码实例）
jquery中文网为您提供web/html5调用摄像头实现二维码扫描效果（代码实例）等资源，欢迎您收藏本站，我们将为您提供最新的web/html5调用摄像头实现二维码扫描效果（代码实例）资源
本文给大家介绍如何用web/html5调用摄像头实现二维码扫描的效果，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
利用ht ...
纯 CSS 实现绘制各种三角形（各种角度）
一、前言三角形实现原理：宽度width为0；height为0；（1）有一条横竖边（上下左右）的设置为border-方向：长度 solid red，这个画的就是底部的直线。其他边使用border-方向：长度 solid transparent。（2）有两个横竖边（上下左右）的设置，若斜边是在三角形的右边，这时候设置top或bottom的直线，和右边的斜线。若斜边是在 ...
如何去掉a标签的下划线
标签的伪类样式
一组专门的预定义的类称为伪类，主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符＋样式规则来控制。伪类选择符包括：
总: a 表示所有状态下的连接 如 a{color:red}
① a:link：未访问链接 ,如 a:link {color:blue}
② a:visited：已访问链接 ,如 a:visited{color:blue}
③ a:active：激活时 ...
用纯CSS实现自适应布局表格
以手机、平板等移动设备为平台的浏览行为变得越来越平常，甚至有些人叫嚣PC将死。虽然说的有些夸张，但让你的网站布局能够兼容PC和移动设备这些需求变得越来越重要。这种网页布局就是“自适应布局”(有人喜欢把“Responsive layout”直译成‘响应式布局’，本人觉得‘自适应布局’更本土化)。这种布局的特点是使用CSS媒体查 ...
Layui自定义字体图标扩展
在html页面引用下载的css和js文件，我这里重新分了一下类，把iconfont重新放到一个文件夹，然后在标签内引用clss样式。
浅谈JS事件冒泡
今天要跟大家谈的是事件冒泡，这个事件呢，也是两面性的，有时候给我们带来bug,有时候优点也很明显。我们就一起来看看它的真面目。
首先看看事件冒泡是什么？
事件冒泡 ：当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级，一直到window 。（注意这里传递的仅仅是事件 并不传递所绑定的事件函数。所以如果父 ...
css解决td单元格内文字溢出
td单元格内显示的文字太长时，总是会自动分行，把表格撑高了，或者密密麻麻的一片，总是不好看~
俺一开始的做法是用php的mb_substr()来截取定长的字符串，但是，因为中英文字节的差异，比如，10个中文字符就比10个英文字符要长得多，在网页上显示起来就忽长忽短，无法对齐，很不美观~
~解决办法~
第一步：标签加样式：ta ...
JavaScript Cookie
Cookie 用于存储 web 页面的用户信息。
使用 JavaScript 创建Cookie
[mw_shl_code=javascript,true]document.cookie="username=John Doe";[/mw_shl_code]
您还可以为 cookie 添加一个过期时间（以 UTC 或 GMT 时间）。默认情况下，cookie 在浏览器关闭时删除：
[mw_shl_code=javascript,true]document.cookie="usernam ...
CSS Grid 网格布局教程(3容器属性:display)
三、容器属性
Grid 布局的属性分成两类。一类定义在容器上面，称为容器属性；另一类定义在项目上面，称为项目属性。这部分先介绍容器属性。
3.1 display 属性
display: grid指定一个容器采用网格布局。
上图是display: grid的效果。
默认情况下，容器元素都是块级元素，但也可以设成行内元素。
上面代码指定div ...
CSS Grid 网格布局教程(2基本概念)
二、基本概念
学习 Grid 布局之前，需要了解一些基本概念。
2.1 容器和项目
采用网格布局的区域，称为"容器"（container）。容器内部采用网格定位的子元素，称为"项目"（item）。
上面代码中，最外层的元素就是容器，内层的三个元素就是项目。
注意：项目只能是容器的顶层子元素，不包含项目的子元素，比如上面代码的 ...
CSS Grid 网格布局教程(1概述)
一、概述
网格布局（Grid）是最强大的 CSS 布局方案。
它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。
上图这样的布局，就是 Grid 布局的拿手好戏。
Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置 ...
小程序webview组件不生效的处理办法
小程序webview组件，小程序和webview交互，小程序内联h5页面，小程序webview内网页实现微信支付
1， 必须引入jweixin，才可以实现h5跳转小程序。
2，跳转到小程序页面的方法
这里要和你小程序的页面保持一致。payDataStr是我们携带的参数
QQ小程序也是类似的解决思路 ...
CSS font-family字体大合集
以下为font-family常用合集以及一部分文字效果：
windows常见内置中文字体
宋体 SimSun
黑体 SimHei
微软雅黑 Microsoft YaHei
微软正黑体 Microsoft JhengHei
新宋体 NSimSun
新细明体 PMingLiU
细明体 MingLiU
标楷体 DFKai-SB
仿宋 FangSong
楷体 KaiTi
仿宋_GB2312 FangSong_GB2312
楷体_GB2312 KaiTi_GB2 ...
CSS3 @media 查询
通过CSS实现 文字渐变色 的两种方式
通过CSS实现 文字渐变色 的两种方式
这次的重点就在于两个属性，
background 属性
mask 属性
这两个属性分别是两种实现方式的关键。
方式一
其实是给background-image 设置为渐变色，不是 background-color ，是背景图 取值为渐变色
CSS3 渐变（Gradients）
background-clip 属性 规定背景的绘制区域
backgroun ...
网站整体灰度的CSS代码
css处理文字换行 不换行、换行截断、溢出省略号
1、使文字不换行white-space: nowrap;
2、允许长单词换行word-wrap:break-word;
3、换行不截断单词word-break:break-all;
4、单行文字超出显示省略号overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;5、多行文字超出显示省略号overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webk ...
微信H5支付，请求微信返回正常mweb_url，跳转过去是空白无法掉起微信支付
微信H5支付，请求微信返回正常mweb_url，跳转过去就是无法显示
无法吊起微信
什么错误提示都没有 , 就是空白页面;
然而过一会就会自动返回了;
这个问题困扰本群小学生多年;
网上各位大神都没有发布解决办法;
其实这个问题解决很简单;
**** 本内容被作者隐藏 ****
...
关注公众号
