- 博客(97)
- 资源 (4)
- 收藏
- 关注
原创 webpack-md5-hash问题记录
用了webpack.optimize.CommonsChunkPlugin的话,模块内容未变,模块id变了,必炸 https://github.com/erm0l0v/webpack-md5-hash/issues/5
2017-07-31 13:54:38 1490
转载 清除微信浏览器缓存
在做微信移动页面开发时,若需要清除缓存,对于Android和iOS平台的清除方法如下:iOSiOS的微信浏览器中自带刷新按钮。点击微信右上角的菜单->刷新,,即可刷新页面实现清除缓存。Android不得不说,Android平台比较坑,没有刷新按钮。关掉应用再开启也
2017-07-25 22:47:52 11243 1
转载 移动端webview canvas bug
参考:http://blog.csdn.net/lufy_legend/article/details/17498837
2017-06-21 09:27:18 4705
原创 vim 复制到剪切板
terminal 里面按住 option 选好文字用 cmd+c 复制 :w !pbcopy #把全文发给剪切板 :.w !pbcopy #把当前行发给剪切板 选中多行后 `:!tee >(pbcopy)` #把选中行发给剪切板
2017-04-18 09:04:30 698
原创 CSS 实现文字两端对齐
text-align:justify; text-align:justify 属性是全兼容的,使用它实现两端对齐,需要注意在模块之间添加[空格/换行符/制表符]才能起作用,同样,实现文本对齐也是需要在字与字之间添加[空格/换行符/制表符]才能起作用(android/ios)解决方案:<div class="attrName"> <span class="linNormal"
2017-03-17 08:54:42 14348
转载 js 空数组是true还是false
转载自:http://www.cnblogs.com/frostbelt/p/3425498.htmlvar arr = new Array(); // 或 var arr = [];typeof arr; // "object"既然是object,用于判断条件时就会被转化为trueif(arr)console.log("it's true"); // it's true但是,如果将ar
2017-02-24 23:10:57 14418 1
原创 H5获取html标签
1.window.document.documentElement 2.document.children&&document.children[0] 3.document.childNodes[1]
2017-01-16 09:54:23 1845
原创 打造Vim作为前端IDE
参考 1.将你的Vim 打造成轻巧强大的IDE 2.从零搭建和配置OSX开发环境 3.Using Vim as a JavaScript IDE 4. vim 树形目录插件NERDTree安装及简单用法 5.vim配置及实现 6.Tern+YouCompleteMe实现vim中JS自动补全 7.vim中的杀手级插件: vundle 8.强大的vim配置 9.Vim配置、插件和使用...
2016-10-11 08:38:16 7309
原创 js字符串与数字比较大小
参考详解js运算符关系运算符两个操作数都是数值,则进行数值比较两个操作数都是字符串,则比较两个字符串对应的字符编码值两个操作数有一个是数值,则将另一个转换为数值,再进行数值比较两个操作数有一个是对象,则先调用valueOf()方法或toString()方法,再用结果比较var num = '3'>22;//falsevar num = '3'>'22';//true,进行第一个数字的比较3>
2016-09-08 09:52:44 7733 1
原创 Git常用命令
1.查看//查看远程所有分支git branch -a//查看本地所有分支git branch2.删除//删除远程分支git push origin :<branchName> /* or (Git1.7以后) */git push origin --delete <branchName>//删除本地分支git branch -d <branchName>git branch -
2016-08-15 13:46:24 392
原创 npm cnpm
参考从NPM到CNPM使用cnpm替代默认的npm:npm install -g cnpm --registry=https://registry.npm.taobao.org或者直接通过添加 npm 参数 alias 一个新命令:alias cnpm="npm --registry=https://registry.npm.taobao.org \ --cache=$HOME/.npm/.cac
2016-08-15 09:22:42 1348
转载 js修改IOS微信title
参考ios上的微信,内嵌H5页面用js无法设置浏览器中的title安卓版正常,Ios内通过 document.title = ‘title’ 不生效tips: document.title 在js 中 载入时触发,可以生效,当嵌入到Api 请求中时失效解决:document.title = 'title';//解决document.title 在 ios 下不生效bug方案 ios内生效cons
2016-08-03 13:35:49 2218
转载 React-Native 使用自定义IconFont
转载自在React Native中优雅的使用iconfont1.把字符对应表给整出来var map = {"arrow":"62976","checked":"62977","checked-s":"62978","tag-svip":"62995"};module.exports = (name)=>String.fromCharCode(map[name]);使用的时候:import icon
2016-08-02 14:08:55 8284
原创 CSS Modules
React 项目一大特色就是组件化模块,但是css模块化之前一直没有接触过,google了一些资料,发现可以通过设置webpack.config.js来应用CSS Modules 简单的设置: module.exports = { devtool: 'eval-source-map', entry: ..., output: {...}, module
2016-07-13 11:34:03 1309
转载 Sublime Text 3 搭建 React.js 开发环境
Sublime Text 3 搭建 React.js 开发环境 Sublime有很强的自定义功能,插件库很庞大,针对新语言插件更新很快,配合使用可以快速搭建适配语言的开发环境。1.babel-sublime支持ES6, React.js, jsx代码高亮,对 JavaScript, jQuery 也有很好的扩展。关于 babel 的更多介绍可以看这里:为什么说Babel将推动Jav
2016-06-10 10:03:36 1790
转载 Flex布局新旧混合写法详解(兼容微信)
转载自Flex布局新旧混合写法详解(兼容微信)flex是个非常好用的属性,如果说有什么可以完全代替 float 和 position ,那么肯定是非它莫属了(虽然现在还有很多不支持 flex 的浏览器)。然而在移动开发中,本来绝大多数浏览器(包括安卓2.3以上的自带浏览器)都支持的属性,偏偏有个例外,就是国产某某X5内核神器(不知哪个版本的webkit,仅支持 display:box),自主研发这东
2016-06-06 16:22:04 3565
原创 从0使用webpack构建reactjs
创建一个文件夹 npm init -f如果不加 -f ,会有一系列设置步骤,-f会生成一个默认设置的package.json文件如果安装低版本的react ,配置文件版本直接按照如下:{ "name": "xxx", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "st
2016-05-30 18:53:22 1798
原创 es6 箭头函数后面的大括号
let res = (r1,r2) => r1 + r2;let res2 = (r1,r2) => {r1 + r2}let res3 = (r1,r2) => {reurn (r1 + r2)}let r1 = res(1,2);let r2 = res2(1,2);let r3 = res3(1,2);打印出来发现 r1,r3 正确的,r2为 undefined,箭头函数后面不加大括号,默认只
2016-05-27 09:47:07 7954
转载 强制 Google.com 域名使用 HTTPS(SSL)
转载自:http://laod.cn/hosts/suggestions-for-google-hosts-https-ssl.html配合 Google Hosts 的推荐操作 最近发现好多人说谷歌学术访问不了了,而我发现他们绝大多数都使用的是http访问,而不是https(SSL加密),如 http://scholar.google.com 肯定打不开,而 https://scholar.go
2016-05-23 12:48:53 1102
原创 NVM安装
安装homebrewruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"安装nvm$ brew install nvm设置.bash_profileexport NVM_DIR=~/.nvmsource $(brew --prefix nvm)/nvm.sh
2016-05-19 18:40:10 4690
转载 使用HTML编写简单的邮件模版
编写HTML Email的窍门,就是使用15年前的网页制作方法。下面就是我整理的编写指南。1. Doctype目前,兼容性最好的Doctype是XHTML 1.0 Strict,事实上Gmail和Hotmail会删掉你的Doctype,换上这个Doctype。<!DOCTYPE html PUBLIC "-//W3C//DT
2016-05-10 20:27:20 18420 1
原创 modal 弹出层后禁止底层滚动
看到一篇不错的介绍由弹出层引发对滚动原理的讨论亲自实验的时候各种坑,都知道在web上处理很简单:html, body{ overflow: hidden;}1.这样只能解决web上的问题,移动端不管用 2.这样处理仍然会有一些页面宽度适配问题因为我用在微信公众号开发上(移动端),所以找移动端解决方案, 大部分回答是在弹出层弹出的时候禁用掉触摸事件,弹出层消失的时候再把事件加上:// 记
2016-05-10 11:46:41 15205
原创 Mac 下拷贝文件到移动硬盘
因为移动硬盘或 U 盘是使用 Windows 系统下的 NTFS 分区格式,而 Mac 系统原生是不支持这种格式的,也就是为什么不能向硬盘里拷贝资料的原因。只需要把硬盘格式化为exfat就可以在mac和windows下用了mac下格式化方法: 应用程序——实用工具——磁盘工具 然后左边点选上你要格式化的U盘,右边有一个抹掉的选项。选你需要的格式进行格式化。
2016-05-10 08:55:04 7120
转载 【前端性能】必须要掌握的原生JS实现JQuery
转载自:[http://www.cnblogs.com/coco1s/p/4484238.html]选择器便捷的找到我们想要的DOM元素是JQuery的核心功能,JQuery选择器的强大无需赘言。通过传递一个查询字符串给CSS选择器,它将会在DOM元素中检索所有的匹配。然而在大多数的情况下,我们可以使用相同的代码量用原生JS轻易实现。1.获取页面所有的div/* jQuery */ $("div
2016-05-04 16:10:28 598
转载 Js中的继承
参考自:[http://jingyan.baidu.com/article/cd4c2979f2f664756e6e600b.html]原型链继承 利用prototype实现继承,prototype对象是个模板,要实例的对象都是以这个模板为基础,它的任何属性和方法都被传递给那个类的所有实例,原型链利用这种功能来实现继承机制。例子:function ClassA(){}ClassA.protot
2016-04-28 10:16:56 481
原创 JS的跨域请求
什么是跨域? 协议、域名、端口号有一个不一样的,就算是跨域JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象(同源策略)跨域请求JSONP JSONP即JSON with Padding。由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源。如果要进行跨域请求, 我们可以通过使用html的script标记来进行跨域请求,并在响应中返
2016-04-27 09:11:32 448
转载 CSS盒模型
转载自:http://www.bbs0101.com/archives/98.html先不考虑css3的情况,盒模型一共有两种模式,一种是标准模式,另一种就是怪异模式。当你用编辑器新建一个html页面的时候你一定会发现最顶上都会有一个DOCTYPE标签,例如:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://
2016-04-25 12:59:00 308
原创 AngularJs $apply
针对 ‘$apply already in progress’ 的问题,google除了一个safeApply的方法`$scope.safeApply = function(fn) { var phase = this.$root.$$phase; if(phase == '$apply' || phase == '$digest') { if(fn && (typeof(fn) =
2016-04-18 14:19:11 419
原创 Android 拷贝Asset目录下文件或者文件夹
项目中需要拷贝Asset目录下的所有文件,因为Asset目录是只读的,操作起来不是很方便,上网搜了一些方法并不是很有效,记录一下最后的解决方案://path - asset下文件(夹)名称 destinationPath - 目的路径`private void copyAssetFile(String path,String destinationPath) { AssetManager
2016-04-11 11:19:12 3539
转载 react-native 打离线包
Android打包命令:eact-native bundleOptions:–entry-file Path to the root JS file, either absolute or relative to JS root [required]–platform Either “ios” or “android”–transformer Specify a custom transformer
2016-04-08 10:31:23 4837 4
转载 Github上传代码
第一步:创建Github新账户第二步:新建仓库第三部:填写名称,简介(可选),勾选Initialize this repository with a README选项,这是自动创建REAMDE.md文件,省的你再创建。第四步:安装Github shell程序,地址:http://windows.github.com/第五步:打开Git Shell
2016-04-06 18:27:27 463
原创 MAC 基本操作
1、快捷键command等同于ctrl,比如command+A,command+S,command+N,command+O,command+P,command+W,command+shift+Scommand+tab:应用程序间切换command+c:复制command+v:粘贴option+command+v:粘贴+删除(mac没有剪切的概念,除pages)command
2016-03-21 09:22:47 659
转载 react-native 错误捕捉与处理
转载自:http://bbs.reactnative.cn/topic/627/%E9%94%99%E8%AF%AF%E6%8D%95%E6%8D%89%E4%B8%8E%E5%A4%84%E7%90%86经常使用发行包进行测试的开发者们可能会发现,在发行版本中,如果出现了脚本错误,还是会直接闪退。我们可能会希望捕获这种错误,给予用户合理的提示,并采集错误详情帮助后续版
2016-03-21 09:03:19 8780 3
原创 react-native Navigator 填坑
之前copy别人的代码,看 Navigator 使用起来还是很简单的,可是当自己亲自去coding的时候,感觉完全不是一回事,这篇博客记录自己遇到的坑!问题一:使用 navigator.push 点击跳转后,手指滑动可以返回上一页,但是打log发现并没有调用 pop 方法,而且还是可以滑动回去,根本原因暂不追究,上代码:_addNavigator(component, title){
2016-03-17 15:57:01 4380 2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人