摘要: 使用原生js实现表头拖拽效果 方法独立jq,使用面向对象方法,可以改造成ts嵌入vue项目中或者拓展el-table表头固定,不影响el-table排序的拖拽问题 代码如下,有不足之处的请帮忙指出 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" 阅读全文
posted @ 2024-05-28 16:10 chengJun— 阅读(29) 评论(0) 推荐(0) 编辑
摘要: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" 阅读全文
posted @ 2022-11-22 13:55 chengJun— 阅读(14) 评论(0) 推荐(0) 编辑
摘要: Vue.directive('dragsroll', { bind (my_el) { let elHeader = my_el.querySelector('div.ivu-table-header'); let el = my_el.querySelector('div.ivu-table-bo 阅读全文
posted @ 2022-05-06 14:52 chengJun— 阅读(200) 评论(0) 推荐(0) 编辑
摘要: function _debounce(fn, delay) { var delay = delay || 200; var timer; return function() { var th = this; var args = arguments; if (timer) { clearTimeou 阅读全文
posted @ 2021-04-02 13:54 chengJun— 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 根据项目需要,通过vue-cli中的npm run build 打包到不同的环境,例如测试环境,预发布环境,线上环境,根据process.env分别进行接口的调用 vue-cli 中build中build.js build中webpack.prod.conf.js config中的index.js 阅读全文
posted @ 2018-04-28 10:54 chengJun— 阅读(552) 评论(1) 推荐(0) 编辑
摘要: 逻辑可能有点复杂,如果有更好的方法请指教 阅读全文
posted @ 2018-04-24 10:54 chengJun— 阅读(675) 评论(0) 推荐(0) 编辑
摘要: 最终实现效果如下 html+css如下 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <link rel="stylesheet" href="css/font-a 阅读全文
posted @ 2018-03-19 13:49 chengJun— 阅读(758) 评论(0) 推荐(0) 编辑
摘要: HTML结构如下 js逻辑也非常简单,就是移动left和top的值,代码如下 阅读全文
posted @ 2017-06-19 15:11 chengJun— 阅读(1723) 评论(0) 推荐(1) 编辑
摘要: 利用属性选择器来选择空链接 当 <a> 元素没有文本内容,但有 href 属性的时候,显示它的 href 属性: a[href^="http"]:empty::before { content: attr(href); } 创造格子等宽的表格 table-layout: fixed 可以让每个格子保 阅读全文
posted @ 2017-02-08 13:54 chengJun— 阅读(277) 评论(0) 推荐(2) 编辑
摘要: 在vue1.0版本的超链接标签还是原来的a标签,链接地址由v-link属性控制 而vue2.0版本里超链接标签由a标签被替换成了router-link标签,但最终在页面还是会被渲染成a标签的 至于为什么要把a换成router-link原因还是有的,比如我们之前一直惯用的nav导航里面结构是(ul>l 阅读全文
posted @ 2017-01-13 11:53 chengJun— 阅读(14648) 评论(1) 推荐(3) 编辑