- 博客(54)
- 收藏
- 关注
原创 手机调试
实时重载服务器,它为高效的前端开发而构建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
313
原创 Git常用术语 《Git Pro》总结
《Git Pro》英文原版 《Git Pro》中文版为什么Git这么流行,为什么使用Git?版本控制系统(version control system,简称VCS) 版本控制是一种记录一个或若干文件内容变化,以便将来查阅特定版本修订情况的系统。本地版本控制系统 在硬盘上保存补丁集(补丁是指文件修订前后的变化);通过应用所有的补丁,可以重新计算出各个版本的文件内容。集中化的...
2018-02-07 10:27:09
992
原创 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
379
原创 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
1309
原创 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
2457
原创 Warning: Expected server HTML to contain a matching <div> in <div>.
before:after:
2018-01-14 12:52:59
9783
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
262
转载 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
419
原创 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
6787
1
原创 vscode插件Project Manager
开发项目时,需要切换项目。以前的方式1.在工具栏中点击文件,打开,选择本地项目的目录2.如果有最近打开的项目,点击打开最近的文件这两种方式对于需要经常切换项目时,比较耗时为解决这个问题,vscode提供了Project Manager插件管理,开发时常用的项目Project Manager1.插件介绍如下:2.配置文件(1)command+ shift + p打开配置文件, 输入 Projec
2017-12-08 11:32:13
30384
8
原创 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
246
原创 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
3651
转载 javascript模块化编程
起初javascript没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。 其他语言都有这个功能,比如 Ruby 的require、Python 的import,甚至就连 CSS 都有@import,但是 JavaScript 任何这方面的支持都没有,这对开发大型的、复杂的项目形成了巨大障碍。 es6之前,它并不支持“类”(class),更遑论”模块
2017-08-02 12:58:01
271
原创 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
207
原创 面向对象
一句话解释面向对象:把一组数据结构和处理它们的方法组成对象(object),把相同行为的对象归纳为类(class),通过类的封装(encapsulation)隐藏内部的细节,通过继承(inheritance)实现类的特化(specialization)/泛化(generalization),通过多态(polymorphism)实现基于对象类型的动态分派(dynamic dispatch).一.什么
2017-07-29 22:37:36
396
原创 javascript设计模式
最近开发的一个项目的第一阶段上线了,所以有了一些空余时间。 打算复习一遍设计模式。 这就开始吧! 设计模式并非是软件开发的专业术语。 实际上,“模式”最早诞生于建筑学。20世纪70年代,哈佛大学建筑学博士Christopher Alexander和他的研究团队花了约20年的时间,研究了为解决同一个问题而设计出的不同建筑结构,从中发现了那些高质量设计中的相似性,并且用“模式”来指代这种相似性
2017-07-29 22:22:03
402
原创 工薪阶层如何经营自己?
参考做生意的人来吧。其实,你也是在做生意,不过,你是在经营自己而已。经营你的时间,你的能力,甚至你的身体。经营自己和经营企业一样,也需要赚到其他东西才能赚到更多钱。这个‘其他东西‘是什么呢?是人脉关系、个人素质、品牌、信用和能力。如果现在单位效益不好,你判断一下有没有未来,没有未来果断离开。找有未来的。有未来就脚踏实地的干。涨不了收入,那就去涨人脉关系、个人素质、品牌、信用和能力。越是在单
2017-07-27 13:31:08
351
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
2324
转载 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
392
原创 居中
相对浏览器窗口,绝对上下左右居中 .loading { width: 100%; height: 100%; position: fixed; z-index: 100; background: #fff; } .pic { wi
2017-07-09 11:40:13
226
原创 CSS让同一行的图片和文字垂直居中对齐
有些朋友会发现,如果一行内容中有图片有文字的话,文字往往会自动的底部对齐,影响美观,那如何让它们相对于垂直居中呢很简单,就是在图片和文字所在的行中添加CSS属性:vertical-align:middle;这样,它们在同一行就会垂直居中对齐了。
2017-07-06 15:22:00
15184
1
原创 代码重构
这是一个持续跟新的文章。这篇文章会记录下我对代码重构的思考和读书的总结。在JavaScript开发中,我们大部分时间都在与函数打交道,所以我们希望这些函数有良好的命名,函数体内包含的逻辑清晰明了。如果一个函数过长,不得不加上若干注释才能让这个函数显得易读一些,那这些函数就很有必要进行重构。如果在函数中有一段代码可以被独立出来,那我们最好把这些代码放进另外一个独立的函数中,好处有如下几点。 避
2017-07-05 13:23:43
243
原创 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
293
原创 移动端自适应方案
研究样本手淘 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
451
原创 移动端图片自适应
解决方案 1、宽度百分比和max-width结合 width: 60%; height: auto; max-width: 100%;
2017-07-04 13:32:02
1993
1
原创 xmind学习笔记
主题添加子主题 Tab 多个子主题 enter 自由主题 空白处双击左键 作用:自由主题作为标题、和事件拖动主题 按住alt键,拖动主题
2017-06-26 15:27:04
898
原创 CSS布局技巧 -- 纯CSS让子元素的宽度总和决定其父元素的宽度
使用场景在移动端屏幕宽度有限的前提下,使用横向滚动的方式展示更多的内容。在这样的需求下,希望父元素作为容器,其宽度可以又横向排列资源的总宽度动态撑开,超过祖父元素的宽度;在不超过祖父元素时,自动继承100%的宽度。DOM结构如下: <div class="grantparent"> <div class="parent"> <div class="child
2017-06-20 18:59:28
6963
转载 元数据(MetaData)
元数据是用来描述数据的数据(Data that describes other data)。单单这样说,不太好理解,我来举个例子。 下面是契诃夫的小说《套中人》中的一段,描写一个叫做瓦莲卡的女子: (她)年纪已经不轻,三十岁上下,个子高挑,身材匀称,黑黑的眉毛,红红的脸蛋--一句话,不是姑娘,而是果冻,她那样活跃,吵吵嚷嚷,不停地哼着小俄罗斯的抒情歌曲,高声大笑,动不动就发出一连串响亮的笑声:哈
2017-06-05 09:54:31
626
转载 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
829
原创 微信手机端调试工具-微信Web开发者工具使用教程
微信手机端调试工具[下载地址] (https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html) 进入后的页面 注:1.如果安装调试工具-微信Web开发者工具需要卸载以前安装过的微信Web开发者工具(比如小程序-微信Web开发者工具),建议使用腾讯管家之类的清理干净。2.安装好后,选择移动调试,X5 Blin
2017-04-14 21:03:16
53915
转载 手机端网页调试工具
在智能手机还未普及时,移动设备的调试处处是alert的,这估计是最常用的办法了。以前很多时候为了预览页面在移动设备上的效果,需要先将页面上传到测试服务器,再将url输入到设备浏览器,或者使用第三方二维码扫码应用,通过移动设备访问打开浏览实际效果,每次换设备都要重复这些操作,页面多的话这些繁琐的事情就特别让人厌烦了。移动互联网的浪潮,伴随着智能硬件的兴起与移动设备的普及,让前端工程师这个职业变得更为专
2017-04-13 16:25:34
10222
原创 gulp安装配置
系统自带执行npm install -g cnpm --registry=http://registry.npm.taobao.org后到webstorm里执行 npm install启动gulp
2017-03-29 19:33:08
259
转载 Lodash中十个常用的工具函数
当你使用JavaScript进行编程的时候,你很可能需要经常重复写一些工具函数,尤其是处理字符串和对象。 即使ES6已经被标准化了,JavaScript开发者依然无法获得像Objective-C或Ruby那样多的语法糖。 因此,在JavaScript应用中仍然被重复的编写大量的工具函数。而本文将会为你带来的救星就是 Loadsh 。本文将要介绍的是Loadash中的10个常用的工具函数,当
2017-03-15 20:14:37
4791
转载 一张表格告诉你windows.onload()与$(document).ready()的区别
浏览器加载完DOM后,会通过javascript为DOM元素添加事件,在javascript中,通常使用window.onload()方法。在jquery中,则使用$(document).ready()方法。下面介绍一下两者的区别。 window.onload()$(document).ready()执行时机在页面所有元素(包括图片,引用
2017-02-11 17:46:35
266
转载 meta总结
X-UA-Compatible:这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题。 -->用法: --> 学会忘记是生活的技术,学会微笑是生活的艺术原文链接:http://www
2017-01-13 13:57:36
412
原创 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
271
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人