![](https://img-blog.csdnimg.cn/f8ae6ae46046446f8b37689b01e6bcca.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
FrontEnd
文章平均质量分 67
前端技术基础知识
勤快的小蚂蚁
勤快的小蚂蚁
展开
-
web前端三大主流框架
web前端三大主流框架, 把博主使用过的前端框架的都列出来,分享给大家!原创 2022-08-22 02:15:14 · 41550 阅读 · 5 评论 -
Bootstrap的不同版本使用的CSS 预处理器的不一样的
第一次接触这个CSS预处理器 。预处理器赋予了我们的 “超能力”。原创 2022-08-21 16:41:07 · 998 阅读 · 0 评论 -
url传值中文乱码
encodeURI 和 decodeURI把URI字符串采用UTF-8编码格式转化成escape各式的字符串。encodeURI不编码字符有82个:!,#,$,&,’,(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-ZencodeURI()用于整个url编码//跳转页location.href = encodeURI('./test.html?na...原创 2021-11-07 16:28:37 · 124 阅读 · 0 评论 -
企业网站SEO优化用户体验如何提升
企业网站SEO优化用户体验如何提升序言网站js和css代码优化域名重定向优化网站的图片怎么优化网站图片优化序言在以前SEO行业中,并没有用户体验这一说法,但随着搜索引擎的发展,和用户需求的考虑,现今对于网站的用户体验也是极为看重。其中有很多排名好的网站,它的用户体验都不会太差的。那企业网络优化需从哪几个方面来提升用户体验?网站js和css代码优化网站的css样式表和js脚本,采用多个文件调用,会增加服务器的请求次数,可以把网站多个css的样式表,合并在一个css的文件夹里,并用站长工具把css的样式原创 2021-11-07 15:13:33 · 112 阅读 · 0 评论 -
Vue基础搭建
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-11-06 15:19:46 · 82 阅读 · 0 评论 -
监听单选框radio改变事件(和layui中单选按钮改变事件)
若是只引用jquery的话,监听单选按钮改变事件如下:<input type="radio" name="sex" checked="checked" value="1">男<input type="radio" name="sex" value="2">女$(document).ready(function() { $('input[type=radio...原创 2019-12-13 01:31:34 · 2581 阅读 · 0 评论 -
js操作radio单选框改变事件 点击radio执行相应操作(一般的可以)
我们经常看到一些点击选择特效:下拉框或者单选框,选择了不同的值,页面会进行相应的改变,这就是利用了change事件。今天总结的是radio单选框改变事件的原理。要实现这样的效果,就要获取相应点击事件对应的改变。先看下一个简单的radio表单结构: <div class="layui-form-item"> <label class="layui-form-label"...原创 2019-12-13 00:39:12 · 7755 阅读 · 0 评论 -
layui单选框渲染不出来
下面这样写 肯定显示不出来<div class="layui-form-item"> <label class="layui-form-label">设备类型</label> <div class="layui-input-block"> <input type="radio" name="sex" value="男" t...原创 2019-12-13 00:03:33 · 2783 阅读 · 1 评论 -
JavaScript 存储对象
sessionStorage (会话存储)localStorage(本地存储)Web 存储 API 提供了 sessionStorage (会话存储) 和 localStorage(本地存储)两个存储对象来对网页的数据进行添加、删除、修改、查询操作。localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。sessionStorage 用于临时保存同一窗口...原创 2019-11-19 17:15:11 · 452 阅读 · 0 评论 -
Mui错误记录
报错情况mui.min.js:6061[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080解决办法加入以下j...原创 2019-11-14 10:09:49 · 284 阅读 · 0 评论 -
大屏展示解决方案
解决方案步骤1:业务专家制定大屏内容显示方案工作内容:首先根据业务场景抽取关键指标,然后定义分析指标的维度,最后定义指标的统计图类型和页面划分。步骤2:设计人员设计整体布局和风格工作内容:根据业务专家划分的页面进行指标布局,根据用户要求的色系进行样图设计, 根据最终用户定稿的样图进行切图。步骤3:H5开发人员进行页面开发工作内容:用切好的图结合css制作网页模板,每个指标的位置用ifr...原创 2019-11-14 10:06:25 · 1817 阅读 · 0 评论 -
JS+CSS基础操作
用jjquery 操作 css()方法设置样式$("div").css("color","yellow");原创 2019-11-14 10:03:30 · 299 阅读 · 0 评论 -
formSelects多级联动Demo
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>layui</title> <link rel="stylesheet" type="text/css" href="js/formSelects-v4.css" /> <...原创 2019-11-14 09:57:16 · 1653 阅读 · 0 评论 -
echarts的折线图一个横坐标,多个纵坐标,纵坐标值使用文字的实战2
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>当前的指标查看</title> <script type="text/javascript" src="js/echarts.js"></script> </he...原创 2019-11-14 09:52:53 · 5081 阅读 · 0 评论 -
VUE第一步
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2019-11-12 10:51:20 · 241 阅读 · 0 评论 -
.png格式才支持透明
jpg优点:尺寸较小,节省空间;打开速度快缺点:有损格式,在修图时不断保存会导致图片质量不断降低;不支持透明png优点:无损格式,不论保存多少次,理论上图片质量都不会受任何影响;支持透明缺点:尺寸过大;打开速度与保存速度和jpg没法比ps:在开发中,尺寸比较大的图片(例如背景图片)一般适用jpg格式,减小对内存的占用!...原创 2019-11-12 10:37:49 · 2485 阅读 · 0 评论 -
box-shadow打造水平垂直阴影立体效果
box-shadowbox-shadow: h-shadow v-shadow blur spread color inset;注释:box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。值 描述 h-shadow 必需。...原创 2019-05-27 14:53:16 · 1092 阅读 · 0 评论 -
JavaScript获取URL后的参数
JavaScript获取URL参数function GetRequest(url) { var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for (var i = 0; i < s...原创 2019-05-27 10:39:06 · 305 阅读 · 0 评论 -
CSS3+H5水波扩散特效
扩散特效<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>扩散特效</title><style>@keyframes warn { 0% ...原创 2019-05-27 09:29:27 · 2040 阅读 · 0 评论