- 博客(44)
- 问答 (2)
- 收藏
- 关注
RSS订阅转载 javaScript中ES6 ES7、ES8、ES9、ES10实用的新特性
为了让浏览器兼容更强，记得babel一下ES7 新特性1.Array.prototype.includes() 方法在 ES6 中我们有String.prototype.includes()可以查询给定字符串是否包含一个字符在 ES7 中，我们在数组中也可以用Array.prototype.includes方法来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回 true，否则返回 false。const arr = [1,3,5,2,'8',NaN,-0]arr.inc..
2020-08-20 11:13:57
982
原创 ucharts绘制心电图
自己手欠把hbuilderx版本升级了，没升级之前用的echarts，效果一样，升级之后echarts报错，但是定位不到哪里报错，所以才把echart换成ucharts,个人觉得还是慎用hbuilderx生成各个端吧，坑很深。ucharts不支持一个图表显示两个x轴，所以我设置了两个图表，通过定位+透明使之重叠，来显示心电方格的效果。1.显示效果2.html代码段<view class="qiun-chartsC"> <canvas canvas-id="canva
2020-08-11 12:49:37
2345
5
原创 常用的vue 公共js文件
axios.defaults.baseURL = ' '; // 填写后台请求统一的地址 // 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符Xfunction isCardNo(card) { // /^\d{15}$|^\d{17}(\d|X|x)$/ var reg = /^\d{15}$|^\d{17}(\d|X|x)$/; if (reg.test(card) === false) { return fals...
2020-08-04 15:01:13
597
转载 程序员智力题
1. 给一个瞎子52张扑克牌，并告诉他里面恰好有10张牌是正面朝上的。要求这个瞎子把牌分成两堆，使得每堆牌里正面朝上的牌的张数一样多。瞎子应该怎么做？答案：把扑克牌分成两堆，一堆10张，一堆42张。然后，把小的那一堆里的所有牌全部翻过来。2. 如何用一枚硬币等概率地产生一个1到3之间的随机整数？如果这枚硬币是不公正的呢？答案：如果是公正的硬币，则投掷两次，“正反”为1，“反正”...
2019-10-23 13:58:13
1234
1
原创 h5+ 聊天页面 录音，拍照
如果h5页面是套在微信公众号中的，可以直接调用微信的sdk更加方便简单。我以下写的是应用在uniapp的程序中，当然也可以直接调用uniapp的方法，我是为了快速开发，之前因为在微信公众号中开发过h5，所以拿来直接用，只把一些微信的sdk改成h5+的就可以在android、ios中通用了。html<audio id="myaudio" controls="controls" hid...
2019-09-17 11:26:25
496
原创 uniapp接入h5页面报错
<web-view id="web_view" :src="articleContent.content+'?exam='+exam" :webview-styles="webviewStyles"></web-view>这种写法在电脑上，苹果手机，android部分机上是可以打开的，但是在一些android机上打不开网页，写法改成下面的方式就没有问题了。&l...
2019-09-04 18:08:08
2535
原创 uniapp接入高德地图
1.在高德开放平台提交资料，获取key，代码里写小程序的key值，uniapp的manifest.json中的APP SDK配置，android,ios分别写各自的key。2.引入高德sdk amap-wx.js,我接入的是微信小程序的sdk,android,ios上都支持。function AMapWX(a){this.key=a.key,this.requestConfig=...
2019-09-04 17:57:16
12916
1
原创 HbuilderX中真机测试没问题，打包后录音上传失败
android 没有勾上录音的写入和读取权限,申请第三方（高德https://lbs.amap.com/dev/key/app），填写SHA1等，获取key,填入manifest.json SDK配置,打包时必须选择自有证书，填写相关信息，打包Android权限大全1.android.permission.WRITE_USER_DICTIONARY 允许应用程序向用户词典中写入新词2...
2019-07-24 16:16:25
1016
原创 android应用申请流程
1.打开https://open.tencent.com/2.选择个人或者公司.3.按要求填写公司信息，点击下一步即可。
2019-07-17 18:15:08
223
原创 苹果开发者账号申请流程
一、苹果ID的注册1.注册苹果ID：https://appleid.apple.com/account#!&page=create二、开发者账号的注册1.登录个人账号页面点击 join..2.进入界面后 点击右上方蓝色按钮（个人身份不需要邓白氏编码，公司申请的话需要先申请邓白氏编码，https://developer.apple.com/enroll/duns-lo...
2019-07-17 18:07:41
1737
原创 uni-app问题待解决
开发中遇到的一个问题，待解决，先记录下来问题描述：uni-app上传图片，上传语音，文件小的时候可以上传成功，文件大，上传失败，请求头提示Provisional headers are shown在网上搜索有4种原因：跨域，请求被浏览器拦截 请求被浏览器插件拦截 服务器出错或者超时，没有真正的返回 强缓存from disk cache或者from memory cache，此...
2019-07-17 17:50:45
354
原创 HbuilderX优缺点
1，一套代码，多端运行，可以同时生成ios，Android，H5，微信小程序，支付宝小程序，百度小程序。2，代码实现简单，开发快速，官网提供很多组件，可以直接拿来用。3，uniapp开发体验对前端人员十分友好,首先uni-app是基于vue.js的，其次和微信小程序的开发方式类似。4，突破了系统对H5调用原生功能的限制，比如使用uniapp结合HTML5plus能调用系统相册图片选择和...
2019-07-17 17:42:51
21048
原创 vue element-ui 提示
function toast(title){ //提示 vm.$message({ message:title, duration:1000, });}function toastSuccess(title){ //成功提示 vm.$message({ message:title, typ...
2019-06-28 17:11:39
1002
原创 检测身份证号、手机号
function isPhone(pone) { var myreg = /^[1][3,4,5,7,8][0-9]{9}$/; if (!myreg.test(pone)) { return false; } else { return true; }}// 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或...
2019-06-28 17:08:34
283
原创 vue mint-ui 弹出框
function toast(title){ //提示 vm.$toast({ message: title, position: 'middle', duration: 3000 });}function toastSuccess(title){ //成功提示 vm.$toast({ message: title, iconClass: 'icon i...
2019-06-28 17:06:49
2597
转载 Uni-App使用低功耗蓝牙连接血压仪测量(先转载了，很详细)
1、Uni-APP蓝牙使用流程在阅读这篇内容之前，建议您详细浏览一遍uni-app官方关于蓝牙和低功耗蓝牙（BLE）使用教程文档uni-app官方低功耗蓝牙接口，如果您有微信小程序方面的开发经验，那您看这篇文章会很快上手，uni-app官方的蓝牙模块接口均是按照微信小程序的蓝牙模块接口编写。思路流程手机上打开蓝牙，设备打开蓝牙APP初始化蓝牙模块APP调用蓝牙搜寻设备APP存储搜寻...
2019-06-28 16:29:28
9205
8
原创 vue（1）
1.环境搭建1>node.js,npm2>npm install -g cnpm –registry=https://registry.npm.taobao.org 淘宝镜像3>cnpm install -g vue-cli 验证是否安装成功，在命令行中输入vue，出来vue的信息说明安装成功 。4> vue init webpack my_...
2018-12-06 13:24:18
106
转载 前端面试题
转载请注明出处: https://github.com/qiu-deqing/FE-interviewTable of Contents generated with DocTocFE-interview $HTML， HTTP，web综合问题 常见排序算法的时间复杂度,空间复杂度 前端需要注意哪些SEO web开发中会话跟踪的方法有哪些 <img>...
2018-11-27 15:13:45
429
原创 echarts
echarts 自定义工具不显示原因：格式必须是： icon : ' image://（图片／图标的路径) ' var myChartLine = echarts.init(document.getElementById('chartLine')); var optionLine = { title: { text: '数据变化情况', ...
2018-11-26 16:03:10
1156
原创 vue-router用法
1.在main.js中引入vue-routerimport Vue from 'vue'import VueRouter from 'vue-router'2.在main.js中使用这个router插件Vue.use(VueRouter)3.生成这个router实例export default new Router(){ routes:[ { ...
2018-11-22 17:22:34
285
原创 iframe父页面与子页面之间相互通信
<iframe id="patientMesIframe" name="patientMesIframe" src=""></iframe>1.父页面调用iframe子页面的方法： $("#patientMesIframe").attr("src","./patientMes.html"); $("#
2018-04-02 16:14:41
538
转载 localSorage用法
名称作用clear清空localStorage上存储的数据getItem读取数据hasOwnProperty检查localStorage上是否保存了变量x，需要传入xkey读取第i个数据的名字或称为键值(从0开始计数)lengthlocalStorage存储变量的个数propertyIsEnumerable用来检测属性是否属于某个对象的removeItem删除某个具体变量setItem存储数据to
2018-02-05 17:17:44
459
原创 设计模式学习（七）
6.命令模式// 命令模式 司令->连长{ -1>炮兵 -2>步兵var lian={};lian.paobing=function(pao_num){ console.log("炮兵"+pao_num);};lian.bubing=function(bu_num){ console.log("步兵"+bu_num);};lian.lianzhang=function(m
2017-12-26 10:23:49
138
原创 设计模式学习（五）
4.迭代器模式（迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。迭代器模式可以把迭代的过程从业务逻辑中分离出来，在使用迭代器模式之后，即使不关心对象的内部构造，也可以按顺序访问其中的每个元素。）迭代器模式无非就是循环访问聚合对象中的各个元素。比如 jQuery 中的$.each 函数$.each( [1, 2, 3], functio
2017-12-20 16:14:09
167
转载 electron打包
点击打开链接一、安装 electron-packagerPS：安装之前，先复制一份package.json文件到./app目录下，然后改下./app目录下package.json里 “main”: “app/main.js”的路径（去掉app/），不这样子的话，下面打包的时候会报错，有的版本识别不了应用路径。1、使用命令 npm install --save-dev e
2017-12-19 16:29:39
697
原创 设计模式学习（四）
3.代理模式代理模式的关键是，当客户不方便直接访问一个对象或者不满足需要的时候，提供一个替身对象来控制对这个对象的访问，客户实际上访问的是替身对象。应用：1>图片预加载（由于图片过大或者网络不佳，图片的位置往往有段时间会是一片空白。常见的做法是先用一张loading 图片占位，然后用异步的方式加载图片，等图片加载好了再把它填充到 img 节点里，这种场景就很适合使用虚拟代理。）
2017-12-19 15:15:47
126
原创 设计模式学习（三）
2.策略模式var strategies = { "S": function( salary ){ return salary * 4; }, "A": function( salary ){ return salary * 3; }, "B": function( salary ){ return salary } }; var calcul
2017-12-19 10:59:18
146
原创 设计模式学习（二）
1.单例模式// 单例模式，执行了3次，但实际div只绑定了一次。var getSingle = function( fn ){ var result; return function(){ return result || ( result = fn .apply(this, arguments ) ); } };var bindEvent = getSingle(f
2017-12-18 14:25:53
211
原创 call和apply
主要我是要解决一下几个问题: 1.apply和call的区别在哪里 2.什么情况下用apply,什么情况下用call 3.apply的其他巧妙用法（一般在什么情况下可以使用apply） 我首先从网上查到关于apply和call的定义,然后用示例来解释这两个方法的意思和如何去用. apply:方法能劫持另外一个对
2017-12-15 16:37:25
167
原创 设计模式学习（一）
序号模式 & 描述包括1创建型模式这些设计模式提供了一种在创建对象的同时隐藏创建逻辑的方式，而不是使用 new 运算符直接实例化对象。这使得程序在判断针对某个给定实例需要创建哪些对象时更加灵活。工厂模式（Factory Pattern）抽象工厂模式（Abstract Factory Pattern）单例模式（Singleton P
2017-12-13 10:56:29
129
转载 压缩js文件
原文链接：点击打开链接1.压缩单个js文件npm install uglify-js -g 安装1>压缩单个js文件打开cmd,目录引到当前文件夹，cduglifyjs inet.js -o inet-min.js 或者 uglifyjs inet.js -m -o inet.min.js -m更小，-m参数所以就是把变量名变成a, b, c
2017-10-17 15:51:46
927
原创 设计模式学习（六）
发布--订阅模式var event= {};(function (q) { var topics = {}, // 回调函数存放的数组 subUid = -1; // 发布方法 q.publish= function (topic, args) { if (!topics[topic]) { return f
2017-10-17 12:03:38
309
原创 if lese
项目中遇到了个奇葩问题，记录一下。不管是true还是false，都进true里。解决：应该是应该是执行的时机不对，加setTimeout(function(){},1000);后就可以了。
2017-10-13 11:24:39
697
原创 线程安全与非线程安全
线程安全就是多线程访问时，采用了加锁机制，当一个线程访问该类的某个数据时，进行保护，其他线程不能进行访问直到该线程读取完，其他线程才可使用。不会出现数据不一致或者数据污染。 线程不安全就是不提供数据访问保护，有可能出现多个线程先后更改数据造成所得到的数据是脏数据
2017-10-12 15:33:45
287
转载 electron 下载文件功能
初识electronelectron文档：https://github.com/electron/electron 文档里面有中文的，所以还是蛮容易理解的。 文档主要就是介绍electron项目的结构如下： 其中package.json是用来描述一些配置信息以及一些快速启动的指令等信息的 main.js则是用来整个项目的主线程，用于创建窗口和处理系统事件。 inde
2017-10-12 12:32:07
25778
原创 上传文件样式修改
html: 上传 css:label{ border-radius: .4rem; background-color: #979fa8; color: #fff; display: inline-block; padding: .8rem 4rem; cursor: pointer; margin-bot
2017-09-27 16:29:07
353
转载 apche配置
点击打开链接1.Apache的配置主要集中在httpd.conf文件，它位于你的安装目录，比如：我安装在2.用编辑器打开httpd.conf文件，先来查找到如下这一行：#ServerName我们可以得到如下这
2017-09-08 15:08:31
564
原创 打印预览
现在做打印预览，刚开始只是觉得打印好写，直接调window.print()就OK了，或者再稍微复杂点用个jq的插件，但是真到写时，发现一个坑接着一个坑，（本人是菜鸟）。 也在查了很多资料，看了好多别人的博客，自己再做一下总结，也希望能帮助到别人，有需要改善的希望大家指教。 我做的是桌面应用程序，基于Chrome.我想要的效果是出现预览的界面。 一
2017-08-18 17:09:18
1269
空空如也
前端怎么设置打印头尾固定，中间表格部分分页，而且第二页也显示表头
2017-09-12
打印预览，实现多页面预览
2017-09-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人