![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端笔记
文章平均质量分 81
晴天小风
这个作者很懒,什么都没留下…
展开
-
jquery校验失效的替代写法
$("#xxx").validate({ rules:{ }, submitHandler : function(){ //提交代码 } });function submitHandler() { $("#xxx").submit(); }原创 2020-06-09 14:21:27 · 266 阅读 · 0 评论 -
bootstrap-select 下拉多选
代码:<select id="storageStatus" class="selectpicker" multiple data-done-button="true" data-selected-text-format="count > 2" > //选择大于2条,显示内容为选中了多少条中的2条 ...原创 2020-04-02 11:34:30 · 368 阅读 · 0 评论 -
bootstrap-fileinput 文件导入
页面代码:<input id="file" name="file" type="file" data-show-preview="false"><p class="help-block">支持jpg、jpeg、png、gif格式,大小不超过2.0M</p>需要导入js和css文件:(路径需要替换,文件如图:)<!-- bootstrap...原创 2020-04-02 11:21:40 · 701 阅读 · 0 评论 -
Bootstrap系列---表单
Bootstrap表单注:本系列转载于菜鸟教程,仅用以自己学习总结和使用,只会显示自己学习使用的内容,详细内容可以查看菜鸟教程网址:https://www.runoob.com/bootstrap/bootstrap-forms.html表单布局Bootstrap 提供了下列类型的表单布局:垂直表单(默认) 内联表单 水平表单垂直或基本表单基本的表单结构是 Bo...转载 2019-05-29 14:40:05 · 240 阅读 · 0 评论 -
Bootstrap系列---按钮
Bootstrap按钮注:本系列转载于菜鸟教程,仅用以自己学习总结和使用,只会显示自己学习使用的内容,详细内容可以查看菜鸟教程网址:https://www.runoob.com/bootstrap/bootstrap-buttons.html任何带有 class.btn的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式,具体如下表所...转载 2019-05-29 16:30:59 · 880 阅读 · 0 评论 -
Bootstrap系列---图片
Bootstrap图片注:本系列转载于菜鸟教程,仅用以自己学习总结和使用,只会显示自己学习使用的内容,详细内容可以查看菜鸟教程网址:https://www.runoob.com/bootstrap/bootstrap-images.html在本章中,我们将学习 Bootstrap 对图片的支持。Bootstrap 提供了三个可对图片应用简单样式的 class:.img-rou...转载 2019-05-29 16:42:27 · 228 阅读 · 0 评论 -
layui-upload图片上传组件一次记录
<!--图片上传组件--> <div class="layui-upload"> <!--触发按钮--> <button type="button" class="layui-btn btn-success " id="test2" style="border:none;border-radius: 3px;height: 32px...原创 2019-08-10 14:37:06 · 226 阅读 · 0 评论 -
layer.msg()闪退问题
layer.msg()闪退问题1.使用layer.msg进行提示,使用表单form提交,在ajax返回成功调用,一直闪退,是因为form表单的提交功能,默认表单中button的类型是submit类型,这里需要申明button类型,如:<button onclick="submitData()" type="button">确定</button>则可以成功调用:...原创 2019-09-27 09:59:14 · 851 阅读 · 1 评论 -
bootstrapTable只刷新表格数据
$('#bootstrap-table').bootstrapTable('refresh');//使用表格id进行刷新原创 2019-09-30 15:17:46 · 2816 阅读 · 0 评论 -
layer.open多个按钮事件
layer.open({ type: 2, area: [width + 'px', height + 'px'], fix: false, //不固定 maxmin: true, shade: 0.3, title: title...原创 2019-09-30 15:24:35 · 13363 阅读 · 0 评论 -
bootstraptable插入数据
//index 索引 //data 表格数据$("#bootstrap-table").bootstrapTable('insertRow',{index:index,row:data});原创 2019-10-08 13:56:24 · 2618 阅读 · 0 评论 -
bootstrapTable行的值更新
$('#bootstrap-table').bootstrapTable('updateCell', { index: index, //行索引 field: 'xxx', //列名 value: xxx //cell值 })原创 2019-10-08 13:57:33 · 2359 阅读 · 0 评论 -
bootstrapTable删除表格中某些数据
//根据值删除表格数据$("#bootstrap-table").bootstrapTable('remove', { field: 'xxx', //列名 values: [value] //cell值 });原创 2019-10-08 13:59:23 · 1424 阅读 · 0 评论 -
bootstrap table气泡显示内容
示例代码:{ field : 'xxx', title : 'xxx', cellStyle:formatTableUnit, formatter:paramsMatter, },////////////////////////////////////////////////////////////内容function para...原创 2019-10-09 16:00:16 · 1042 阅读 · 0 评论 -
Bootstrap系列--- 表格
Bootstrap表格注:本系列转载于菜鸟教程,仅用以自己学习总结和使用,只会显示自己学习使用的内容,详细内容可以查看菜鸟教程网址:https://www.runoob.com/bootstrap/bootstrap-tables.htmlBootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素:标签 描述 <ta...转载 2019-05-29 14:19:05 · 320 阅读 · 0 评论 -
Bootstrap系列---代码
Bootstrap代码注:本系列转载于菜鸟教程,仅用以自己学习总结和使用,只会显示自己学习使用的内容,详细内容可以查看菜鸟教程网址:https://www.runoob.com/bootstrap/bootstrap-code.htmlBootstrap 允许您以两种方式显示代码:第一种是 <code> 标签。如果您想要内联显示代码,那么您应该使用 <cod...转载 2019-05-29 11:44:08 · 293 阅读 · 0 评论 -
Bootstrap系列---排版
Bootstrap排版注:本系列转载于菜鸟教程,仅用以自己学习总结和使用,只会显示自己学习使用的内容,详细内容可以查看菜鸟教程网址:https://www.runoob.com/bootstrap/bootstrap-typography.htmlBootstrap 使用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif 作为其默认的字体...转载 2019-05-29 11:36:13 · 386 阅读 · 0 评论 -
Web前端学习(7)_jQuery(2)
Web前端学习(7)_jQuery(2)1.jQuery(1)jQuery是一个javascript库,由美国人John Resig创建(2)其宗旨是: Write Less,Do More(3)它是轻量级的js库(压缩后只有21k),这是其他js库所不及的!(4)它兼容各大浏览器原创 2017-07-11 12:35:17 · 383 阅读 · 0 评论 -
Web前端案例_自定义动画
Web前端案例_自定义动画一个关于前端自定义动画的案例1.案例要求利用jQuery制作自定义动画:制作一个图片,宽度在1s内变到300px,然后换一张图,然后,离左边距离和高度同时变化为100px和300px然后,把图片在2s内变为圆形原创 2017-07-10 22:48:07 · 1573 阅读 · 0 评论 -
Web前端案例_多选练习案例
Web前端案例_多选练习案例关于多选框的checked属性以及span标签的innerhtml属性的练习。1.案例分析利用多选框的checked属性以及span标签的innerHTML属性实现此案例。2.实现效果点击全选框,实现选择框已经选中的变未选中,未选中的变选中,点击计算总价按钮,实现价格的实时更新原创 2017-07-04 16:40:20 · 5791 阅读 · 0 评论 -
Web前端学习(6)_jQuery
Web前端学习(6)_jQuery这篇写关于jQuery的相关内容。1. jQuery:就是一个是js类库,对常用的方法和对象进行了封装1.1 我们之前DOM编程:var obj = Document.getElementById(id); 此处获取的obj是什么对象---dom对象原创 2017-07-03 19:46:26 · 423 阅读 · 0 评论 -
Web前端学习(4)_BOM编程_事件编程
Web前端学习(4)_BOM编程_事件编程_DOM编程这篇来写关于BOM编程、事件编程以及DOM编程的内容。1.BOM编程1.1 BOM编程将浏览器的各个部分封装成了不同的对象)BOM是(Broswer Object Model) 浏览器对象模型编程原创 2017-06-25 15:23:59 · 523 阅读 · 0 评论 -
Web前端学习(2)_css
Web前端学习(2)_css1.CSS入门1.1 引入html:负责网页的结构css: 负责网页的样式1.2 定义CSS(Cascading Style Sheet 层叠样式表) 简称,样式。主要负责网页的美观原创 2017-06-19 23:14:58 · 802 阅读 · 0 评论 -
Web前端案例_正则表达式案例
Web前端案例_正则表达式案例这篇写关于一个正则表达式以及表单结合的案例。1.案例说明案例:利用正则表达式写一个表单验证用户名:10-15位的数字或者字母密码:10-15位的数字或字母确认密码:判断两次输入的密码是否一致邮箱:xxx@xxx.(com/cn/net)提交按钮:必须全部验证成功的情况下,才能成功提交,只要有一个验证失败无法提交原创 2017-07-04 17:37:44 · 1047 阅读 · 0 评论 -
Web前端学习(5)_DOM编程
Web前端学习(5)_DOM编程这篇写关于DOM编程以及正则表达式的内容。1. DOM编程1.1 概念(javascrip对网页上每一个标签的封装,对象的层次结构体系)DOM(document Object Model)文档对象模型编程。原创 2017-07-03 19:00:51 · 373 阅读 · 0 评论 -
Web前端案例_QQ登录界面实现
Web前端案例_QQ登录界面实现这篇写一个关于web前端的实现案例。1.目的:利用div+css实现网页版QQ登录前端界面原创 2017-06-25 15:47:07 · 9426 阅读 · 1 评论 -
Web前端学习(3)_javascript
Web前端学习(3)_javascript这篇来写关于JavaScript的相关内容。1.Javascript入门1.1 引入html:负责网页结构css: 负责网页美观javascript:负责用户与浏览器交互原创 2017-06-19 23:24:27 · 490 阅读 · 0 评论 -
关于解决页面布局body默认边距问题
关于解决页面布局body默认边距问题前段使用html进行页面的编写编写之后,会出现body标签与页面之间有边距出现,为8px,非常影响页面布局,这里给出解决此问题的方法:在CSS中加入以下代码,即可解决body{ margin: 0; padding: 0; border: 0;}原创 2018-01-05 20:27:48 · 15608 阅读 · 0 评论 -
Vue项目开发踩坑系列-引用js文件的方法
Vue项目开发踩坑系列-引用js文件的方法问题解析:1.导入文件注意路径2.js文件暴露接口必须卸载想要暴露的方法下面,不然会找不到对应的方法原创 2018-08-06 10:31:12 · 573 阅读 · 0 评论 -
Bootstrap系列---网格系统
Bootstrap系列---网格系统注:本系列转载于菜鸟教程,仅用以自己学习总结和使用,只会显示自己学习使用的内容,详细内容可以查看菜鸟教程网址:https://www.runoob.com/bootstrap/bootstrap-grid-system.htmlBootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会...转载 2019-05-29 11:28:41 · 203 阅读 · 0 评论 -
Web前端学习(1)_html
Web前端学习(1)_htmlHTML入门1.引入1.1 软件结构分类:(1)C-S结构(Client - Server 客户端-服务器端)1)必须安装特定的客户端程序2)服务器软件升级,客户端的软件同步升级(2)B-S结构(Broswer-Server 浏览器-服务器端) 1)不需要特定的客户(只需要浏览器软件)2)服务器软件升级,浏览器客户端不需要升级原创 2017-06-12 21:44:59 · 465 阅读 · 0 评论