随笔分类 -  Html&&CSS

web前端页面和样式表
CSS层叠样式表
摘要：1、概念 2、作用范围：内联样式<内部样式<外部样式 3、语法和选择器 优先级：id选择器>class选择器>元素选择器 4、拓展选择器 5、css的属性 复合属性，即可以一次设置多个维度的值； 6、盒子模型 7、盒子模型思想使用案例 盒子模型，视角在小盒子中，margin外边距则可以让自己整个移动 阅读全文
posted @ 2020-04-12 16:56 wmqiang 阅读(187) 评论(0) 推荐(0)
表单标签
摘要：一，用于采集用户输入的数据 1、表单属性，木有name属性，提交时候表单请求参数中不会带上 3、各种type 4、案例：注册页面 typr="tel" 是h5给移动端用，弹出数字键盘；input/select...表单项 5、select标签，文本域textarea,默认多少行，多了自动扩容 页面表 阅读全文
posted @ 2020-04-08 00:31 wmqiang 阅读(213) 评论(0) 推荐(0)
html标签
摘要：一、文件标签 1、 其中，HTML5加了一些标签，主要是影响移动端开发，pc端影响不大； 2、 meta标签指定浏览器的解析器用什么编码字符集，和编写时候一样防止中文乱码； 二、文本标签 1、 其中，开始标签和自闭合标签中写样式H5已经废弃了，但是浏览器考虑到兼容性，写了还是有效果； 2、 其中，f 阅读全文
posted @ 2019-11-10 21:43 wmqiang 阅读(143) 评论(0) 推荐(0)
web、html概念快速入门
摘要：1、C/S和B/S 总结，理论上如果硬件不考虑（带宽、（图像资源加载）显卡等），B/S可以完全替代C/S； 2、静态资源和动态资源 其中，访问时动态资源，服务器后台也会通过视图解析器转换成静态资源，因为浏览器只有静态资源解析器解析展示； 3、html超文本标记语言 其中，标记语言由标签组成，是写了就 阅读全文
posted @ 2019-11-09 20:51 wmqiang 阅读(161) 评论(0) 推荐(0)
vue+element+echarts饼状图+可折叠列表
摘要：html: js: 效果： 其中，只有element2.8及其以上版本才支持列表折叠子列表的，前面版本支持列表展开行是本行的详情信息； 阅读全文
posted @ 2019-06-14 13:36 wmqiang 阅读(3378) 评论(0) 推荐(0)
vue+element+echarts柱状图+列表
摘要：前端由vue+element搭建框架，引入vue和element的index.js和css就可以写页面； 页面和js可以echarts官网实例看下都是有的，主要看下如何动态赋值： 柱状图和列表： js: 效果： 阅读全文
posted @ 2019-06-12 11:56 wmqiang 阅读(17508) 评论(2) 推荐(0)
iframe使用
摘要：iframe是一个前端页面的内联框架（即行内框架），使用很方便， 其中，src="{{digitalurl}}" 这个是配合了mustache模板使用的，这个src属性的值需要在js脚本中获取到想要的值赋值就可以，通常是一个页面的访问地址； 直接在html页面标签中引用： 其中，src属性值的一些页 阅读全文
posted @ 2019-03-18 15:07 wmqiang 阅读(235) 评论(0) 推荐(0)
input/radio/select等标签的值获取和赋值
摘要：input/radio/select等标签的值获取和赋值，这几个是使用率最高的几个标签，获取值和赋值以及初始化自动填充数据和选择： 页面html： 其中select下拉列表有涉及到mustache模板赋值所有的下拉选项； 几个标签值获取： 几个标签赋值或初始化自动填充： 阅读全文
posted @ 2019-03-16 19:51 wmqiang 阅读(1443) 评论(0) 推荐(0)
iframe嵌套
摘要：iframe基本内涵 通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。 但是，有追求的我们，并不是想要这么low的iframe. 我们来看看在iframe中还可以设置些什么属性 上面一些tag，会在下文进行穿插说明，单个不好说。我们通常使用iframe最基本的特性，就是 阅读全文
posted @ 2019-03-16 19:06 wmqiang 阅读(8483) 评论(0) 推荐(1)
红黄绿小灯泡标记实现
摘要：红黄绿小灯泡标记，如计时之类的，直观形象的提醒和标记作用， 红黄绿三种颜色闪烁的小灯泡其实是三个gif图片存储在服务器上，，前端页面调用后台根据不同的情况获取不同的图片就行， 后台代码： 调用方法返回后，前端或者后台根据值判断，读取服务器工程下的某个路径下，红黄绿三个gif图片的文件即可； 前端用< 阅读全文
posted @ 2019-03-14 16:55 wmqiang 阅读(710) 评论(0) 推荐(0)
mustache多次渲染和多个赋值
摘要：mustache多次渲染和多个赋值， html页面的script标签中的代码，设置多个键： 其中绿色字体为 itemlist 循环多次渲染当中的多个键值； js脚本中代码负责和后台交互，访问接口获取数据和给模板的键值赋值： 实际场景是选择单选按钮组确定给页面标签自动填充值： 阅读全文
posted @ 2019-03-13 16:43 wmqiang 阅读(836) 评论(0) 推荐(0)
mustache语法
摘要：mustache 模板，用于构造html页面内容。在实际工作中，当同一个模板中想要调用不同的函数来渲染画面，在已经自定义好了的前提下，可以在渲染页面时对传入的参数进行手动判断。 以下是学习笔记内容： Mustache 的模板几个基本语法： {{data}} {{#data}} {{/data}} { 阅读全文
posted @ 2019-03-08 23:43 wmqiang 阅读(929) 评论(0) 推荐(0)
mustache使用
摘要：mustache模板，用于构造html页面的内容， 前端html代码： 前端javascript代码： 后台action层业务管理层和service层业务逻辑实施层以及dao层数据访问层的restful接口的代码： ArrayList是Array的复杂版本,是一种动态数组； 阅读全文
posted @ 2019-03-08 23:31 wmqiang 阅读(303) 评论(0) 推荐(0)
layer常用方法代码
摘要：layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。 在与同类组件的比较中，layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能，且格外注重性能的提升、易用和实用性，正因如此，越来越多的开发者将媚 阅读全文
posted @ 2019-03-08 17:59 wmqiang 阅读(607) 评论(0) 推荐(0)
layer使用
摘要：首先，layer是jquery的一个弹窗组件， 使用layer要先在前台引入它的js，引用完js就可以直接使用： html代码： javaScript代码： js中拼接页面展示一个可以触发事件的按钮，里面 onclick 事件触发的方法 auditProgressDiolog(this.value) 阅读全文
posted @ 2019-03-08 17:40 wmqiang 阅读(732) 评论(0) 推荐(0)
循环体中去除一部分特定的数据
摘要：循环体中去除一部分特定的数据：for each + if { continue } 以前端页面和js脚本代码为例，后台java代码中也一样适用； 页面html代码： js中拼接数据： 阅读全文
posted @ 2019-03-07 16:06 wmqiang 阅读(211) 评论(0) 推荐(0)