随笔分类 - web前端—组件与插件
1
第三方组件使用与插件使用总结
摘要：全手打原创，转载请标明出处： "https://www.cnblogs.com/dreamsqin/p/12557070.html" ，多谢，=。=~ （如果对你有帮助的话请帮我点个赞啦） 目前有一个需求是在移动端上内嵌h5实现点位的视频直播，直播项目采用Vue编写，后端主要输出 RTMP 和 HL
阅读全文
摘要：全手打原创，转载请标明出处：https://www.cnblogs.com/dreamsqin/p/12018866.html，多谢，=。=~ （如果对你有帮助的话请帮我点个赞啦） 请先允许我狠狠吐个槽：vue-socket.io相关中文博客实在太少太少，来来去去就那么几篇，教程也比较零散，版本也比
阅读全文
摘要：全手打原创，转载请标明出处：https://www.cnblogs.com/dreamsqin/p/11305028.html 先重点说一下可能遇到的坑：主要在原本默认参数的设置以及两个方法的选择上，看完这篇总结你就知道怎么回事了~ throttle API走起 _.throttle(func, [
阅读全文
摘要：1、以事件类型为例，给下拉绑定选项改变的change事件 2、当已选项个数大于1（即先选了其他，再选不限）且最后选的是不限时，取消其他选项选中状态； 当已选项个数等于2（即先选了不限，再选其他）且第一个选的是不限时，取消不限的选中状态。
阅读全文
摘要：lodash.js 降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。非常适用于：遍历 array、object 和 string；对值进行操作和检测；创建符合功能的函数。 常用拷贝 _.clone(value)：浅拷贝。浅拷贝只是
阅读全文
摘要：1、官方地址：http://inorganik.github.io/countUp.js/ 2、官方demo： 3、参数说明： params——start（开始数字）、end（结束数字）、decimals（小数位数）、duration（持续时间） options——useEasing（设置宽松）、u
阅读全文
摘要：HTML代码：（重点关注el-table中:data数据的绑定） el-pagination中： layout代表组件布局，子组件名用逗号分隔 属性： total代表总条目数 事件： current-change用于监听页数改变，而内容也发生改变 js代码：（addUser函数中请求的是用expre
阅读全文
摘要：我之所以将Element归类为Vue.js，其主要原因是Element是（饿了么团队）基于MVVM框架Vue开源出来的一套前端ui组件。我最爱的就是它的布局容器！！！ 下面进入正题： 1、Element的安装 首先你需要创建一个Vue初始项目，再在初始项目中进行安装~初始项目的创建参见我之前的博客：
阅读全文
摘要：举例说明，原始html代码如下： 1、prepend（在被选元素的开头插入元素） 得到： 2、append（在被选元素的结尾插入元素） 得到： 3、before（在被选元素之前插入内容） 得到： 4、after（在被选元素之后插入内容） 得到：
阅读全文
摘要：1、以 HTML 创建新元素 2、以 jQuery 创建新元素 3、通过 DOM 来创建文本 最后追加新元素： action：append()、prepend()、before()、after()
阅读全文
摘要：语法： 多个params 之间用逗号（,）隔开。 必须使用 Camel 标记法书写所有的属性名，比如，必须使用 paddingLeft 而不是 padding-left，使用 marginRight 而不是 margin-right，等等。 例如：
阅读全文
摘要：功能：显示被隐藏的元素，隐藏已显示的元素。 常规方法：（需要先判断元素状态） 快捷方法：（自动判断）
阅读全文
摘要：1、通过全名替代简写的方式来使用 jQuery 2、解决办法：重新自定义命名 jQuery 使用名为 noConflict() 的方法来解决该问题。 例如： 即帮助你使用自己的名称（dq）来代替 符号作为变量传递给 ready 方法，而在函数外，依旧不得不使用 "jQuery
阅读全文
摘要：一、下载到本地，调用本地jQuery库 下载地址：http://jquery.com/download/ 共有两个版本的 jQuery 可供下载： 1、精简版：用于实际的网站中，已被精简和压缩。 2、开发版：用于测试和开发（供调试或阅读，未压缩，是可读的代码）。 二、CDN（内容分发网络） 引用替代
阅读全文
摘要：1、下载地址： http://down.htmleaf.com/1502/201502031710.zip 2、效果图： 3、HTML代码：其中80设置当前所占百分比，即蓝色部分比例；注意引入必须的js文件 4、CSS代码： 上述例子为插件其中一种样式candy stripes removed的de
阅读全文
摘要：有两种应用方式： 1、轮播图片作为<img>标签使用 HTML代码： CSS代码： JS代码： 效果图： 2、轮播图片作为<li>标签背景图片使用 HMTL代码： CSS代码：在上面CSS的基础上添加以下代码 JS代码：与上面的JS代码一致 效果图： 总结： 轮播图片作为img标签时，在显示区域大小
阅读全文
摘要：问题： 在使用ztree插件时需要设置 zTree 的节点上是否显示 checkbox / radio,但设置后不显示复选框/单选框，如下图所示 设置方法： 解决办法： 少引入了一个js文件 引入后即可显示
阅读全文
摘要：背景： 在请求后台的“漫长”等待过程中，为了提升用户体验，需要一个类似 的加载动画效果，让用户明确现在处于请求过程中，而不是机子down掉或者网站死了 静态demo（未与后台交互）： HTML代码如下 提示： 一、其中opts样式可在http://spin.js.org/在线制作与测试 二、spin
阅读全文
摘要：jquery.page.js使用demo HTML代码 js代码 现象： 点击页数跳转的时候一切正常，但是点击“上一页”或者“下一页”的时候会跳两页，再请求继续累加 原因： 因为采用的是ajax动态获取每一页的数据，每动态生成一次数据，就会多跳转一页，如此累加。 解决办法： 把分页<div clas
阅读全文
摘要：就我们做知，ajax强大之处在于它的异步请求，但是有时候我们需要ajax执行彻底完成之后再执行其他函数或操作 这个时候往往我们用到ajax的回调函数，但是假如你不想或者不能把接下来的操作写在回调函数中，怎么办？ 以jquery.page.js插件为例，分页初始化如下： 这里pageCount总页数我
阅读全文
1
