- 博客(33)
- 收藏
- 关注
RSS订阅原创 vue 前端实现对pdf添加批注
1、选择pdf-lib插件对pdf进行修改，安装npm install --save pdf-lib选择quill插件作为添加批注时的富文本编辑框，安装npm install --quill2、template内容<div><div></div></div>
2022-05-13 17:46:39
9363
58
原创 cesium安装
1、安装cesiumnpm install cesium 2、在vue.config.js加入如下const cesiumSource = 'node_modules/cesium/Source';const cesiumWorkers = '../Build/Cesium/Workers'modele.exports={configureWebpack:{resolve: { alias: { '@': resolve('src'), 'cesium': path.
2022-05-13 14:25:36
832
原创 vue cli4多入口配置
vue实现多入口配置方法1、在src下创建多个包2、把原有的main.js和app.vue删除，在各个子包下创建自己单独的main.js和app.vue，子包里的main.js和app.vue格式一致，内容根据自己需要添加3、在public里建立对应的index2.html模板文件，内容与index.html一致，根据需求自己需改。4、在vue.config.js里加入配置......
2022-05-13 13:55:11
865
转载 vue生命周期
beforeCreate:function(){console.log(‘1-beforeCreate 实例初始化后’);},created:function(){console.log(‘2-created 实例创建完成’);},beforeMount:function(){console.log(‘3-beforeMount 挂载之前’);},mounted:function(){console.log(‘4-mounted 挂载到DOM上’);},beforeUpdate:fu
2022-05-07 10:56:39
84
原创 https://poll.kuaidi100.com/poll/query.do获取物流
query: function (type,postid,phone) { var that = this; var customer ="快递100的customer"; var key ='快递100key'; var param = JSON.stringify( {"com":type,"num":postid,"from":"","phone":phone,"to":"","resultv2":"0","show":"0","order":"des
2021-05-19 09:01:27
1900
原创 Ant Design里日期 月份星期英文，国际化不管用
删除vue.config.js文件里的这句话new webpack.IgnorePlugin(/^./locale/,/moment/, /moment/,/moment/)
2021-05-18 17:53:06
842
1
原创 数组去重
function unique(arr){ var newarr=[] for(let i=0;i<arr.length;i++){ if(newarr.indexOf(arr[i]) == -1){ newarr.push(arr[i]) } }}
2021-05-14 15:12:21
102
原创 父子组件互相调用函数
在父组件中调用子组件的方法：1.给子组件定义一个ref属性。ref=“childItem”2.在子组件的methods中声明一个函数。useInPar:function (str) {console.log(str)}3. 在父组件的中声明一个函数，并通过this.refs.childItem.userInPar来使用子组件中声明的函数。子组件调用父组件的函数方法1子组件直接调this.refs.childItem.userInPar来使用子组件中声明的函数。子组件调用父组件的函数方法1子组件直
2021-05-14 14:45:16
941
原创 vue 数组变了页面不渲染 或 数组赋值时原数组和新数组值同时改变
把数组转换成json然后再转换回来vm.arr=JSON.parse(JSON.stringify(vm.arr));
2021-05-11 23:22:43
600
1
原创 uni-app小程序引入腾讯云IM聊天
1、腾讯云官网下载demo在自己小程序里引入如下demo里的几个文件另外下载tim-wx.js及cos-wx-sdk-v5.js和dayjs，可直接放入utils文件夹里，引入时路径正确就可2、在main.js文件里添加如下内容//即时通讯内容import TIM from './utils/tim-wx.js';//根据自己放的路径import COS from "./utils/cos-wx-sdk-v5.js";import dayjs from './utils/dayjs.mi
2021-02-23 17:51:21
2482
原创 一行省略，两行省略
一行省略1、得是以配置为inline-block的元素，或默认以block呈现的div、p元素2、强制不换行3、固定宽度4、超出部分隐藏5、超出部分以’…'结尾width: 140px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;两行省略width:140px;height:140px;overflow: hidden;word-break: break-
2020-11-09 09:18:02
815
原创 uni-app小程序分包
uni-app小程序分包pages.json{ "pages": [{ "path": "pages/index/index", } ], "subPackages": [{ "root": "pagesA", "pages": [{ "path": "account/account", },{ "path": "share/share", }] }, { "root": "pagesB", "pages": [{ "path": "info
2020-11-03 15:39:38
236
原创 小程序swiper修改指示点位置修改指示点样式
小程序swiper修改指示点位置.wx-swiper-dots{position:relative;left:50%;top: 0rpx;}修改指示点样式 .swiper /deep/ .wx-swiper-dot { height: 10rpx; width: 10rpx; margin-right:0; } .swiper /deep/ .wx-swiper-dot-active { width: 44rpx; height: 10rpx; border-radi
2020-11-03 15:31:31
3130
原创 vue项目中使用scoped后组件样式不能覆盖
vue项目中使用scoped后某些vant样式不能覆盖解决方法使用深度选择器，将scoped样式中的选择器“深入”，即影响子组件<style scoped> .a >>> .b { /* ... */ }</style>如果使用了Less或Sass等预处理器，可能无法>>>正确解析，可以使用/deep/或::v-deep/deep/ .van-grid-item__content{ padding: 0;}...
2020-09-16 14:15:05
294
原创 vue路由跳转 传参数
路由跳转一、 不带参数,name,path都行//1、html<router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //2、或jsthis.$router.push('/home')this.$router.push({name:'home'})this.$router.push({path:'/home'})二、params传参，跳转之后页面 url后面不会拼接参数路由配置 p
2020-09-15 09:13:02
207
3
原创 vue项目指定页面显示某组件，其它页面隐藏
vue项目指定页面显示某组件，其它页面隐藏，常用于底部导航栏的显示隐藏1、路由配置meta2、页面内使用$route.meta.istrun
2020-09-14 17:08:59
1977
原创 vue项目静态图片不显示
vue项目静态图片不显示1、解决方式一在data里使用require导入静态图片再使用2、方式二直接在img标签src里写入相对地址
2020-09-14 17:03:25
1178
原创 小程序 快递100查询查看物流
小程序查看物流1、wxml<!-- 外层pages --><view class='pages'> <!-- 头部 --> <view class='head'> <image class='head_img' src='{{img}}'></image> <label class='head_name'>{{arr[state]}}</label> <label cl
2020-09-10 11:44:58
2433
2
原创 jquery自带方法
（1）$.trim$.trim方法用于移除字符串头部和尾部多余的空格。复制代码代码如下:$.trim(' Hello ') // Hello（2）$.contains$.contains方法返回一个布尔值，表示某个DOM元素（第二个参数）是否为另一个DOM元素（第一个参数）的下级元素。复制代码代码如下:$.contains(document.documentElement, document.body);// true$.contains(document.body, docum
2020-09-09 17:30:13
280
原创 jquery基本用法
微信h5调起相机和相册安卓：安卓手机比较混乱，不同型号的手机表现不太一样，（1）<input type="file" accept="image/*">都会会调起相机和相册（2）<input type="file" accept="image/*" capture>都会调起相机（3）<input type="file" accept="image/*" capture multiple="multiple">都会调起相机...
2020-09-09 17:08:04
148
原创 vuex
一、state简单理解为定义的全局变量，约定只能用mutations提交的方式改变其值二、mutationsVuex 的 store 中的状态的唯一方法是提交 mutation，mutation 必须同步执行const store = new Vuex.Store({ state: { count: 1 }, mutations: { increment (state,n) { // 变更状态 state.count++ } }})
2020-09-09 14:01:09
119
原创 vuex安装及简单使用（一）
一、安装命令行输入npm install vuex --sav，e然后npm run dev启动项目，然后在src目录下新建store，
2020-09-08 16:27:09
698
原创 手机拍照上传图片旋转角度问题
解决上传图片自动旋转问题苹果手机和部分安卓手机上传图片时会发生旋转，解决问题的思路是：先获取旋转角度，再对图片旋转进行修正1、获取旋转角度旋转角度参数0度1顺时针90度6逆时针90度8180度3方式一、exif可以获取图片的信息可利用exif获取旋转角度，地址：http://code.ciaoca.com/javascript/exif-js/此方式会有偶尔获取不到图片信息的bug，EXIF.getData(document.getElementB
2020-09-08 09:50:37
1302
原创 vue-router路由
vue-router安装及使用1、安装命令：cnpm install vue-router或yarn add vue-router2、main.js内引入3、页面内基本使用方法
2020-09-07 14:55:07
95
原创 vue-cli项目添加插件vant
添加插件vant1、命令：npm install vant --save或yarn add vant2、在main.js里导入import Vant from ‘vant’;import ‘vant/lib/index.css’;Vue.use(Vant);3、完成以上两步即可在页面使用默认按钮警告按钮危险按钮
2020-09-07 14:35:53
619
原创 vue-cli脚手架搭建
vue-cli脚手架搭建一、安装1、安装nodenode.js官方下载安装，命令行输入node -v查看版本2、安装淘宝镜像命令：npm install -g cnpm --registry=https://registry.npm.taobao.org输入cnpm -v查看版本3、安装webpack命令：npm install webpack -g输入webpack -v查看版...
2019-11-01 16:37:07
134
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人