- 博客(19)
- 资源 (1)
- 收藏
- 关注
原创 uniapp/vue 组件递归
公司需求是需要在手机端展示 tree 层级的分类下拉列表。因为没有思路所以在网上查询组件递归的方法。最终结合搜索到了一种组件递归调用方法。 记录时间 20210312效果如下图:html代码块:1、在执行这一块的时候 因为需要点击触发emit事件,所以执行了selectClassify,2、但是因为子组件递归执行的时候 和当前组件执行的一样的方法但是 emit方法没有通过组件暴露出来3、所以<classify-tree :treeData="item.children" @selec.
2022-02-28 13:45:40
3487
6
原创 ES6常用语法
是指在写法上跟数组一样,比如arguments,函数的第一个参数是argument[0],写法上跟数组一样,但是不是数组,它的原型是Object。keys()是对键名的遍历、values()是对键值的遍历,entries()是对键值对的遍历。一个 Object 的键只能是字符串或者 Symbols,但一个 Map 的键可以是任意值。Object 都有自己的原型,原型链上的键名有可能和你自己在对象上的设置的键名产生冲突。Map 中的键值是有序的(FIFO 原则),而添加到对象中的键则不是。
2022-02-15 18:10:51
756
原创 vue-video-player 一款vue的前端视频播放插件 支持m3u8
项目进行时, 对视频模块需要进行组件开发,结合当前使用的开发框架是vuecli。 于是寻找到vue-video-player 根据github上的文档进行开发,发现并不能实现播放功能,于是在网站上进行寻找发现,vue-video-player依赖于videojs1、安装: npm install vue-video-player --save2、当前版本: "vue": "^2.6.11", "vue-video-player": "^5.0.2",3、vue-video-player.
2021-01-04 17:01:10
12775
20
原创 定位——h5原生/高德/腾讯定位(城市搜索、自动补全、定位按钮和logo修改)
在项目添加新功能时,使用cdn方式引入使用地图功能,使用功能只用到了地图的定位、点标记、详细地址查询、poi搜索和输入提示、计算两点之间的距离;因为在寻找高德地图问题时发现h5 和 web 端的好少,因此记录一下方便以后查找。
2020-09-22 17:15:07
8139
原创 npm包的发布,hbuilder发布安卓包,github项目上传
注册: https://www.npmjs.com/在抽离组件的文件夹中打开cmd,运行npm publish 注意:发布的包名为package.json中的name,尽量小写你必须拥有npm库的账号修改pageage.json文件中的private为false修改npm的镜像地址npm config set registry https://registry.npmjs.org/执行 npm login 进行npm登录,登录成功后 会提示Logged in as ljy.
2020-07-02 18:51:02
477
原创 静态页面实时效果(live-server),npm查看包版本命令
现在,假设我们需要 less-loader ,但是less-loader现在有很多版本,我们如何通过npm查看呢?要知道,现在的less-loader包在npm服务器的上,我们使用下面的命令查看:第一种方式:使用npm view less-loader versions 这种方式可以查看npm服务器上所有的less-loader版本信息;第二种方式:使用npm view less-loader version这种方式只能查看jquery的最新的版本是哪一个;第
2020-07-02 17:15:55
868
原创 在vuecli中使用UglifyJsPlugin导致打包失败原因
今天在配置vue打包的时候发现使用了UglifyJsPlugin打包报错导致打包失败在网上找了好多原因大部分都是安装es2015的版本对当前代码的js进行降级处理,以及部分node_modules中的包需要进行降级处理,实践后发现并不适用我当前的情况,最终找到两种解决办法: (当前使用vue-cli4.0)在vue.config.js中配置1、使用UglifyJsPlugin的beta版在 UglifyJs 的 github issues #78 找到了这样一个解决方案:由于 UglifyJ.
2020-06-05 15:29:26
4474
原创 vue-cli3.0 config配置
今天在对vue-cli3+进行配置vue.config.js配置做个记录,本人配置const path = require('path');// const HtmlWebpackPlugin = require('html-webpack-plugin')const UglifyJsPlugin = require('uglifyjs-webpack-plugin');// 打包时去除consolelog等信息const webpack = require('webpack')//.
2020-06-04 17:55:21
464
原创 vue router 传参和接收参数的几种方式
今天在写路由的时候,不想使用this.$router.push({name: 'goodslist',params:{"list":this.list}})this.$route.query.list这种通过$router对象点击获取值的方式,就在网上找了一些其他方式发现了props接收参数的方法实例如下:首先是通过props设置为true,可以进行布尔传值,可以接受params的方法进行传递代码如下: { path:"zdh/:name/:pr.
2020-06-03 13:24:42
3052
转载 微信内置浏览器可随意拉伸导致的滚动体验不佳
在项目中遇到过的问题记录一下:很多情况,我们页面局部可以滚动,但是由于微信浏览器整个页面可以拉伸,导致页面内部的滚动体验不好。所以我们可以把整个页面的滑动事件给禁用掉,然后让页面的某一个区域可以正常的滑动,就可以达到我们理想的效果。具体实现法案如下:var overscroll = function(el) { el.addEventListener('touchstart', function() { var top = el.scrollTop;
2020-06-02 18:36:10
293
转载 网页唤醒app
常用第三方APP 的url scheme触宝拨号:dialer://蜂窝网络:prefs:root=MOBILE_DATA_SETTINGS_IDWIFI:prefs:root=WIFI(WIFI这几个字母一定要大写)定位服务:prefs:root=LOCATION_SERVICES微信 :weixin://备忘录:mobilenotes://百度贴吧:tencent10038525...
2020-06-02 18:27:25
5022
原创 鼠标点击页面中任意标签,alert该标签的名称
java前端面试题<script>window.onload = function(){//如果只想弹出body中的标签名陈的话getElementsByTagName('body');//如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表 var el = document.getElementsByTagN...
2018-11-01 21:23:54
638
转载 JavaScript中值类型和引用类型类型区别**
**JavaScript中值类型和引用类型类型区别**JavaScript的数据类型分为两类:原始类型和对象类型。其中,原始类型包括:数字、字符串和布尔值。此外,JavaScript中还有两个特殊的原始值:null和undefined,它们既不是数字也不是字符串,更不是布尔值。它们通常分别代表了各自特殊类型的唯一成员。JavaScript中除了数字、字符串、布尔值、null和unde...
2018-11-01 21:13:14
246
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人