- 博客(50)
- 收藏
- 关注
RSS订阅
原创 vue通过腾讯Web（H5）播放器 ，实现直播点播
官档：https://cloud.tencent.com/document/product/454/7503index.html 引入<script src="https://imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.3.2.js" charset="utf-8"></script>;不管直播点播，页面都是这个容器<div id="tcplayer"></div>直播..
2020-09-04 18:06:33
2410
1
原创 selenium-webdriver 阿里云ARMS 自动化巡检
Selenium Webdriver（以下简称SW） 是一个用于自动化 web 浏览器操作的工具。它提供了一组用于模拟用户在网页中的交互的 API，可以通过编程方式来控制浏览器并执行各种操作，例如点击、填写表单、提取数据等。SW 支持多种编程语言，包括 Java、Python、JavaScript（Node.js）等，本次分享我们主要关注 SW 的 JavaScript 版本。
2023-09-22 17:54:17
925
原创 开发你的一个npm 组件
这里写自定义目录标题创建npm包1、创建npm包2、注册npm账号3、添加账号：进入npm包目录，命令行输入4、发布5、使用npm 包创建npm包1、创建npm包包名 kitex，目录下有：highway.jsfunction measureSpeed(speed){if(speed > 120) {console.log(“You are speeding. Please slow down”) }else if (speed < 60){console.log(“For
2021-03-08 17:39:14
1141
原创 小程序查询实时天气
1、创建 key登录高德：创建应用、添加新Key2、下载SDK进入SDK下载页面，下载微信小程序SDK，解压后，将amap-wx.js 文件放到小程序下3、配置app.json 中加上 "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } },登录微信公众平台，开发-开发管理-开发设置-服务器域名，点击“修改”，在request合法域名...
2021-03-04 18:48:48
361
1
原创 微信小程序 开发小技巧
1、剪贴板clipboard(){ wx.setClipboardData({ data:String(this.data.orderNo),//注意data值不能是数字 success (res) { wx.getClipboardData({ success (res) { console.log(res.data) } }) }, c
2021-01-22 16:15:19
616
原创 vue自定义指令之图片加载失败
说到图片加载失败，我们都会想到这样处理<img src="/img/covers.png" alt="封面" onerror="javascript:this.src='/img/default.png'">这样处理没问题，但如果放到项目中，几十上百个页面，一个一个加，就太重复了；而且还有个问题，如果图片很大，加载时间过长，也会严重影响用户体验，所以，这里需要同时解决两个问题：1、在图片加载出来之前，给一个默认图片2、图片加载失败，用默认图片来代替回到代码层面，..
2020-09-23 18:19:06
1031
原创 vue 读取 txt
项目中难免会碰到要显示各种协议， 像这样这时，产品会给你发一个word 文档，通常都有好几页面，这样大篇幅的文本，直接复制到页面就不合适了，再加上还要处理换行，费时费力，能够直接直接获取word内容，展示到页面最好不过，由于获取word乱码，这里暂用txt文本代替export default { date(){ return { agreement:{ user:"", pri.
2020-09-03 14:58:08
6530
1
原创 即刻 mpvue 小程序
随着微信小程序的火爆，抖音、百度、支付宝、今日头条等公司，也都先后地推出了自己的小程序平台！自然，后面会跟着一大票喊着“我们也要做小程序”的公司，也想试试手里的黄牛票，能否登上这班客船！相应的，小程序相关的前端框架，也如雨后春笋般冒出来，如： wepy 、 mpvue、taro，从转换角度来看，将现有Vue / React构建的组件和系统，利用这个通道，丝般柔滑地转化成小程序，省心省力，倒是...
2020-09-03 10:13:27
162
原创 Vue 常用插件
1、选择地区(省市区三级联动)：vue-area-linkage(推荐)、element-china-area-dataA、vue-area-linkage 文档：https://www.npmjs.com/package/vue-area-linkagenpm i vue-area-linkage area-data -Smain.js 配置import VueAreaLinkage from 'vue-area-linkage' import 'vue-are...
2020-09-03 10:07:50
383
原创 Vue 腾讯云视频上传
接上一篇，这里的后台项目，视频上传到腾讯云以后，生成的地址用来给IOS、安卓调用显示。引入 SDK ， 安装vod-js-sdk-v6npm i vod-js-sdk-v6 -S会多处调用，在 main.js 将 TcVod 设置成全局对象import TcVod from 'vod-js-sdk-v6'Vue.prototype.$TcVod = TcVod用Element-ui 的上传组件<el-form-item label="活动介绍视频" prop...
2020-09-02 18:09:23
970
原创 Vue 腾讯云图片上传
最近在开发直播方面的产品，播放音频、视频、上传图片、视频、直播会做的比较多，这里做个记录分享分享！ 这个是后台项目，本地图片上传到腾讯云以后，生成的地址用来给IOS、安卓 调用显示。安装配置：安装cos-js-sdk-v5npm i cos-js-sdk-v5 -S具体可参考官档：https://cloud.tencent.com/document/product/436/31954<el-form-item label="封面图" prop="cover...
2020-09-02 17:55:40
1710
原创 开始你的第一个Angular.js 项目
最近，换了新公司，要从Vue.js，转到 Angular.js ，这不，先得准备一下嘛！沐浴更衣，焚香戒斋，祭天祈祷，啊哈哈...跑偏了！话不多说，撸起袖子：开干，新建一个项目试试！第一步，安装node.js鉴于你可能用到不同版本的node.js，建议 安装nvm，具体教程，可参考文章《Nvm安装笔记》*注：可能出现当前node.js 版本，不支持使用的Angul...
2019-07-14 16:39:53
297
原创 车商通SCRM 10.0全新上线
一晃已是7月，自从1月入职车商通（驱动新媒体），两个人的开发组，就马上投入了车商通SCRM系统（4S店客户关系系统）的开发。系统原来是用Angular.js架构的，前后五个月，以每周至少四天加班的姿态，一个个接口请求，一个个功能模块，从老系统抠出来，再开发新的页面，我们像是种下一颗种子，每天灌溉施肥，今天，终于长出了果实，10.0版本终于上线了，更详尽介绍>>以下...
2019-07-12 14:26:47
235
原创 Javascript 继承
说到继承，先来个开胃菜：求方法实现 f(6).num(1)，结果等于6。 想到方法了吗？不如先来看一段代码：var $ = function(selector){ return new $.prototype.init(selector)};$.prototype = { constructor:$, init:function(selector)...
2019-06-28 11:49:37
199
原创 ES6 笔记
1、let 和 const 命令let：块级作用域变量，const：常量首先，let 和 const，不存在变量提升。*使用时，先声明，后调用。console.log(a); //全局变量：undefinedconsole.log(b,c);var a = 1;let b = 2;const c = 3同时，相同作用域内，不能重复声明//报错let ...
2019-06-28 11:43:46
178
原创 Js 基础知识点
1、参数、块级作用域、变量、常量1）、变量提升var val = 1;function fn(){ console.log(val) var val = 100; console.log(val) };fn();结果：undefined，100 2）、变量和块级作用域，变量和常量var val = 1;function ...
2019-06-28 11:37:41
256
原创 小程序的分包加载
定义小程序分包加载，先看看官方解释：某些情况下，开发者需要将小程序划分成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。其实就四个字：按需加载！小程序优于 App 的地方，就在于小快灵。代码包从最初的不超过 1MB，涨到现在的 8M！大小在增加，要达到相同的用户体验，就只能少量多餐好消化了！目前小程序分包大小有以下限制：. 整个小程序所有分包大小不超过 8M...
2019-06-28 11:30:22
415
原创 Vue 手风琴 和 $set
最近，在开发项目的时候，要做一个手风琴，要求能**同时展开多个面板**，喏，也就是Element-ui 折叠面板这个型的：但需求是加了更改排序的功能，如下图，表现上自然不同了，先前提到的Element-ui折叠面板，满足不了，只能 DIY 一个。接着，啪叽一顿代码下来，大体如下。这里的方法是：给已有的数据对象添加新的属性。[color=#ff4753]*[/color]注...
2019-06-28 11:24:29
501
原创 Vue 组件通信
Vue 组件通信这块，其实在先前的文章《vue 组件传值》中就已经提过，总结了常用的五种方法：props、ref、emit、路由、vuex。 这里，考虑到实际项目中的开发需要，略加补充，一起探讨学习下！provide + inject (官档)provide / inject 是Vue.js 2.2.0 新增的 API，一种无依赖的组件通信方法。官档说明：这对选项需要...
2019-06-28 11:20:29
169
原创 Vue 开发插件
所谓插件，其实就是一个在全局声明的组件，这里，我们集中封装，全局引入，从而便于管理，也能有效地提升开发效率和加载性能。 方法就是：将这个插件的逻辑封装成一个对象，最后将install编写业务代码暴露给Vue对象，也就是，要公开一个install方法（[开发插件官方文档](https://cn.vuejs.org/v2/guide/plugins.html)）。这里，以接口请求文档为例，...
2019-06-28 11:11:40
682
转载 vue组件按需加载
最近，公司的 SCRM 系统开发临近收尾，在扫尾的时候，发现个别页面加载巨慢，甚至出现卡顿！起初还以为是公共组件的问题，但逐一排查，发现完全没有发现！组件明明做得像德芙一样，哪用都丝般柔滑嘛！ 折腾半宿，才想起来，问题该是出在路由上。因为项目上线时间紧，是三人共同开发的，在页面开发前，其中一个同事已经把路由加好了，所谓加好了，是这么个样子：问题找到了，解决方案，也正是今天想...
2019-06-28 11:09:11
2793
原创 Nvm 安装笔记
进入下载页面：https://github.com/coreybutler/nvm-windows/releases以下介绍两种方式安装一、nvm-noinstall.zip 安装，这是网上常见的安装方式：1、选择 1.1.7 - Maintenance Release 的第一个文件：nvm-noinstall.zip 点击下载2、存放到目录：C:\dev\nvm 以...
2018-12-13 17:06:07
316
原创 Js 判断空对象的几种方法
var obj = {};1、转化成 Json 字符串console.log(JSON.stringify(obj)==="{}");2、利用Es6遍历对象的属性：Object.keys(obj)console.log(Object.keys(obj).length===0);3、利用Es6遍历对象的属性：Object.getOwnPropertyNames(obj...
2018-11-20 17:49:57
613
原创 Css3动画 - 小圆围绕大圆的自转公转
一个面试题，题目：实现一个小圆围绕大圆转圈 例1】、先让她转起来，也就是自转：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>circle</title> <s
2018-11-13 17:39:25
3996
原创 Vue 页面刷新，状态数据丢失问题
在开发过程中发现，Vuex 状态值存在页面刷新，数据丢失情况。具体：在登陆页成功登陆，将用户信息保存到 Vuex，跳转至首页，首页显示用户信息，再刷新首页，vuex中保存的数据会丢失！ 原因：store里的数据是保存在运行内存中的，当刷新页面，以前的内存被释放，重新加载脚本，store里面的数据就会被重新赋值。解决方法：将state里的数据保存一份到本地存储。在登陆页面传数据 ...
2018-11-07 15:47:20
9362
2
原创 Vue + express + mysql 实现登陆页
这是接触express 尝试的第一个项目。利用 express 和 mysql 来编写数据存储的后端api，来读取和存储数据库里存的用户信息。要注意的问题：· 解决跨域 · axios 的配置· Vue 页面刷新，状态数据丢失问题(解决方案) 项目 Github 地址 >> ...
2018-11-07 15:43:26
1517
原创 小程序获取头像昵称
从年初开始，打开小程序，工具栏都会弹出这个提醒：也就是，默认不弹出授权询问框，默认获取不到用户信息（头像、昵称等）！ 如果你需要用到这个接口，可以尝试以下方法：1、用 button 组件，将属性名 open-type 设置为 getUserInfo 类型，来吊起授权窗口，获取用户基本信息，查看 button 文档<button open-type="getUserI...
2018-11-01 20:53:54
8090
原创 Vue.js 换肤
思路： Less / Sass / Stylus ，定义多种皮肤对应的方法，点击皮肤颜色，切换最外层 div#app 的 class，来实现换肤。App.vue <template> <div id="app" :class="currentSkin"> <h1>title</h1> <div class=&quo
2018-09-25 11:21:26
533
原创 Js this指向
this，这个！This is mine.这个是我的！This is yours. 这个是你的！世间万物，皆有所属！你的，我的，她的！哪怕失物，无人领取，也会归于公共名下！今天来聊聊 this，如果要用到JS，this 是避不开的话题，this之于JS ，像自拍之于女人，iPhone之于手机！来来来，正餐之前，先来一道开胃菜：function Fx(){ th...
2018-09-17 18:18:38
241
原创 JS 面试题 -奇葩说
1、console.log 怎么打印有颜色的字体2、“15”+5 的结果是？“15”-5 的结果是？3、1 + - + + + - + 1 结果是？4、(function() { var x = y = 1;})(); console.log(x); //结果是？console.log(y);//结果是？5、var arr1 = [1,2],arr2=[1,2],arr3 = a...
2018-09-14 17:19:03
584
原创 当 vue 遇上 小程序 （3）
接 上一篇 [当 vue 遇上 小程序 （1）]1.5、嵌套循环 · Vue.js<!-- App.vue --><template> <div id="app"> <div v-for="item in address"> <p>{{item.province}}&l
2018-08-25 19:02:11
264
原创 z-index 元素顺序 - 后宫甄嬛
先提三个问题：1、position 和 z-index 的默认属性是什么？希望你答对了！答案：position：static，z-index ：auto剩下的两个问题：2、position 所有属性值，是否支持 z-index ？3、元素设置不同 position 属性值，重叠在一起，如何让其中任意一个在最上层？带着这些问题，今天，来挖一下 position 和 z-inde...
2018-08-25 12:09:39
493
原创 纯 Css 实现 ui-layout 布局
年初，公司 UI 框架升级，几番比较以后，layui 和 adminLte 同时入选。当然，很明显，这俩框架都是师出 bootstrap，提供基础的样式、组件、插件。但要‘本土化’到项目中来，多少要再翻炒一遍。公司的系统页，大多基于页面高宽100%来开发作业，以前的布局框架，无论是自己写的，还是插件，如ui-layout，都是用脚本计算。 现在，这俩新框架，栅格部分勉强...
2018-08-18 03:11:52
2111
原创 js & jQuery 绑定未来的元素
最近，一个同事跟我求助，说在页面点击按钮，向一个 div 添加 select 标签，根据 select 选中项取值，但取不到！如下：<button id="btn">btn</button> <div id="box"></div>怎么办？我们先来做几个测试： 1、点击 button，向 div 里添加多个未来按钮，点击某个未来按...
2018-08-16 00:55:11
1082
原创 Flex 子元素高度塌陷
先看看页面整体布局：· wrap 弹性布局，分 head、main；· head 弹性布局，分 h2、i ；问题：head 高度塌陷。高 32px，变成：24.03px（PS里：chrome是23px，IE是24px）。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...
2018-08-15 00:48:04
7470
1
原创 JS 绑定 - 刻舟求剑
来，玩个抽积木的游戏！ 有如下：积木A、B、C，假设 A、B、C由下到上排列，随意分 3 次，抽出这3块积木（点击按钮，删除这个按钮本身 ）<div id="test"> <button>积木A</button> <button>积木B</button> <button>积木C</button
2018-08-13 17:01:39
160
原创 js、jQuery 表单 - 那些事儿
1、select<select> <option value="1" selected="selected">北京</option> <option value="2">上海</option> <option value="3">深圳</
2018-08-09 18:29:43
158
原创 Css居中 - 极限挑战
说到居中，大部分人可能都觉得，这简直婴幼儿问题嘛，别说前端了，恐怕设计后端，都会不假思索地敲个：text-align:center; margin:0 auto; 那么问题来了，居中，你知道吗？你真的知道吗？你确定你知道吗？你真的确定你知道吗……哈哈，我都被这鸟广告烦死了！ 那么今天，我们就一起来翻箱倒柜、温故知新！1、文字居中，文字和图标的垂直对齐： 暂时不表，后续...
2018-08-06 17:07:24
176
原创 小程序 - 页面跳转 扒一扒
刚接触小程序时，看到这 4 个单词:reLaunch、switchTab、redirectTo、navigateTo，都有类似跳转的感觉，但随便拿一个出来用，都有种看韩国选美比赛，指着其中一个，问你叫什么名字的感觉。个人的习惯是，首字母联想记忆，这四个跳转的首字母，分别是，R、S、R、N，我记忆成：认识RN，小程序的页面标签，不就是 RN 那一套嘛！这个方法，比较容易形成永久记忆！而...
2018-08-03 16:12:23
582
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人