wb.ouyang

毕竟几人真得鹿,不知终日梦为鱼

导航

随笔分类 -  前端

1 2 3 4 下一页

vxe-table: 一个基于 vue 的 PC 端表格组件
摘要:vxe-table gitee: https://gitee.com/xuliangzhan_admin/vxe-table?utm_source=alading&utm_campaign=repo https://xuliangzhan_admin.gitee.io/vxe-table/#/ 一个 阅读全文

posted @ 2021-03-08 14:13 wenbin_ouyang 阅读(542) 评论(0) 推荐(0)

jquery 选择器、属性和CSS、文档处理、筛选、事件、动画效果
摘要:目录: 1、jQuery介绍2、jQuery的基本语法3、jQuery 对象和 dom 对象转换4、选择器(9种之1--基本)5、选择器(9种之2--层级选择器) [类似css复合选择器的概念]6、选择器(9种之3--基本过滤)7、选择器(9种之4--内容过滤)8、选择器(9种之5--可见性过滤)9 阅读全文

posted @ 2020-08-29 13:06 wenbin_ouyang 阅读(430) 评论(0) 推荐(0)

纯CSS实现立方体旋转
摘要:代码1: <!DOCTYPE html> <html> <head> <title></title> <style> .rect-wrap { position: relative; perspective: 2000px; } .container { width: 400px; height: 阅读全文

posted @ 2020-02-26 14:51 wenbin_ouyang 阅读(577) 评论(0) 推荐(0)

css3总结(三)立方体、动画、web字体、字体图标、弹性布局、多列布局、伸缩盒子
摘要:目录: 1.立方体2.动画3.设置动画的一些属性4.案例:无缝滚动5.web字体6.弹性布局7.多列布局8.弹性布局9.案例:伸缩盒子的flex属性的应用案例(菜单个数不限)10.伸缩盒子的align-items属性 设置侧轴对齐方式11.案例:伸缩盒子,宽高自适应 1、立方体 <--返回目录 *t 阅读全文

posted @ 2020-02-24 01:31 wenbin_ouyang 阅读(385) 评论(0) 推荐(0)

css3总结(二)背景色渐变、background、边框图片、过渡、2d变换、3d变换
摘要:目录: 1、背景的线性渐变2、径向渐变 从中间到外围渐变3、background4、提升移动端响应区域的大小5、边框图片6、过渡7、2d转换 2d移动8、2d转换 缩放9、2d转换 旋转10、2d转换 斜切11、旋转中心设置transform-origin12、案例:扑克牌旋转13、同时添加多个tr 阅读全文

posted @ 2020-02-24 00:13 wenbin_ouyang 阅读(962) 评论(0) 推荐(0)

css3总结(一)属性选择器、伪类、伪元素、盒模型、边框圆角、文本阴影、边框阴影
摘要:目录: 1、属性选择器2、兄弟伪类3、相对于父元素的结构伪类4、伪类样式target5、伪元素选择器before after6、::first-letter ::first-line ::selection的使用7、opacity设置透明度及RGBA的使用8、文本阴影text-shadow9、盒模型 阅读全文

posted @ 2020-02-23 17:02 wenbin_ouyang 阅读(560) 评论(0) 推荐(0)

自定义视频播放器(功能包括:播放/暂停,全屏,跳播)
摘要:最终效果: 1、demo结构 fontawesome字体下载:http://fontawesome.dashgame.com/ loading.gif:百度loading.gif选择一张下载 2、index.html 功能包括:播放/暂停,全屏,跳播 <!DOCTYPE html> <html> < 阅读全文

posted @ 2020-02-23 13:26 wenbin_ouyang 阅读(2013) 评论(0) 推荐(0)

html5总结
摘要:目录: 1、什么是html52、HTML5-语义化标签及兼容性处理3、HTML5-表单新增的type属性4、H5新增的其他属性5、表单新增元素datalist6、HTML5-新增的表单事件7、进度条8、音频和视频9、DOM扩展10、网络监听事件11、全屏接口的使用12、FileReader的使用13 阅读全文

posted @ 2020-02-22 11:54 wenbin_ouyang 阅读(195) 评论(0) 推荐(0)

js高级(一)
摘要:目录: 1、JSON.stringify()和JSON.parse()2、js 获取json对象所有key和value3、json对象删除某个字段4、删除数组指定的元素5、Array的splice(index, size, element)方法6、Array的unshift()和push()方法7、 阅读全文

posted @ 2020-01-30 20:53 wenbin_ouyang 阅读(171) 评论(0) 推荐(0)

React Select组件
摘要:官网: 1)http://jedwatson.github.io/react-select/ 2)https://github.com/JedWatson/react-select 3)https://www.npmjs.com/package/react-select demo结构: packag 阅读全文

posted @ 2020-01-22 11:32 wenbin_ouyang 阅读(4024) 评论(0) 推荐(1)

作图组件react-plotly.js和数据统计组件simple-statistics
摘要:simple-statistics官网:https://simplestatistics.org/docs/#median demo结构: package.json { "name": "react-blank", "version": "0.1.0", "private": true, "depe 阅读全文

posted @ 2020-01-21 18:03 wenbin_ouyang 阅读(1176) 评论(0) 推荐(0)

JavaScript日期加减
摘要:JavaScript日期加减 var date = new Date() // 对日期加减: date.setDate(date.getDate() + n) // 对月加减: date.setMonth(date.getMonth() + n) // 对年加减: date.setFullYear( 阅读全文

posted @ 2020-01-20 11:12 wenbin_ouyang 阅读(3877) 评论(0) 推荐(0)

javascript乘除算法解决浮点精度
摘要:参考https://www.cnblogs.com/tongshuangxiong/p/11200899.html mathDivide = (arg1, arg2, precision) => { if (precision undefined) precision = 4 let t1 = 0, 阅读全文

posted @ 2020-01-20 10:35 wenbin_ouyang 阅读(177) 评论(0) 推荐(0)

js ECMAscript(三)原型,继承,this,bind,闭包,浅/深拷贝,正则表达式
摘要:目录: 1.原型的引入2.原型添加方法解决数据共享3.实例对象使用的属性和方法层层的搜索4.为内置对象的原型对象中添加方法5.原型及原型链6.原型指向可以改变7.原型指向改变如何添加原型方法8.实例对象和原型对象属性重名问题9.通过原型实现继承10.借用构造函数实现继承11.组合继承12.拷贝继承1 阅读全文

posted @ 2020-01-18 05:32 wenbin_ouyang 阅读(305) 评论(0) 推荐(0)

js BOM(二)offset系列,scroll系列,client系列,封装变速动画函数
摘要:目录: 1.offset系列 * 在style标签中设置的css样式属性,不能使用如下方法: ele.style.width ele.style.height * 以后获取元素的宽和高,使用如下方法 ele.offsetWidth;//获取宽(包含边框) ele.offsetHeight;//获取高 阅读全文

posted @ 2020-01-16 00:04 wenbin_ouyang 阅读(220) 评论(0) 推荐(0)

解决antd design的Modal组件弹出卡顿的问题
摘要:代码: import React from 'react' import ReactDOM from 'react-dom' import Axios from "axios"; import copy from 'copy-to-clipboard' import { Input, Button, 阅读全文

posted @ 2020-01-14 12:13 wenbin_ouyang 阅读(3860) 评论(0) 推荐(0)

js BOM(一)window、location、history、navigator、定时器setInterval,setTimeout,轮播图
摘要:目录: 1.BOM介绍 2.系统对话框 3.页面加载事件 4.location对象 5.history对象 6.navigator对象 7.定时器setInterval 8.案例:图片摇摆 9.案例:一闪一闪亮晶晶10.一次性的定时器setTimeout11.案例:div背景色渐变12.案例:div 阅读全文

posted @ 2020-01-14 01:40 wenbin_ouyang 阅读(288) 评论(0) 推荐(0)

BizCharts渲染多条曲线时color的使用
摘要:html转义字符:https://tool.oschina.net/commons?type=2 BizCharts渲染多条曲线的例子:https://bizcharts.net/products/bizCharts/demo/detail?id=line-curved&selectedKey=%E 阅读全文

posted @ 2020-01-13 16:30 wenbin_ouyang 阅读(888) 评论(0) 推荐(0)

js DOM(三)节点、元素创建3种方式、为元素绑定多个事件addEventListener、attachEvent
摘要:目录: 1.节点的概念 2.节点的属性(nodeType,nodeName,nodeValue) 3.父节点(父元素) 4.获取子节点或子元素 5.获取节点、元素的方法(12行代码) 6.案例:div标签里面的p标签背景高亮(使用子节点或子元素的方式) 7.封装节点兼容代码 8.案例:切换背景图片 阅读全文

posted @ 2020-01-12 23:33 wenbin_ouyang 阅读(2261) 评论(0) 推荐(1)

js DOM(二)获取元素的方式、innerText、textContent、innerHTML、自定义属性
摘要:目录: 1.案例:阻止超链接默认跳转行为 2.案例:相册 3.案例:列表隔行变色 4.案例:列表鼠标进入高亮显示(鼠标进入和鼠标移出事件) 5.显示和隐藏二维码 6.通过name属性获取元素(表单标签才有那么属性) 7.根据类样式的名字获取元素 8.其他获取元素的方式 9.案例:div的高亮显示(鼠 阅读全文

posted @ 2020-01-12 21:34 wenbin_ouyang 阅读(3383) 评论(0) 推荐(0)

1 2 3 4 下一页