- 博客(25)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 处理ios页面回弹效果
2 @touchmove.stop （无需overflow: scroll；或overflow: auto;的可以这么设置）(vue)fixed定位 + @touchmove.stop。触摸移动事件阻止冒泡。
2023-04-03 11:44:43
368
原创 输入框限制输入数字
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
1052
原创 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
5688
原创 通过cli方式创建Uni-App项目踩坑日记
1 如何安装使用sass和sass-loader ？安装sass和node-sass，sass-loader请使用低于@11.0.0的版本，[email protected]不支持[email protected]安装完成即可使用，无需webpack配置。2 如何使用uni-ui？2-1使用npm安装的组件，默认情况下babel-loader会忽略所有node_modules中的文件，导致条件编译失效，需要通过配置vue.config.js解决：//在根...
2021-07-02 13:22:39
1445
转载 【转】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
183
原创 Mac下查看已安装的jdk版本及其安装目录
Mac下查看已安装的jdk版本及其安装目录打开终端，输入：/usr/libexec/java_home -V/usr/libexec/java_home -V
2021-02-24 16:43:07
250
原创 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
117
原创 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 "[email protected]"设置本地名字和邮箱（只作用在当前仓库）#Git local setup
2020-08-22 12:14:21
358
原创 记一次项目安装node-sass失败的经历..
今天在安装项目依赖的时候，安装node-sass老是安装失败。我使用的是npm，用nrm切换的淘宝源但是安装node-sass的时候肉眼可见的看到其下载的是github的package，然后下载安装失败。很奇怪的一点，明明用的淘宝源，为什么下载的地址是github上的呢？之后使用cnpm，也是使用的淘宝源，但是却安装node-sass成功了！！！npm install -...
2020-02-10 00:18:05
915
原创 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
375
原创 微信小程序开发避免频繁的setData调用
使用mpvue开发小程序，这时候得注意，对Page对象的data里面赋值的时候，实际上mpvue是讲它转化成了setData()的调用。这时候得注意，避免频繁的setData赋值操作，对性能的开销太大，尤其是在安卓机，卡顿成狗。比如说：对页面或scroll-view组件的滚动回调做计算处理时，这里应该特别注意。https://developers.weixin.qq.c...
2019-08-20 14:48:26
3599
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
112
原创 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
168
原创 使用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
10560
原创 macbook的一些实用安装软件
1、istat menus （付费）这个软件可以监控系统的各个硬件指标，可以显示网络速度2、网易邮箱大师（免费）苹果自带的那个邮件软件反正我就没登录成功过，网易邮箱大师使用起来还是不错的。我还试了一下foxmail软件，体验跟windows版本的差远了。3、microsoft remote desktop for mac (免费、必备)苹果自身就没佩带一个远程终端的应用程序，官...
2019-06-30 12:52:38
536
原创 记录一次前端面试中遇到的问题
前端面试中的一些问题：1、 浏览器输入一个url会发生什么?答：（1） 解析URLURL（Universal Resource Locator）：统一资源定位符。当在浏览器中输入URL后，浏览器首先对拿到的URL进行识别，抽取出域名字段。（2）DNS解析DNS解析（域名解析），DNS实际上是一个域名和IP对应的数据库。查询浏览器缓存（浏览器会缓存之前拿到的DNS 2...
2019-06-06 23:39:33
556
原创 js 浮点数精度问题的解决方案
说明： 前端开发的过程中，做金额的计算时，提交表单常会遭遇，浮点数的精度问题。比如说人民币元转换成分。解决方案：// 传入数字或字符串（元转化成分， *100）function handleFloorNum (str) { if (!str) { return 0 } else { return Math.round(str * 100) }}...
2018-10-29 11:20:47
431
原创 ios软键盘在input聚集时遮挡住输入框的问题
问题描述：ios下使用第三方输入法，造成input框聚焦时，input框不能正常贴在软键盘上，被软键盘遮挡。本人布局 （此处代码无甚必要，只是本人认为此等布局结构甚好，故贴于此供各位大神一览）<div class="main"> <!-- 头部 --> <header></header> <!-- 内容区域...
2018-08-31 16:06:28
2600
原创 sublime设置tab键自动转化为空格
"expand_tabs_on_save":true,"tab_size":2,"translate_tabs_to_spaces":true
2018-07-18 16:48:52
1573
转载 如何解决inline-block元素的空白间距
有关于使用inline-block来代替float的讨论也蛮多的，最常说的就是使用inline-block来代替float进行布局，或者使用inline-block来实现元素的居中效果。前面《CSS3制作的分页导航》一文中就是使用的inline-block制作的居中效果，不过留下了一上问题，就是使用inline-block的元素之间会存在“4px”的空白间距。那么今天我们就一起来说说这个“4px”...
2018-07-01 17:52:05
158
转载 深入理解BFC和Margin Collapse
BFC的理解与应用首先我们来看看w3c规范对BFC的解释，其实对于这种概念的学习上，我们总是建议首先寻找官方的定义，因为原则上来说官方的才是最权威和正确的，而且还比较详细，千万不要因为看到英文就畏惧不前。什么是BFC（Block formatting contexts）w3c规范中的BFC定义：浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells...
2018-07-01 17:14:21
178
转载 rem与em的使用和区别详解
原文链接：《综合指南: 何时使用 Em 与 Rem》你可能已经很熟练使用这两个灵活的单位，但你可能不完全了解何时使用 rem ，何时使用 em。 本教程将帮你弄清楚!Em 和 rem都是灵活、 可扩展的单位，由浏览器转换为像素值，具体取决于您的设计中的字体大小设置。 如果你使用值 1em 或 1rem，它可以被浏览器翻译成 从16px到 160px 或其他任意值。CSS 边距设置为 1em浏览器翻...
2018-07-01 16:56:17
25395
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
27753
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
1252
原创 flex-box弹性布局
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。
2017-07-26 00:07:59
999
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人