- 博客(41)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 uni-app本地打包apk
环境Android Studio 下载地址：Android Studio官网 OR Android Studio中文社区HBuilderXApp离线SDK下载：最新android平台SDK下载步骤1.打开Android Studio file => new => import project 导入我们之前离线下载的sdk里HBuilder-Integrate-AS工程 如下图：将android切换到project 如下图：3.打开HB
2021-03-30 16:47:59
528
原创 web前端开发中遇到的问题整理记录——2020-08
目录1.h5调用手机打电话功能2.ES6 的Object.assign()方法3.Expression has changed after it was checked. Previous value: ‘3’. Current value: ‘2’.内容1.h5调用手机打电话功能head 里面加上：<meta name="format-detection" content="telephone=yes"/>需要拨打电话的地方：<a href="tel:400-0000-
2020-08-28 11:19:01
310
原创 web前端开发中遇到的问题整理记录——2020-07
目录1.momentJS 技巧2.if 小技巧3…Uncaught TypeError: a[b].target.className.indexOf is not a function4.Maximum call stack size exceeded angular内容1.momentJS 技巧两个日期/时间的时差moment(endTime).diff(moment(startTime), ‘years’)moment(endTime).diff(moment(startTime),
2020-07-07 14:18:06
357
原创 web前端开发中遇到的问题整理记录——2020-06
目录1.padStart()方法,padEnd()方法2.Object.assign()3.解构4.Spread Operator 展开运算符内容1.padStart()方法,padEnd()方法ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。 padStart() 用于头部补全， padEnd() 用于尾部补全x’.padStart(5, ‘ab’) // ‘ababx’‘x’.padStart(4, ‘ab’) // ‘abax’‘x’.pa
2020-06-02 17:27:19
348
原创 web前端开发中遇到的问题整理记录——2020-05
目录chromium目前不支持mp3音频格式前端字体最优设置前端代码规范Object.defineProperty快速浮点数转整数数组去重正文1. chromium目前不支持mp3音频格式2. 前端字体最优设置body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","HelveticaNeue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-s
2020-05-25 15:46:24
433
原创 web前端开发中遇到的问题整理记录——2020-04
目录css 禁用a标签angular2 [ngStyle] [ngClass]的用法node 版本更新css 超出隐藏css width和height 的计算css3自适应布局单位vw,vhangular 组织默认事件和冒泡angular innerHtmlstring startsWith() 方法css 透明度设置内容1. css 禁用a标签<style> a.disabled { pointer-events: none
2020-05-22 17:45:57
374
原创 web前端开发中遇到的问题整理记录——2020-03
目录css 禁用a标签angular2 [ngStyle] [ngClass]的用法node 版本更新css 超出隐藏css width和height 的计算css3自适应布局单位vw,vhangular 组织默认事件和冒泡angular innerHtmlstring startsWith() 方法css 透明度设置内容1. css 禁用a标签<style> a.disabled { pointer-events: none
2020-05-21 09:10:27
2155
原创 js原声 实现点击复制文本内容
index.html <tr><td>姓名：<span οnclick="copyContent(this);" title="点击复制">张 三</span></td></tr> <tr><td>姓名：<span οnclick="copyContent(this);" title="点击复制">李 四</span></td></tr></
2020-05-20 11:17:24
210
原创 web前端开发中遇到的问题整理记录——2020-02
记录开发过程中遇到的问题及通过自己摸索或查阅网上的教程整理出的解决方案，如有不全或者错误欢迎留言更正目录1.es6 新增三种字符串方法2.对象转字符串/数组转字符串3.js属性对象的hasOwnProperty方法4.search() 方法5.Object.keys方法正文1.es6 新增三种字符串方法includes()方法该方法返回一个布尔值，true为找到了参数字符串。let str = "hello world!";str.includes('he') //truesta
2020-05-20 10:56:54
305
原创 小程序npm引入 和带小数点计算溢出问题解决
首先 npm init 创建package.json接着 npm install xxxx 导入npm包 (xxxx 代之包名)点击 微信开发者工具 =》 工具 =》 构建npm然后 微信开发者工具 =》 详情 =》 使用npm在需要引用的js 中 const xx = require('xxxx .js');ep: 导入js计算时小数计算不精确问题首先init创建packag...
2020-05-06 09:51:31
778
原创 web前端开发中遇到的问题整理记录——2019-09
###1.angular 动态绑定class<a (click)="update(info)" [class]="info.status ? '' : 'displayed'">修改</a>带中括号后面就不要带大括号 反之就要带2.JS删除对象中的某一属性(delete)var obj={ name: 'zhagnsan', age: 19 }delete...
2019-09-29 17:30:34
324
原创 web前端开发中遇到的问题整理记录——2019-07
记录开发过程中遇到的问题及通过自己摸索或查阅网上的教程整理出的解决方案，如有不全或者错误欢迎留言更正目录vue嵌套路由跳转问题路由拦截nodejs 中文乱码问题node去掉favicon.icov-htmlnode中path.resolve()用法node中fs模块的用法内容1. vue嵌套路由跳转问题从父页面跳转到子页的时候，发现url变化了，页面却没有渲染。查找资料后...
2019-08-23 10:28:51
897
原创 web前端开发中遇到的问题整理记录——2019-06
记录开发过程中遇到的问题及通过自己摸索或查阅网上的教程整理出的解决方案，如有不全或者错误欢迎留言更正目录nth-last-child(n) 选择器 设置倒数第n个子元素cordova+vue 项目打包成Android（apk）应用前端一些编码规范vue项目中vant自适应设置vscode编写vue时使用v-for报错Elements in iteration expect to ha...
2019-07-03 11:15:39
981
原创 web前端开发中遇到的问题整理记录——2019-05
目录小程序中，子页面传值给父页面的方法小程序中，input高度设置angular 当数据改变时，页面数据不改变的解决办法小程序wx.base64ToArrayBuffer调用时，提示thirdScriptError “atob” failed;undefined Error: “atob” faile微信小程序checkbox样式修改循环获取object的属性名和属性值JS中bre...
2019-06-21 09:29:50
6083
原创 小程序中引用iconfont图标
1.在阿里图标库中找到需要的图标并加入项目2.把项目下载项目到本地3.在本地打开下载的目录将 iconfont.css文件改为iconfont.wxss复制到项目中4.在app.wxss中引入iconfont.wxss5.在阿里图标库我的项目中 点击复制代码6.将复制的@font-face替换掉iconfont.wxss中的@font-face7.在项目中引用详细教程点...
2019-05-27 11:17:58
553
原创 web前端开发中遇到的问题整理记录——2019-04
####目录1.css 匹配下标是奇数或偶数的子元素2.获取屏幕高度3.小程序tabbar显示不出的原因4.小程序状态栏沉浸式5.小程序引用iconfont图标6.wx.request回调中使用setDate改变page.data值7.margin：0 auto 无效原因8.小程序传递数组，对象9.小程序阻止冒泡10.数组拼接####正文1.css 匹配下标是奇数或偶数的子...
2019-05-21 15:41:32
803
原创 小程序引用zanui ——vant weapp
1. 在已有的小程序根目录下或新建的小程序项目中执行npm init这一步蛮重要的！2. 在小程序工程的根目录下执行npm i vant-weapp -S --production3. 保证当前你的微信开发者工具是最新版本，然后点击执行“构建npm“4. 构建完成后多出一个目录“miniprogram_npm”，这个就是小程序可以识别的npm第三方库5.在需要的页面引入"u...
2019-05-16 13:27:12
438
原创 前端开发中遇到的问题整理——2019.3
记录开发过程中遇到的问题及通过自己摸索或查阅网上的教程整理出的解决方案，如有不全或者错误欢迎留言更正#####1. 如何设置输入框 input 中 placeholder的字体颜色、字号 input::-webkit-input-placeholder{ /*颜色*/ color:#fff; ...
2019-03-15 14:32:51
551
原创 关闭vue-cli的黄色警告
前言使用脚手架创建项目的时候 不小心安装了eslint，运行时报了一堆警告！报错必须处理，警告也忍不了！！！可是一个个去掉警告又有点烦，就找了个偷懒的办法在bulid -webpack.base.config.js 里找到const createLintingRule = () => ({ /*test: /\.(js|vue)$/, loader: 'eslint-l...
2018-12-13 09:53:38
3327
原创 Sublime Text插件——CSS值自动转REM
前言在移动页面的开发中，我们通常采用rem来做适配，但是每次进行计算就显得特别麻烦，也会大大降低我们的开发效率，为了提高开发效率，我们可以使用CSSREM插件。安装流程1.下载本项目，他是一个压缩的文件包，下载后直接解压即可。下载传送门2.进入packages文件目录：Sublime Text -> Preferences -> Browse Packages3.复制刚才下载...
2018-12-12 11:03:55
393
原创 Vue+echart的使用
废话不多说直接上代码，如果第一次接触Echarts的同学，可以参考这一篇入门浅谈echart3<template> <!--为echarts准备一个具备大小的容器dom--> <div id="main" style="width: 600px;height: 400px;"></div></template>&am
2018-11-27 14:41:03
22184
3
原创 ionic开发的过程中遇到的问题及解决方法的整理(十一)————echarts进阶——可缩放滑动图表
关于echarts的基本用法我们都会了，高级一点的日历也没问题了。下面来挑战一下滑动的图表吧。首先呢老样子先把echart引入到ionic项目中（不清楚的小伙伴挪步这里）然后再需要的ts中引入echartsimport echarts from 'echarts';然后获取html中的id,以时间线为X轴创建一个图表getEchart(){//月份是从0-11这个常识就不用说了 ...
2018-11-09 09:42:01
320
原创 ionic开发的过程中遇到的问题及解决方法的整理（十）——echarts绘制日历
前言前段时间项目经理和我说要搞一个日历图表出来，思来想去最终还是决定用echarts去实现，上文提过echarts的基本运用方法（不了解的可以移步这里），这里就不在赘述。在这记录自己的实现过程与大家分享，有不当之处也希望大家可以指出。引用import echarts from 'echarts';ionViewDidEnter（）{ let lunarData = []; //获取当...
2018-10-17 10:17:05
495
原创 ionic开发的过程中遇到的问题及解决方法的整理(九)——echarts的基础运用
前言图表在项目开发的过程中时经常用到的，在这里记录下自己遇到的在ionic中引用echarts的问题安装1.使用npm安装EChartsnpm install echarts --save2.安装 ECharts 的 TypeScript 定义文件npm install @types/echarts --save引用1.打开使用echarts页面的ts文件，将ECharts引入...
2018-10-16 13:23:08
393
1
原创 ionic——项目搭建
前言Ionic应用程序主要通过Ionic命令行实用程序（“CLI”）创建和开发，并使用Cordova构建/部署为本机应用程序，所以node是不可缺少的。电脑上没有安装的小伙伴可以自行安装（这部分资源网上很多，这里就不多赘述了）。node安装完成之后就可以正式开始了首先安装Ionic和Cordova CLI$ npm install -g ionic cordova 注意...
2018-09-13 16:55:14
747
原创 vue-cli入门（三）—— vue(chrome)调试工具vue-devtools安装
工欲善其事, 必先利其器, 本文主要介绍 vue的调试工具 vue-devtools 的安装和使用. 首先从git拉取插件 git clone https://github.com/vuejs/vue-devtools.git切换路径到vue-devtools目录下安装依赖cd vue-devtoolsnpm install然后修改vue-devtools\shells\c...
2018-09-12 15:34:11
2865
原创 ionic开发的过程中遇到的问题及解决方法的整理(八)——版本升级2.0版本
前言前段时间因为项目需要写了个自动升级的功能，也就是版本升级1.0，主要使用的是ionic官方提供的插件cordova-plugin-app-update。 相比网络上的教程而已它相对简单（简单的不要太多(ﾉﾟ▽ﾟ)ﾉ），不过相对的缺点也很明显，首先就是样式很丑，不能修改（emmmm反正我是不会修改，有大佬会的话务必教教我哇）其次就是ios不能使用。所以能只好重新写了个升级版本也就是——版本...
2018-09-06 13:17:11
780
原创 ionic开发的过程中遇到的问题及解决方法的整理(七)——多图放大预览可左右滑动
1.插件安装npm install ionic-gallery-modal --save2.在app.module.ts引入import * as ionicGalleryModal from 'ionic-gallery-modal';import { HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';im...
2018-09-04 09:50:58
493
原创 ionic开发的过程中遇到的问题及解决方法的整理（六）——版本升级
因项目需求涉及版本更新，因此参照官网案列写一个简单的版本更新例子，留作以后参考。安装Cordova和Ionic Native插件：$ ionic cordova plugin add cordova-plugin-app-update$ npm install --save @ionic-native/app-update将插件添加到app.module.ts中：.........
2018-08-21 10:27:41
418
原创 ionic开发的过程中遇到的问题及解决方法的整理（五）———多图上传
插件安装ionic cordova plugin add cordova-plugin-telerik-imagepicker --variable PHOTO_LIBRARY_USAGE_DESCRIPTION="your usage message"npm install --save @ionic-native/image-picker由于Android6.0以后，有权限限制...
2018-08-14 16:06:03
330
原创 js的this机制
先纠正一个观点，this 既不指向函数自身，也不指函数的词法作用域。绑定规则this的4种绑定规则分别是：默认绑定、隐式绑定、显示绑定、new 绑定。优先级从低到高。默认绑定默认绑定就是即没有其他绑定规则存在时的默认规则。这也是函数调用中最常用的规则。function foo() { console.log( this.a );}var a = 2; foo(...
2018-07-26 00:49:25
291
原创 纯js全屏效果
废话不多说直接上代码吧！ HTML部分：<!DOCTYPE html><html lang="en" id="Content"><head> <meta charset="UTF-8"> <title>全屏</title></head&g
2018-07-25 13:32:07
2804
原创 ionic开发的过程中遇到的问题及解决方法的整理（四）——时间控件Date Picker的运用
1.安装安装Cordova和Ionic Native插件：$ ionic cordova plugin add cordova-plugin-datepicker$ npm install --save @ionic-native/date-picker2.在app.module.ts中引入date-picker：import { DatePicker } from '@ionic...
2018-07-23 11:15:02
1527
7
原创 vue-cli入门（二）——sass的运用
承接上文，在创建好的vue项目目录中打开命令行（如果没有创建项目移步vue-cli入门（一）——搭建环境），执行命令：npm install node-sass --save-devnpm install sass-loader --save-dev注： 如果node-sass安装失败（emmmmm一般来说都是安装不成功的），可以试着使用cnpm来安装：cnpm instal...
2018-07-18 16:52:09
701
原创 vue-cli入门（一）——搭建环境
1.安装node.js从node官网下载并安装node，安装过程很简单，一路“下一步”就可以了。安装完成之后，打开命令行工具，输入 node -v如出现相应的版本号，则说明安装成功。（node自带npm（包管理工具），不过需要注意的是npm的版本最好是3以上，以免对后续产生影响）2.安装webpack打开命令行工具输入：npm install webpack -g安装完成之后输...
2018-07-18 13:07:52
408
原创 ionic开发的过程中遇到的问题及解决方法的整理（三）——刷新报错
ionic serve 运行报错：events.js:183 throw er; // Unhandled 'error' event ^Error: read ECONNRESET at _errnoException (util.js:992:11) at TCP.onread (net.js:618:25)问题出在 ws v.3.3.3里...
2018-07-18 10:20:38
842
转载 JS的垃圾回收机制与常见内存泄露的解决方法
前言因为项目需要涉及到了垃圾回收机制和内存泄漏，查看网上了许多教程，未免以后遗忘故此记录下来以便以后查阅。在不需要字符串、对象的时候，需要释放其所占用的内存，否则将会消耗完系统中所有可用的内存，造成系统崩溃，这就是垃圾回收机制所存在的意义。所谓的内存泄漏指的是：由于疏忽或错误造成程序未能释放那些已经不再使用的内存，造成内存的浪费。垃圾回收javascript不同于c、c++的一...
2018-07-11 13:45:14
958
转载 Canvas特效
今天来分享一个炫酷的特效，正如标题所提到的，我们使用到了 canvas 元素，可以理解为是一张画布，有了画布之后，我们就要在画布上进行绘制，而 canvas 元素本身是不具备绘图能力的，所以我们要借助 JavaScript 来完成绘制工作。HTML 的结构我们只需要一个 标签就够了<canvas id="canvas"> 测试兼容性</canvas>...
2018-07-10 22:44:49
784
原创 ionic开发的过程中遇到的问题及解决方法的整理（二）——ios点击延迟和拍照闪退
1.点击延迟我们将(click)事件添加到通常可点击的元素。这包括button和a元素。来提高可访问性，因为屏幕阅读器将能够识别该元素是可点击的。 不过，有时候我们也会将(click)事件添加到通常不可点击的元素。执行此操作时，可能会遇到300ms从单击元素到事件触发的延迟。要消除这种延迟，可以将该tappable属性添加到元素中： &amp;lt;div tappable (click)=...
2018-07-10 13:35:59
627
原创 ionic android从打包到发布
1.打包前的环境搭建ionic的运行环境这里就不一一赘述了，不懂得可以去网上看看教程。这里主要记录Android的打包过程1.1安装jdk，并配置Java环境首先安装java jdk (下载前看清版本是32还是64的)，安装完成后配置环境变量，并输入$ java -version验证是否安装成功。（参考教程）1.2安装并配置android sdkandroid开发者...
2018-06-29 17:46:19
1600
空空如也
如何不通过App Store实现ios应用分发下载安装
2019-03-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人