![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动开发
晏紫苏_cc
应该说点什么的
展开
-
悬浮按钮,可拖动元素,并且具有惯性和边缘反弹效果
手机端实现悬浮按钮,可拖动元素,并且具有惯性和边缘反弹效果原创 2020-07-28 17:27:20 · 439 阅读 · 0 评论 -
vue $attrs、$listeners、inherit的用法
文章目录input事件与change事件的区别vue $attrs 和 $listeners 和 inheritAttrsinput事件与change事件的区别注: 每当元素的 value 改变,input 事件都会被触发。这与 change 事件不同。change 事件仅当 value 被提交时触发,如按回车键,从一个 options 列表中选择一个值等。vue $attrs 和 $listeners 和 inheritAttrslisteners:想要孙组件修改父组件的值:在子组件中绑定v−o原创 2020-07-13 15:58:40 · 292 阅读 · 0 评论 -
js防抖和节流
函数防抖(debounce): 在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。查看效果,看此栗子// 模拟一段ajax请求function ajax (content) { console.log('ajax request' + content)}let input = document.getElementById('unDdebounce')input.addEventListener('keyup', function (e) { ajax(e.target原创 2020-07-13 15:46:32 · 136 阅读 · 0 评论 -
浅谈对ArrayBuffer的理解
##ArrayBufferArrayBuffer对象、TypedArray视图和DataView视图是Javascript操作二进制数据的一个接口,这些对象早就存在,属于独立的规格(2011年2月发布),ES6将他们纳入了ECMAScript规格,并且增加了新的方法,他们都是以数组的语法处理二进制数据,所以统称为二进制数组。这个接口的原始设计的目的,与WebGL项目有关。所谓WebGL,就是指浏览器与显卡之间的通信接口,为了满足JavaScript与显卡之间大量的、实时的数据交换,他们之间的数据通信必须原创 2020-07-13 15:41:39 · 1263 阅读 · 0 评论 -
浅谈对闭包的理解
理解闭包首先必须理解变量作用域,Javascript有两种作用域:全局作用域和函数作用域。函数内部可以直接读取全局变量。var n = 999function f1 () { console.log(n)}f1() // 999上面代码中,函数发可以读取全局变量n。但是函数外无法读取函数内部生命的变量。function f1() { var n = 999}console.log(n) // Uncaught ReferenceError: n is not defined由原创 2020-07-13 15:35:49 · 225 阅读 · 0 评论 -
JavaScript事件运行机制
文章目录Macrotasks和MicrotasksMacrotasks 和Microtasks都属于异步任务中的一种,我们先看下他们分别是哪些API:macrotasks: setTimeout, setInterval, setImmediate, I/O, UI renderingmicrotasks: process.nextTick, Promises, Object.observe(已废弃), MutationObserver我们先来看下setTimeout的macrotask和Pro原创 2020-07-13 15:29:20 · 215 阅读 · 0 评论 -
vue 实现全选,反选功能
一般需要用到全选和反选的示例比如:购物车,批量添加,批量删除等 //需要用到的变量itemList: [], // 商品列表totalPrice: 0, //商品总价格isCheckAll: false, //全选的checkbox是否选中isChecked: false, //某个checkbox是否选中checkedIdList: [], //选中的商品的id组合...原创 2018-06-28 14:56:10 · 1188 阅读 · 0 评论 -
vscode 取消保存时自动格式化
在应用商店中找到JS-CSS-HTML Formatter 禁用掉就会不会出现保存时 自动格式化了原创 2018-08-29 11:06:39 · 24787 阅读 · 6 评论 -
vscode 使用ESLint 自动检查,保存时自动格式化
1:全局安装eslint npm install -g eslint2: 打开vscode 点击 “文件”-----》“首选项”----》“设置”,在右侧“用户设置”里加入一下配置:{ //eslint 代码自动检查相关配置 "eslint.enable": true, "eslint.autoFixOnSave": true, "eslint...原创 2018-08-29 11:23:22 · 17295 阅读 · 0 评论 -
vue修改element-ui el-table的样式,如header的字体颜色、背景色和tr的字体颜色、背景色
<template> <el-table :data="tableData" :row-style="tableRowStyle" :header-cell-style="tableHeaderColor"> <el-table-column property="name" label="原创 2018-08-30 13:56:50 · 68016 阅读 · 11 评论 -
vue build 之后页面 -webkit-line-clamp: 2; -webkit-box-orient: vertical;失效不起作用
找到./build/webpack.prod.config.js 文件 找到下面的这段代码 注释掉 重新打包即可// -webkit-line-clamp、-webkit-box-orient vue打包后不起作用 注释下面这段代码 new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSo...原创 2018-10-29 16:36:24 · 1381 阅读 · 0 评论 -
使用pre标签实现html识别文本中换行符,内容超出时并支持自动换行
<pre>1:第一行文字第一行文字第一行文字第一行文字第一行文字第一行文字第一行文字2:第二行文字第二行文字第二行文字第二行文字第二行文字第二行文字第二行文字3:第三行文字第三行文字第三行文字第三行文字第三行文字第三行文字第三行文字4:第四行文字第四行文字第四行文字第四行文字第四行文字第四行文字第四行文字</pre>pre { font-famil...原创 2018-12-25 15:24:03 · 11311 阅读 · 0 评论 -
npm install 出现npm WARN tar ENOENT: no such file or directory, ..../node_modules/.staging/...解决办法
npm install 一直失败,出现以下:npm WARN tar ENOENT: no such file or directory, lstat '/demo/node_modules/.staging/stylelint-f14e63b6/lib/rules/declaration-property-unit-blacklist'npm WARN tar ENOENT: no su...原创 2019-07-23 13:27:02 · 70940 阅读 · 21 评论 -
vue实现图片上传
项目中用到的是上传头像,前端通过input[type="file"]来选择图片,给后端传递一个formData格式的数据,然后上传。代码如下:我写了个组件,参数如下:uploadType: 上传类型width: 图片显示的宽度height: 图片显示的高度imgUrl: 如果之前有图片,图片的路径地址getImgUrl: 在组件里上传成功之后,会得到图片路径的相关参数,该...原创 2018-06-28 14:00:52 · 45858 阅读 · 6 评论 -
vue实现word,pdf文件的导出
vue实现word或pdf文档导出的功能,我的项目是:后端返回一个文档流(下图),然后前端对文档流做处理进行下载,代码如下: import axios from 'axios'; axios.get(`url`, { //url: 接口地址 responseType: `arraybuffer` //一定要写 }) ....原创 2018-06-28 11:17:48 · 18645 阅读 · 1 评论 -
iOS调用相机相册无法显示中文
看到很多文章都是在info.list设置Localization native development region 的value的值为China就好,然而我试的并没有什么卵用,后来才知道还要设置Localizations 下面的item的value值为Chinese 就可以了,如下图原创 2017-09-04 15:32:23 · 326 阅读 · 0 评论 -
支付宝SDK导入问题
在支付宝SDK导入后 会报错;Undefined symbols for architecture arm64: "_inflate", referenced from: -[APayProcessor gzipDecompressWithData:] in AlipaySDK "_deflate", referenced from: -[APayP原创 2017-09-04 16:38:34 · 1989 阅读 · 0 评论 -
ionic3 ionic cordova build ios报错 Cannot read property 'mergeAndUpdateDir' of undefined
项目从ionic2升级到ionic3之后打包iOS版本执行 ionic cordova build ios 的时候会报错:ionic cordova prepare> cordova prepare✖ Running command - failed![ERROR] An error occurred while running cordova prepare (exit c...原创 2017-09-08 10:01:52 · 3865 阅读 · 0 评论 -
ionic3 锁定竖屏
在iOS里xcode中 默认不支持Upside Down(上下颠倒),可以选中其他的选项来控制app的适配 portrait(竖屏),Landscape Left(向左旋转),Landscape Right(向右旋转) 或者在config.xml文件里增加:<preference name="orientation" value="portrait" />ionic 会自己生成下面的代码,如果c原创 2017-09-11 10:20:23 · 908 阅读 · 0 评论 -
Code signing is requires for product type 'Application' in SDK 'iOS 10.3'
执行 ionic cordova build ios 时,报错 如下图:解决办法:在xcode里配置如下图再执行:ionic cordova build ios原创 2017-09-18 16:00:16 · 448 阅读 · 0 评论 -
ionic cordova build android 打包巨慢,一直在Running command的解决办法
ionic2打包android包时,一直在Running command… 是因为在第一次打包安卓的时候会去下载一个gradle的包,所以会很慢。 解决办法: 先去下载一个gradle的包,放在项目的/platforms/android/gradle/的下面。然后在项目中找到GradleBuilder.js文件(文件目录:/platforms/android/cordova/lib/builde原创 2017-09-18 15:51:41 · 6989 阅读 · 1 评论 -
cordova build android 报错Execution failed for task ':mergeDebugResources'.某些输入文件使用或覆盖了过时的API
Error: app/platforms/android/gradlew: Command failed with exit code 1 Error output: FAILURE: Build failed with an exception. What went wrong: Execution failed for task ‘:mergeDebugResources’. Error原创 2017-10-19 11:21:21 · 1165 阅读 · 0 评论 -
macOS 搭建android环境,通过bash,zsh 配置android环境变量
通过Android Studio 安装android sdk,Android Studio需要Java Development Kit [SDK]1.8或更高版本,你可以在命令行里输入 javac --version来查看当前安装的JDK版本,如果版本不符合要求,则可以到官网下载。ANDROID_HOME环境变量确保ANDROID_HOME 环境变量正确的指向了你安装的SDK的路径,具体的做法把下面原创 2017-10-27 15:52:33 · 2838 阅读 · 0 评论 -
升级和安装指定版本的ionic
升级到最新版本:npm install --save-dev --save-exact ionic@latest安装制定版本的ionic:npm install --save --save-exact ionic@3.13.0原创 2017-10-20 09:49:02 · 3225 阅读 · 2 评论 -
xcode找不到iOS手机新升级的系统文件,解决方法
查询手机OS系统,把下载文件放在下面目录下,重启xcode就可以安装了。 注意:第一次xcode读取手机文件时需要一段时间,需耐心等待读取完再run/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport原创 2017-10-20 10:55:57 · 605 阅读 · 0 评论 -
xcode中原生iOS封装代码访问QQ客服
把下面代码放入某个插件的.m文件里封装的方法(这里以clipboard复制插件为列)里,然后跳用该方法即可跳转QQ系统调用QQ对话框NSArray* array = [text componentsSeparatedByString:@","]; if([array[0] isEqual:@"复制"] && [[UIApplication sharedApplication] can原创 2017-10-17 15:08:17 · 799 阅读 · 0 评论 -
执行react-native run-ios 报错 No bundle url present 的解决办法
新建react native 项目执行 react-native run-ios 报错 No bundle url present,如图: 解决办法: 删除项目文件下的build文件夹,再次执行 react-native run-ioscd YOUR_PROJECT/ios rm -r buildreact-native run-ios原创 2017-11-14 16:07:18 · 3067 阅读 · 0 评论 -
用vuex state实现headerNav组件的购物车数量实时更新(双向绑定)
加入购物车时,使用vuex state保存数据,及时更新header组件里购物车按钮的数量headerNav组件代码:<el-badge v-if="cartCount" :value="cartCount" :max="99"> <el-button class="cart-btn" round size="small">原创 2018-07-16 14:56:14 · 1762 阅读 · 0 评论 -
iOS10 拍照闪退,xcode增加访问相机相册权限
在iOS10系统下调用相机,相册功能时会闪退,这是因为iOS对于隐私权限的配置更为严格,要赋予权限才可以访问解决方法:1:更改info.plist文件,可以直接用文本打开,添加:NSCameraUsageDescriptioncameraDesciptionNSContactsUsageDescriptioncontactsDesciptionNSMicrophoneUsage原创 2017-09-04 12:37:58 · 7793 阅读 · 0 评论