- 博客(14)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 创建UI组件库后上传NPM
在页面上输入你想查询下载量的npm包名指定日期范围，可以查看该报告的下载数。8.等待发布完成：如果一切顺利，你的项目将被上传到npm仓库，你应该能在你的npm账户的“已发布的包”部分看到它。注意：在发布之前，请确保你的代码已经经过充分的测试，并遵循了发布开源软件的最佳实践。上篇已经讲了如何创建自己的组件库，这篇讲怎么上传npm后，可以下载使用。7.发布项目：在你的命令行或终端中，确保你处于项目的根目录，然后运行。注册一个npm账户。这将允许你将你的项目上传到npm仓库。命令，将你的项目发布到npm仓库。
2023-07-05 14:00:15
1350
原创 教你制作自己vue的组件库（仿ElementUI）
1.首先自己创建个新的vue项目，之后更改下目录形式，将src文件更改为examples，这里是专门放组件展示的md文件，packages文件里是放自己写的组件代码。Icon组件的字体图标可以从字体图标库自己选择下载，放到fonts文件中，之后在icon.scss中引用，这个就不细说了。2.然后是开始配置vue.config.js文件 ，其中md-loader是读取md文件的相关配置。3.配置好了之后，就可以开始写组件了，这里就举个简单的例子，Icon的组件。之后就可以使用组件了。
2023-06-06 14:32:49
1664
原创 Vue编写的组件库具备按需引入和全局引用的功能
现在，我们已经为组件库提供了按需引入和全局引用的功能。下面是如何在项目中使用这两种功能的方法。
2023-05-22 11:07:33
661
1
原创 ElementUI form表单动态校验rules设置
我这里是获取出数据后要单独push到新的数组里，没有做v-for循环，原理是一样的，如果遇到只是清除校验提示语的话可以用这个 this.$refs[formName].clearValidate();有些项目的需求是表单是动态获取到的，没有固定的标题和填写选项，这时候ElementUI里的form静态表单校验就不行了，可以参考下面的方式尝试一下。
2023-05-18 17:29:11
485
1
原创 vue-cli3.0用lib-flexible、postcss-px2rem-exclude实现移动端适配，解决第三方ui库样式变小问题,如：vant
第一部分：项目中引入lib-flexible一、项目中安装lib-flexiblenpm install lib-flexible 二、在项目的入口main.js文件中引入lib-flexibleimport 'lib-flexible'第二部分：使用postcss-px2rem-exclude自动将css中的px转换成rem一、安装postcss-px2rem-exc...
2019-11-21 17:42:15
2484
3
原创 根据ip地址获取天气信息
1.首先要获取ip地址，可以自行搜索获取ip地址的相关资料，我这里就只用搜狐的的获取方法了<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>2.之后是获取天气信息的接口了，网上也能搜索到相关的资料，我这里只是用了其中的一个https://www.apiopen.top/weatherApi...
2018-12-27 09:57:02
2833
1
原创 vue 监听滚动事件
在vue中有时候会遇到监听滚动事件的问题，这里我简单的讲一下自己遇到的。监听滚动事件在mounted中写下面这些window.addEventListener('scroll', this.handleScroll, true)后面的第三个参数，可以不写，不过有时候无法监听上滚动事件，可以加上去。在methods中写入methods: { handleScroll () ...
2018-12-19 18:03:28
1606
原创 CSS的reset示例
*,body,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer,td,th{margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}h1,h2...
2018-09-26 08:52:43
237
原创 elementUI 标签页 自定义增加标签页触发器 标签中添加html标签
在引用elementUI中会经常用到标签页，有时候也会用到动态添加标签的情况。这时候，我们不仅仅只是放一些字符串，也要放一些html标签，或者是elementUI的组件,这时候可以用到组件来解决 <el-tabs v-model="editableTabsValue2" type="card" closable @tab-remove="removeTab"> ...
2018-08-31 17:42:38
24352
1
原创 本地写json数据并在页面中调用
这里我自己写的是两个方法，一种是用js文件中写的，一种是在json文件中写的。js文件：var workData = { "firstWork":{ "companyName":"", "time":"", "department":"", "positi
2018-08-20 09:58:22
16614
2
转载 使用JS获取当前地理位置方法汇总
1.手机WEB定位方法：var getLocation = function (successFunc, errorFunc) { //successFunc获取定位成功回调函数，errorFunc获取定位失败回调 //首先设置默认城市 var defCity = { id: '000001', name: '北京市', dat...
2018-08-15 10:03:30
36591
3
原创 elementUI树状图竖向滚动条和横向滚动条问题
在使用vue时，就会有使用到elementUI，之后就是不断的在入坑和天坑之间徘徊。elementUI中有个隐藏的组件，就是滚动条-----<el-scrollbar></el-scrollbar> 可以参考elementUI的官网代码这里用F12可以查看到添加之后会有出现横向滚动的样式（很丑）这里需要添加一个样式 .el-scrollbar .el-...
2018-08-07 14:17:18
36259
5
ECharts的geojson地图数据下载(全国地图json、各省、市、区json)有demo
2018-11-02
vue-devtools chrome的vue调试插件（有更改方法）
2018-05-25
require-css.min.js
2017-11-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人