- 博客(35)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 安装配置cordova
安装CordovaCordova命令行在Node.js上运行，并且在NPM上可用。请遵循特定于平台的指南来安装其他平台依赖项。打开命令提示符或终端，然后键入npm install -g cordova安装java sdk安装android studio安装jandroid skd安装gradle链接下载# 查看可用平台和已安装平台cordova platform ls# 查看是否有未安装的需要的插件，根据提示安装cordova requirements..
2025-02-28 15:34:07
110
原创 electron 项目遇到问题记录
from中的 ./src/dbs/ 可以使用相对目录，这里指的目录是你整个项目的根目录，当然你也可以使用path.resolve或者path.join甚至直接写路径的方式来指定你想打包的目录。3 electron 静态资源打包。1、读取u盘信息， 监控u盘。
2025-02-28 15:33:17
215
原创 处理ios页面回弹效果
2 @touchmove.stop （无需overflow: scroll；或overflow: auto;的可以这么设置）(vue)fixed定位 + @touchmove.stop。触摸移动事件阻止冒泡。
2023-04-03 11:44:43
458
原创 输入框限制输入数字
1 限制输入正整数（elment-ui）<el-input type="number" v-model="count" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" />2 限制保留2为小数<el-input type="number" @input="onKeyUp" v-model="count"/>export default { data() { return { co
2022-05-31 16:10:13
1119
原创 vscode 保存代码自动格式化（vue）
1 根据项目配置的eslint规则保存代码后，自动格式化代码2 需要安装prettier 和 vetur// settings.json{ "codestream.serverUrl": "https://api.codestream.com", "security.workspace.trust.untrustedFiles": "open", "editor.language.brackets": false, "editor.formatOnSave": true, /
2022-04-22 16:47:13
5995
原创 通过cli方式创建Uni-App项目踩坑日记
1 如何安装使用sass和sass-loader ？安装sass和node-sass，sass-loader请使用低于@11.0.0的版本，sass-loader@11.0.0不支持vue@2.6.12安装完成即可使用，无需webpack配置。2 如何使用uni-ui？2-1使用npm安装的组件，默认情况下babel-loader会忽略所有node_modules中的文件，导致条件编译失效，需要通过配置vue.config.js解决：//在根...
2021-07-02 13:22:39
1593
转载 【转】exports、module.exports和export、export default到底是咋回事
转载自https://segmentfault.com/a/1190000010426778前言难得有空，今天开始重新规范的学习一下node编程。但是引入模块我看到用require的方式，再联想到咱们的ES6各种export、export default。阿西吧，头都大了....头大完了，那我们坐下先理理他们的使用范围。require: node 和 es6 都支持的引入export / import: 只有es6 支持的导出引入module.exports / expo...
2021-02-26 11:52:45
239
原创 Mac下查看已安装的jdk版本及其安装目录
Mac下查看已安装的jdk版本及其安装目录打开终端，输入：/usr/libexec/java_home -V/usr/libexec/java_home -V
2021-02-24 16:43:07
303
原创 cordova的一般使用
官网地址：https://cordova.apache.org/# 查看当前cordova 安装的平台和可用平台cordova platform ls# 添加平台，如安卓cordova platform add android# 检查当前的设备环境支持，根据提示安装必要的环境cordova requirements# 打包cordova build android --debug需要安装java sdk, android studio, gradle如果打包的时..
2021-02-04 20:08:08
188
原创 连续发送按钮 + loading条得实现（vue-代码）
样式实现 + 点击动效逻辑<template> <div class="btn-send2" :class="{'active': isClick}" @click="onSend"> <canvas class="canvas" id="canvasSend" height="216" width="216"/> </div></template>export default { data() { r..
2020-11-04 16:39:57
39
原创 github添加ssh key
添加昵称、邮箱 创建ssh-key github添加ssh-key 验证 github与gitlab添加多个名字何邮箱 创建多个ssh-key一、添加名字和邮箱设置全局名字和邮箱#Git global setup$ git config --global user.name "yourname"$ git config --global user.email "youreamil@email.com"设置本地名字和邮箱（只作用在当前仓库）#Git local setup
2020-08-22 12:14:21
418
原创 打脸一下，js创建二维数组的错误示范
最近在力扣上刷动态规划的题，常常需要创建一个二维数组。起初楼主使用如下代码创建了一个二维数组，自以为简单方便的。（错误示范）// 比如说创建一个9*9的二维数组，这样的const dp = new Array(9).fill(Array.from({length: 9}))然后呢，明明算法是正确的，但是老是AC不了，输出的值是错误的。找了好久的原因，结果错误就是万万不该用Array.from，循环创建多个数组。首先看下from方法的定义：创建的是一个浅拷贝的数组实例，意味着我
2020-07-27 22:10:02
41
1
原创 常用的VS Code插件
ESLint Git History GitLens — Git supercharged GlassIt-VSC - vscode背景透明度 Live Server - 网页服务 Vetur
2020-07-18 00:15:07
7
原创 记一次项目安装node-sass失败的经历..
今天在安装项目依赖的时候，安装node-sass老是安装失败。我使用的是npm，用nrm切换的淘宝源但是安装node-sass的时候肉眼可见的看到其下载的是github的package，然后下载安装失败。很奇怪的一点，明明用的淘宝源，为什么下载的地址是github上的呢？之后使用cnpm，也是使用的淘宝源，但是却安装node-sass成功了！！！npm install -...
2020-02-10 00:18:05
990
原创 js 浮点数精度问题的测试数据
加 0.1 + 0.2// 0.30000000000000004 减 6.8 - 0.9// 5.8999999999999995 乘 2.3 * 100// 229.99999999999997 除 2.14 / 100// 0.021400000000000002
2019-09-28 17:53:43
433
原创 小程序原生与webview中h5页面字号有细微差异的问题
问题描述：我们的小程序项目使用的是小程序和h5（通过小程序webview）混合开发的模式。但是最近ui发现一个问题，就是h5项目的字号比小程序原生的字号要略微大一点。分析：h5使用的rem缩放，都知道小程序rpx的原理，1rpx = 屏幕宽的1/750，我们的rem换算关系:// rpx 与 px 互为倒数1rpx = 屏幕宽度 / 750 * 1px1px = 750...
2019-09-01 10:10:55
37
1
原创 微信小程序开发避免频繁的setData调用
使用mpvue开发小程序，这时候得注意，对Page对象的data里面赋值的时候，实际上mpvue是讲它转化成了setData()的调用。这时候得注意，避免频繁的setData赋值操作，对性能的开销太大，尤其是在安卓机，卡顿成狗。比如说：对页面或scroll-view组件的滚动回调做计算处理时，这里应该特别注意。https://developers.weixin.qq.c...
2019-08-20 14:48:26
3722
2
原创 js 快速排序
function Quick (arr) { if (arr.length <= 1){ return arr } let pindex = Math.floor(arr.length/2) let val = arr.splice(pindex, 1)[0] // console.log('arr', arr,'val', val, 'pindex', pindex) l...
2019-07-20 20:55:24
147
原创 CSS: 我常用到的一些居中方法
普通行高居中，使用line-height， text-align <div class="tx">text</div> .tx { line-height: 40px; /* 文本垂直居中 */ text-align: center; /* 文本水平居中 */} 块状元素水平居中，使用margin：0 auto; <img...
2019-07-15 10:40:22
199
原创 使用Macbook远程Windows
1 mac 需要下载远程登录控制软件推荐微软的 microsoft remote desktop for mac，下载连接：https://microsoft-remote-desktop-connection.en.softonic.com/mac2 打开安装好的远程桌面软件，图标如图所示3 输入windows主机的ip地址，并点击 connect4 输入windo...
2019-06-30 15:29:42
11119
原创 macbook的一些实用安装软件
1、istat menus （付费）这个软件可以监控系统的各个硬件指标，可以显示网络速度2、网易邮箱大师（免费）苹果自带的那个邮件软件反正我就没登录成功过，网易邮箱大师使用起来还是不错的。我还试了一下foxmail软件，体验跟windows版本的差远了。3、microsoft remote desktop for mac (免费、必备)苹果自身就没佩带一个远程终端的应用程序，官...
2019-06-30 12:52:38
586
原创 记录一次前端面试中遇到的问题
前端面试中的一些问题：1、 浏览器输入一个url会发生什么?答：（1） 解析URLURL（Universal Resource Locator）：统一资源定位符。当在浏览器中输入URL后，浏览器首先对拿到的URL进行识别，抽取出域名字段。（2）DNS解析DNS解析（域名解析），DNS实际上是一个域名和IP对应的数据库。查询浏览器缓存（浏览器会缓存之前拿到的DNS 2...
2019-06-06 23:39:33
601
原创 js 浮点数精度问题的解决方案
说明： 前端开发的过程中，做金额的计算时，提交表单常会遭遇，浮点数的精度问题。比如说人民币元转换成分。解决方案：// 传入数字或字符串（元转化成分， *100）function handleFloorNum (str) { if (!str) { return 0 } else { return Math.round(str * 100) }}...
2018-10-29 11:20:47
498
原创 ios软键盘在input聚集时遮挡住输入框的问题
问题描述：ios下使用第三方输入法，造成input框聚焦时，input框不能正常贴在软键盘上，被软键盘遮挡。本人布局 （此处代码无甚必要，只是本人认为此等布局结构甚好，故贴于此供各位大神一览）<div class="main"> <!-- 头部 --> <header></header> <!-- 内容区域...
2018-08-31 16:06:28
2693
原创 sublime设置tab键自动转化为空格
"expand_tabs_on_save":true,"tab_size":2,"translate_tabs_to_spaces":true
2018-07-18 16:48:52
1706
转载 如何解决inline-block元素的空白间距
有关于使用inline-block来代替float的讨论也蛮多的，最常说的就是使用inline-block来代替float进行布局，或者使用inline-block来实现元素的居中效果。前面《CSS3制作的分页导航》一文中就是使用的inline-block制作的居中效果，不过留下了一上问题，就是使用inline-block的元素之间会存在“4px”的空白间距。那么今天我们就一起来说说这个“4px”...
2018-07-01 17:52:05
194
转载 深入理解BFC和Margin Collapse
BFC的理解与应用首先我们来看看w3c规范对BFC的解释，其实对于这种概念的学习上，我们总是建议首先寻找官方的定义，因为原则上来说官方的才是最权威和正确的，而且还比较详细，千万不要因为看到英文就畏惧不前。什么是BFC（Block formatting contexts）w3c规范中的BFC定义：浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells...
2018-07-01 17:14:21
216
转载 rem与em的使用和区别详解
原文链接：《综合指南: 何时使用 Em 与 Rem》你可能已经很熟练使用这两个灵活的单位，但你可能不完全了解何时使用 rem ，何时使用 em。 本教程将帮你弄清楚!Em 和 rem都是灵活、 可扩展的单位，由浏览器转换为像素值，具体取决于您的设计中的字体大小设置。 如果你使用值 1em 或 1rem，它可以被浏览器翻译成 从16px到 160px 或其他任意值。CSS 边距设置为 1em浏览器翻...
2018-07-01 16:56:17
25641
1
原创 css3中calc、vw、vh、vmin、vmax 属性的应用及兼容性
一、 calc()的使用什么是calc()?calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。为何说是动态值呢?因为我们使用的表达式来得到的值。不过calc...
2018-06-30 19:30:07
28609
3
转载 sublime text设置.vue文件和语法高亮
准备工作下载安装新建文件模板插件 SublimeTmpl 下载安装vue语法高亮插件 Vue Syntax HighlightSublime Text安装插件的方法有两种： 使用Sublime Text自带的安装库 Package Control 去安装 点击菜单栏的 Preferences -> Package Control 或使用快捷键 CTRL+SHIFT+P ...
2018-06-29 22:29:04
1302
原创 flex-box弹性布局
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。
2017-07-26 00:07:59
1060
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人