- 博客(54)
- 收藏
- 关注
RSS订阅原创 手机调试
实时重载服务器，它为高效的前端开发而构建https://www.npmjs.com/package/puer npm -g install puer puer h5.html 手机浏览器输入或微信进入：http:// + 开发电脑ip地址 + :8000/页面名 例子（http://192.168.1.5:8000/h5.html） 注意端口可变...
2018-06-05 22:15:37
301
原创 Git常用术语 《Git Pro》总结
《Git Pro》英文原版 《Git Pro》中文版为什么Git这么流行，为什么使用Git?版本控制系统(version control system，简称VCS) 版本控制是一种记录一个或若干文件内容变化，以便将来查阅特定版本修订情况的系统。本地版本控制系统 在硬盘上保存补丁集（补丁是指文件修订前后的变化）；通过应用所有的补丁，可以重新计算出各个版本的文件内容。集中化的...
2018-02-07 10:27:09
962
原创 java创建数组的几种方式
1.int[] scores=new int[5]2.int[] scores={71,82,75,98,65}3.int[] scores=new int[]{71,82,75,98,65}注：1.int scores[]和int[] scores是一样的
2018-02-01 12:40:41
367
原创 ionic3 ion-navbar height 导航 push 到一个新页面后,手机的状态栏高度没有了问题
问题：通过push进入下个页面后，或者点击input输入框，状态栏高度没有解决方案：1.在 config.xml 中添加 platform name="ios"> preference name="StatusBarOverlaysWebView" value="false" />platform>2.或者通过状态栏插件设置 状态栏插件下载链接this.s
2018-01-23 20:59:45
1299
原创 ionic3 <ion-slides>不同slide高度，自动计算
ionic的ion-slides一直有不同slide的高度为最大slide的高度的问题。 如果遇到 page1：height：1400px page2：height：932px， 两个页面的高度都会是1400px。现在需要不同页面的高度从新计算， 我的解决方式如下import { ViewChild } from '@angular/core';import { Slide
2018-01-18 15:00:32
2441
原创 Warning: Expected server HTML to contain a matching <div> in <div>.
before：after:
2018-01-14 12:52:59
9709
3
原创 mac忘记mysql root密码，密码重置
重启服务器1.关闭mysql服务器sudo /usr/local/mysql/support-files/mysql.server stop也可以在系统偏好里有个MySQL里关闭。2.进入目录sudo su 获取权限cd /usr/local/mysql/bin 3.重启服务器./mysqld_safe --skip-grant-tables &4.command+T 重开个终端配置修改命令：al
2017-12-27 17:36:27
252
转载 Error: Could not link: /usr/local/share/doc/homebrew
文章转自：http://c.n-di.com/2017/07/17/1827.html 版权归原作者！mac 执行brew update 报错 Error: Could not link:/usr/local/share/doc/homebrewError: Could not link:/usr/local/etc/bash_completion.d/brewPlease delete t
2017-12-13 13:58:20
406
原创 webstorm下scss文件 编译成微信小程序wxss文件
确保本地全局安装过scss,未安装执行下面命令安装 npm install scss -g 1. webstorm设置-scss编译成wxss（1）.（2）. Arguments输入:--no-cache --update $FileName$:$FileNameWithoutExtension$.wxssOutput paths to refresh输入:$FileNameWithoutExte
2017-12-12 16:13:20
6738
1
原创 vscode插件Project Manager
开发项目时，需要切换项目。以前的方式1.在工具栏中点击文件，打开，选择本地项目的目录2.如果有最近打开的项目，点击打开最近的文件这两种方式对于需要经常切换项目时，比较耗时为解决这个问题，vscode提供了Project Manager插件管理，开发时常用的项目Project Manager1.插件介绍如下:2.配置文件（1）command+ shift + p打开配置文件， 输入 Projec
2017-12-08 11:32:13
30111
7
原创 mac安装tomcat
1.安装参考冰J冰 http://www.jianshu.com/p/db08d23049ce2.关闭Tomcat同样是在bin 目录下，cd /library/Tomcat/bin在终端输入：./shutdown.sh + 回车，就可以了。3.验证tomcat是否安装成功启动tomcat后，打开http://localhost:8080查看是否Tomcat已经启动。
2017-12-07 18:12:46
237
原创 Class JavaLaunchHelper is implemented in both /Library/Java/JavaVirtualMachines/jdk1.8.0_131.jdk/Con
欢迎使用Markdown编辑器写博客1.本地新建SpringBoot项目，使用的jdk版本为 1.8.0_131.jdk，运行项目 报错信息如下：objc[46462]: Class JavaLaunchHelper is implemented in both /Library/Java/JavaVirtualMachines/jdk1.8.0_131.jdk/Contents/Home/bi
2017-12-07 17:52:29
3611
转载 javascript模块化编程
起初javascript没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。 其他语言都有这个功能，比如 Ruby 的require、Python 的import，甚至就连 CSS 都有@import，但是 JavaScript 任何这方面的支持都没有，这对开发大型的、复杂的项目形成了巨大障碍。 es6之前，它并不支持“类”(class)，更遑论”模块
2017-08-02 12:58:01
263
原创 css 技巧总结
1，如何清除图片下方出现几像素的空白间隙？ 方法1：img{display:block;}方法2：除了top值，还可以设置为text-top | middle | bottom | text-bottom，甚至特定的和值都可以img{vertical-align:top;}方法3：test为img的父元素.test{font-size:0;line-height:0;}2.如何让某个元素充满整个页
2017-07-30 15:04:02
201
原创 面向对象
一句话解释面向对象：把一组数据结构和处理它们的方法组成对象（object），把相同行为的对象归纳为类（class），通过类的封装（encapsulation）隐藏内部的细节，通过继承（inheritance）实现类的特化（specialization）/泛化（generalization），通过多态（polymorphism）实现基于对象类型的动态分派（dynamic dispatch）.一.什么
2017-07-29 22:37:36
381
原创 javascript设计模式
最近开发的一个项目的第一阶段上线了，所以有了一些空余时间。 打算复习一遍设计模式。 这就开始吧！ 设计模式并非是软件开发的专业术语。 实际上，“模式”最早诞生于建筑学。20世纪70年代，哈佛大学建筑学博士Christopher Alexander和他的研究团队花了约20年的时间，研究了为解决同一个问题而设计出的不同建筑结构，从中发现了那些高质量设计中的相似性，并且用“模式”来指代这种相似性
2017-07-29 22:22:03
393
原创 工薪阶层如何经营自己？
参考做生意的人来吧。其实，你也是在做生意，不过，你是在经营自己而已。经营你的时间，你的能力，甚至你的身体。经营自己和经营企业一样，也需要赚到其他东西才能赚到更多钱。这个‘其他东西‘是什么呢？是人脉关系、个人素质、品牌、信用和能力。如果现在单位效益不好，你判断一下有没有未来，没有未来果断离开。找有未来的。有未来就脚踏实地的干。涨不了收入，那就去涨人脉关系、个人素质、品牌、信用和能力。越是在单
2017-07-27 13:31:08
336
1
原创 nodejs更新版本命令
1.清除NPM的缓存：sudo npm cache clean -f2.安装一个叫“n”的小帮手sudo npm install -g n3.安装最新稳定的Node.js版本sudo n stable或者选择一个特定的版本并安装如下：sudo n 0.8.20对于生产环境，您可能需要注意版本号，并挑选奇数/偶数。
2017-07-24 11:16:35
2299
转载 23个MySQL常用查询语句
一查询数值型数据: SELECT * FROM tb_name WHERE sum > 100; 查询谓词:>,=,<,<>,!=,!>,!<,>=,<=二查询字符串 SELECT * FROM tb_stu WHERE sname = ‘小刘’ SELECT * FROM tb_stu WHERE sname like ‘刘%’ SELECT * FROM tb_stu WHERE sn
2017-07-17 14:51:58
382
原创 居中
相对浏览器窗口，绝对上下左右居中 .loading { width: 100%; height: 100%; position: fixed; z-index: 100; background: #fff; } .pic { wi
2017-07-09 11:40:13
215
原创 CSS让同一行的图片和文字垂直居中对齐
有些朋友会发现，如果一行内容中有图片有文字的话，文字往往会自动的底部对齐，影响美观，那如何让它们相对于垂直居中呢很简单，就是在图片和文字所在的行中添加CSS属性：vertical-align:middle;这样，它们在同一行就会垂直居中对齐了。
2017-07-06 15:22:00
14703
1
原创 代码重构
这是一个持续跟新的文章。这篇文章会记录下我对代码重构的思考和读书的总结。在JavaScript开发中，我们大部分时间都在与函数打交道，所以我们希望这些函数有良好的命名，函数体内包含的逻辑清晰明了。如果一个函数过长，不得不加上若干注释才能让这个函数显得易读一些，那这些函数就很有必要进行重构。如果在函数中有一段代码可以被独立出来，那我们最好把这些代码放进另外一个独立的函数中，好处有如下几点。 避
2017-07-05 13:23:43
236
原创 js时间戳和日期格式相互转换
// 时间戳转换时间 代码长，冗余 function getTime(nS) { let date = new Date(nS); let Y = date.getFullYear() + '-'; let M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1)
2017-07-05 11:02:24
282
原创 移动端自适应方案
研究样本手淘 ml.js 天猫首页 手机携程研究结论1.手淘获取手机dpr(window.devicePixelRatio)，动态生成viewport。换取手机宽度，分成10份，每一份的宽度即是rem的尺寸。 根据设计稿尺寸(px)通过计算，转换成rem去布局。ps:海外淘宝并没有这样做，而是scale1.0并且图片大概都是2倍图。2.天猫采用scale=1.0 写死viewpo
2017-07-04 13:54:36
433
原创 移动端图片自适应
解决方案 1、宽度百分比和max-width结合 width: 60%; height: auto; max-width: 100%;
2017-07-04 13:32:02
1973
1
原创 xmind学习笔记
主题添加子主题 Tab 多个子主题 enter 自由主题 空白处双击左键 作用：自由主题作为标题、和事件拖动主题 按住alt键，拖动主题
2017-06-26 15:27:04
885
原创 CSS布局技巧 -- 纯CSS让子元素的宽度总和决定其父元素的宽度
使用场景在移动端屏幕宽度有限的前提下，使用横向滚动的方式展示更多的内容。在这样的需求下，希望父元素作为容器，其宽度可以又横向排列资源的总宽度动态撑开，超过祖父元素的宽度；在不超过祖父元素时，自动继承100%的宽度。DOM结构如下： <div class="grantparent"> <div class="parent"> <div class="child
2017-06-20 18:59:28
6769
转载 元数据（MetaData）
元数据是用来描述数据的数据（Data that describes other data）。单单这样说，不太好理解，我来举个例子。 下面是契诃夫的小说《套中人》中的一段，描写一个叫做瓦莲卡的女子： （她）年纪已经不轻，三十岁上下，个子高挑，身材匀称，黑黑的眉毛，红红的脸蛋－－一句话，不是姑娘，而是果冻，她那样活跃，吵吵嚷嚷，不停地哼着小俄罗斯的抒情歌曲，高声大笑，动不动就发出一连串响亮的笑声：哈
2017-06-05 09:54:31
611
转载 webstorm、intelliJ IDEA破解
webstorm 2017激活破解 2017.2.27更新 选择“license server” 输入：http://idea.iteblog.com/key.phpActivate code：2F4RCNTQC1-eyJsaWNlbnNlSWQiOiIyRjRSQ05UUUMxIiwibGljZW5zZWVOYW1lIjoi5b285bK4IOi9r+S7tiIsImFzc2lnbm...
2017-04-28 10:36:23
811
原创 微信手机端调试工具-微信Web开发者工具使用教程
微信手机端调试工具[下载地址] (https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html) 进入后的页面 注：1.如果安装调试工具-微信Web开发者工具需要卸载以前安装过的微信Web开发者工具（比如小程序-微信Web开发者工具），建议使用腾讯管家之类的清理干净。2.安装好后，选择移动调试，X5 Blin
2017-04-14 21:03:16
53765
转载 手机端网页调试工具
在智能手机还未普及时，移动设备的调试处处是alert的，这估计是最常用的办法了。以前很多时候为了预览页面在移动设备上的效果，需要先将页面上传到测试服务器，再将url输入到设备浏览器，或者使用第三方二维码扫码应用，通过移动设备访问打开浏览实际效果，每次换设备都要重复这些操作，页面多的话这些繁琐的事情就特别让人厌烦了。移动互联网的浪潮，伴随着智能硬件的兴起与移动设备的普及，让前端工程师这个职业变得更为专
2017-04-13 16:25:34
10120
原创 gulp安装配置
系统自带执行npm install -g cnpm --registry=http://registry.npm.taobao.org后到webstorm里执行 npm install启动gulp
2017-03-29 19:33:08
247
转载 Lodash中十个常用的工具函数
当你使用JavaScript进行编程的时候，你很可能需要经常重复写一些工具函数，尤其是处理字符串和对象。 即使ES6已经被标准化了，JavaScript开发者依然无法获得像Objective-C或Ruby那样多的语法糖。 因此，在JavaScript应用中仍然被重复的编写大量的工具函数。而本文将会为你带来的救星就是 Loadsh 。本文将要介绍的是Loadash中的10个常用的工具函数，当
2017-03-15 20:14:37
4735
转载 一张表格告诉你windows.onload()与$(document).ready()的区别
浏览器加载完DOM后，会通过javascript为DOM元素添加事件，在javascript中，通常使用window.onload()方法。在jquery中，则使用$(document).ready()方法。下面介绍一下两者的区别。 window.onload()$(document).ready()执行时机在页面所有元素（包括图片，引用
2017-02-11 17:46:35
251
转载 meta总结
X-UA-Compatible：这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6)，以此来解决部分兼容问题。 -->用法： --> 学会忘记是生活的技术，学会微笑是生活的艺术原文链接：http://www
2017-01-13 13:57:36
401
原创 javascript算法整理
1.判断输入年份是否是闰年var year = parseFloat(prompt("请输入一个年份",2016)); //闰年：要么整百年份能够被400整除（能够被400整除，肯定能被100整除），要么非整百年份能被4整除（不能被100整除，且能被4整除） if(year % 100 != 0 && year % 4 == 0 || year % 400 == 0){
2017-01-02 12:24:13
266
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人