小雨子1993 - 博客园

vue中import引入文件和使用的方式总结

摘要： 1 引入第三方文件 import router from './router'; 使用 this.router; 2 引入模块，字符串，数值，函数，类获取按需导入 import { testFun,string,number,class} from '../js/test.js'; 使用testFu 阅读全文

posted @ 2020-03-11 18:01 小雨子1993 阅读(12621) 评论(0) 推荐(1)

vue项目中webpack.dev.conf.js文件中CopyWebpackPlugin的用法

摘要：简介: 将单个文件或整个目录复制到构建目录描述: 打包或使用与static同级的文件或文件夹,就需要在CopyWebpackPlugin方法中配置,这样才能访问到此文件,不然会报找不到实例: 1 // 复制到自定义静态源 2 new CopyWebpackPlugin([ 3 { 4 // 来自阅读全文

posted @ 2020-03-06 21:55 小雨子1993 阅读(1694) 评论(0) 推荐(0)

Vue中路由的跳转

摘要： Vue中跳转页面的方式 1、<router-link>组件例子： // 单纯的跳转页面 <router-link to="home">Home</router-link>或<router-link :to="{ path: 'home' }">Home</router-link> 相当于 <a h 阅读全文

posted @ 2019-12-17 11:26 小雨子1993 阅读(443) 评论(0) 推荐(0)

css改变checkbox的背景

摘要：注意:此方法不兼容火狐浏览器,只有谷歌的兼容性比较好!!!!!!!!!11 checkbox默认不支持修改背景颜色,利用伪类元素实现，基本原理是利用after/ before插入新的元素。然后利用新元素的背景颜色或背景图片覆盖掉原来的样式。原始样子要实现的样子 <input type="chec 阅读全文

posted @ 2019-12-04 12:34 小雨子1993 阅读(1058) 评论(0) 推荐(0)

vue-codeMirror的使用

摘要：最近要写一个在浏览器中写代码的功能引入 npm install vue-codemirror --save 在main.js中 import { codemirror } from 'vue-codemirror' import 'codemirror/lib/codemirror.css' Vu 阅读全文

posted @ 2019-11-12 17:10 小雨子1993 阅读(2556) 评论(0) 推荐(0)

jQ 操作滚动条滚动到指定位置

摘要： jQ:scrollTop() 方法设置或返回被选元素的垂直滚动条位置, $(selector).scrollTop(position) position:规定以像素为单位的垂直滚动条位置。 if(item.id == changeInfo.value) { let id = treeData[i]. 阅读全文

posted @ 2019-11-11 13:58 小雨子1993 阅读(5477) 评论(0) 推荐(0)

当使用jQuery-ui中的droppable是,当接收的元素添加了transform时被拖拽的元素位置就不准确的解决办法?

摘要：代码地址:https://github.com/yu19931003/jQui-droppable 当接收div的元素添加了transform时,将div拖拽进去,div的视觉位置不在鼠标抬起的位置解决办法就是对droppable的计算出的position进行计算后再使用源demo地址:http 阅读全文

posted @ 2019-08-29 11:03 小雨子1993 阅读(752) 评论(0) 推荐(0)

使用Jquery中ajax实现上传文件

摘要： html： <input type="file" name="uploadFile" id="uploadFile"> jq: $("#uploadFile").on("change", function() { var formData = new FormData(); // 创建一个form类阅读全文

posted @ 2019-07-10 17:44 小雨子1993 阅读(9390) 评论(0) 推荐(0)

Vue组件~父子组件之间的通信(传值)

摘要： 1.父组件向子组件传参父组件中通过v-bind对要传参数的绑定:(例如) :dataSourceName:是在子组件中要用到的值 "ctpSaveEchartSetting.dataSourceId":是在父组件中要传的值子组件中的接收通过props(数据值单项绑定的)进行接收:(例如) 注:在阅读全文

posted @ 2019-06-10 11:42 小雨子1993 阅读(726) 评论(0) 推荐(0)

前端遇到困难,解决办法的地址或方法

摘要： 1.解决传参数据量大的请求问题: pako.js对数据进行gzip压缩传递到后台解析 https://blog.csdn.net/qq_22021191/article/details/80077139 2.vue中使用的图标库 https://github.com/Justineo/vue-awe 阅读全文

posted @ 2019-05-22 17:24 小雨子1993 阅读(348) 评论(0) 推荐(0)