博客园 - daniel.xie
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=43487
2022-06-01T08:59:26Z
daniel.xie
https://www.cnblogs.com/dannyxie/
feed.cnblogs.com
https://www.cnblogs.com/dannyxie/p/14613763.html
前端使用的MAC系统必备装机软件列表 - daniel.xie
homebrew 官网的用不了直接用国内源的。https://gitee.com/cunkai/HomebrewCN node 现在可以直接用 brew install node yarn brew install yarn 项目里用的.yarnrc国内源配置如下 registry "https:/
2021-04-03T06:47:00Z
2021-04-03T06:47:00Z
daniel.xie
https://www.cnblogs.com/dannyxie/
【摘要】homebrew 官网的用不了直接用国内源的。https://gitee.com/cunkai/HomebrewCN node 现在可以直接用 brew install node yarn brew install yarn 项目里用的.yarnrc国内源配置如下 registry "https:/ <a href="https://www.cnblogs.com/dannyxie/p/14613763.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/dannyxie/p/12786463.html
记一次使用微软大佬出品的《typescript》 - daniel.xie
TypeScript是什么? 官网上说TypeScript是JavaScript类型的超集,并且可以编译为纯JavaScript。在任何浏览器,集群(服务器),操作系统上面都可以运行,而且还开源。 我的认知 TypeScript 是 JavaScript 的强类型版本。应用于前段时间通过babel等
2020-04-27T06:22:00Z
2020-04-27T06:22:00Z
daniel.xie
https://www.cnblogs.com/dannyxie/
【摘要】TypeScript是什么? 官网上说TypeScript是JavaScript类型的超集,并且可以编译为纯JavaScript。在任何浏览器,集群(服务器),操作系统上面都可以运行,而且还开源。 我的认知 TypeScript 是 JavaScript 的强类型版本。应用于前段时间通过babel等 <a href="https://www.cnblogs.com/dannyxie/p/12786463.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/dannyxie/p/9455000.html
cordova 5.4版本 适配全面屏 底部黑边问题 - daniel.xie
在全面屏发布之后,Android官方提供了适配方案,即提高App所支持的最大屏幕纵横比,实现很简单,在AndroidManifest.xml中可做如下配置: 更改android.max_aspect值,其中ratio_float为浮点数,官方建议为2.1或更大,因为18.5:9=2.05555555
2018-08-10T06:58:00Z
2018-08-10T06:58:00Z
daniel.xie
https://www.cnblogs.com/dannyxie/
【摘要】在全面屏发布之后,Android官方提供了适配方案,即提高App所支持的最大屏幕纵横比,实现很简单,在AndroidManifest.xml中可做如下配置: 更改android.max_aspect值,其中ratio_float为浮点数,官方建议为2.1或更大,因为18.5:9=2.05555555 <a href="https://www.cnblogs.com/dannyxie/p/9455000.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/dannyxie/p/6640903.html
一步步教你使用rem适配不同屏幕的移动设备 - daniel.xie
1.先说说几个前端常用的几个单位的概论: 1、px (pixel,像素):是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定精度DPI(Dots Per Inch,每英寸像素数),在扫描打印时一般都有DPI可选。Windows系统默认是96dpi,Apple系统
2017-03-29T09:42:00Z
2017-03-29T09:42:00Z
daniel.xie
https://www.cnblogs.com/dannyxie/
【摘要】1.先说说几个前端常用的几个单位的概论: 1、px (pixel,像素):是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定精度DPI(Dots Per Inch,每英寸像素数),在扫描打印时一般都有DPI可选。Windows系统默认是96dpi,Apple系统 <a href="https://www.cnblogs.com/dannyxie/p/6640903.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/dannyxie/p/6532512.html
Angularjs 根据数据结构创建动态菜单无限嵌套循环--指令版 - daniel.xie
目标:根据数据生成动态菜单,希望可以根据判断是否有子集无限循环下去。 菜单希望的样子是这样的: 菜单数据是这样的: 那么下面贴下代码,主要是用指令无限递归实现的: 1.js 1.html
2017-03-10T10:10:00Z
2017-03-10T10:10:00Z
daniel.xie
https://www.cnblogs.com/dannyxie/
【摘要】目标:根据数据生成动态菜单,希望可以根据判断是否有子集无限循环下去。 菜单希望的样子是这样的: 菜单数据是这样的: 那么下面贴下代码,主要是用指令无限递归实现的: 1.js 1.html <a href="https://www.cnblogs.com/dannyxie/p/6532512.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/dannyxie/p/6519958.html
AngularJS checkbox/复选框 根据缓存数据实时显示 - daniel.xie
想缓存选择按钮时,可以使用这样的方法。 index.html ng-checked:是angular封装用来控制该checkbox是否选中使用的,return true是选中,反则不选中; ng-click:这个是angular封装的的onclick方法,可以传入$event; script.js
2017-03-08T08:17:00Z
2017-03-08T08:17:00Z
daniel.xie
https://www.cnblogs.com/dannyxie/
【摘要】想缓存选择按钮时,可以使用这样的方法。 index.html ng-checked:是angular封装用来控制该checkbox是否选中使用的,return true是选中,反则不选中; ng-click:这个是angular封装的的onclick方法,可以传入$event; script.js <a href="https://www.cnblogs.com/dannyxie/p/6519958.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/dannyxie/p/6212287.html
JS基础类型和对象,分别是按值传递还是按引用传递? - daniel.xie
在分析这个问题之前,我们需了解什么是按值传递(call by value),什么是按引用传递(call by reference)。在计算机科学里,这个部分叫求值策略(Evaluation Strategy)。它决定变量之间、函数调用时实参和形参之间值是如何传递的。 探究JS值的传递方式 JS的基本
2016-12-22T10:02:00Z
2016-12-22T10:02:00Z
daniel.xie
https://www.cnblogs.com/dannyxie/
【摘要】在分析这个问题之前,我们需了解什么是按值传递(call by value),什么是按引用传递(call by reference)。在计算机科学里,这个部分叫求值策略(Evaluation Strategy)。它决定变量之间、函数调用时实参和形参之间值是如何传递的。 探究JS值的传递方式 JS的基本 <a href="https://www.cnblogs.com/dannyxie/p/6212287.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/dannyxie/p/5806780.html
解决ionic在ios无法使用focus,ios focus失效的问题 - daniel.xie
最近也偷懒,很久没有写博客了。今天在项目中遇到了这个奇葩的问题,基于ionic的ios的hybird APP 无法使用focus()获取焦点和键盘的问题。 问题:基于ionic的ios的hybird APP 无法使用focus()获取焦点和键盘的问题。 我的代码如下: directive: html
2016-08-25T06:49:00Z
2016-08-25T06:49:00Z
daniel.xie
https://www.cnblogs.com/dannyxie/
【摘要】最近也偷懒,很久没有写博客了。今天在项目中遇到了这个奇葩的问题,基于ionic的ios的hybird APP 无法使用focus()获取焦点和键盘的问题。 问题:基于ionic的ios的hybird APP 无法使用focus()获取焦点和键盘的问题。 我的代码如下: directive: html <a href="https://www.cnblogs.com/dannyxie/p/5806780.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/dannyxie/p/5643860.html
slice,substr和substring的区别 - daniel.xie
首先,他们都接收两个参数,slice和substring接收的是起始位置和结束位置(不包括结束位置),而substr接收的则是起始位置和所要返回的字符串长度。 直接看下面例子: 1 var test = 'hello world';2 3 alert(test.slice(4,7)); //o w4
2016-07-05T07:37:00Z
2016-07-05T07:37:00Z
daniel.xie
https://www.cnblogs.com/dannyxie/
【摘要】首先,他们都接收两个参数,slice和substring接收的是起始位置和结束位置(不包括结束位置),而substr接收的则是起始位置和所要返回的字符串长度。 直接看下面例子: 1 var test = 'hello world';2 3 alert(test.slice(4,7)); //o w4 <a href="https://www.cnblogs.com/dannyxie/p/5643860.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/dannyxie/p/5642727.html
preventDefault()、stopPropagation()、return false 之间的区别 - daniel.xie
“return false”之所以被误用的如此厉害,是因为它看起来像是完成了我们交给它的工作,浏览器不会再将我们重定向到href中的链接,表单也不会被继续提交,但这么做到底有什么不对呢? 可能在你刚开始学习关于jQuery事件处理时,看到的第一个例子就是关于如何阻止浏览器执行默认行为,比如下面这段演
2016-07-05T02:43:00Z
2016-07-05T02:43:00Z
daniel.xie
https://www.cnblogs.com/dannyxie/
【摘要】“return false”之所以被误用的如此厉害,是因为它看起来像是完成了我们交给它的工作,浏览器不会再将我们重定向到href中的链接,表单也不会被继续提交,但这么做到底有什么不对呢? 可能在你刚开始学习关于jQuery事件处理时,看到的第一个例子就是关于如何阻止浏览器执行默认行为,比如下面这段演 <a href="https://www.cnblogs.com/dannyxie/p/5642727.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/dannyxie/p/5633758.html
angular $q服务的用法 - daniel.xie
Promise是一种和callback有类似功能却更强大的异步处理模式,有多种实现模式方式,比如著名的Q还有JQuery的Deffered。 什么是Promise 以前了解过Ajax的都能体会到回调的痛苦,同步的代码很容易调试,但是异步回调的代码,会让开发者陷入泥潭,无法跟踪,比如: funA(ar
2016-07-01T09:11:00Z
2016-07-01T09:11:00Z
daniel.xie
https://www.cnblogs.com/dannyxie/
【摘要】Promise是一种和callback有类似功能却更强大的异步处理模式,有多种实现模式方式,比如著名的Q还有JQuery的Deffered。 什么是Promise 以前了解过Ajax的都能体会到回调的痛苦,同步的代码很容易调试,但是异步回调的代码,会让开发者陷入泥潭,无法跟踪,比如: funA(ar <a href="https://www.cnblogs.com/dannyxie/p/5633758.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/dannyxie/p/5533977.html
关于ionic的跨域问题 - daniel.xie
例如你的api原地址请求是 http://10.100.100.100:8080/service/, 1.那么你应该在项目内api请求改成 http://10.100.100.100:8100/service/, 注意红色部分是ionic serve 的默认端口; 2.在你的 ionic.proje
2016-05-27T03:21:00Z
2016-05-27T03:21:00Z
daniel.xie
https://www.cnblogs.com/dannyxie/
【摘要】例如你的api原地址请求是 http://10.100.100.100:8080/service/, 1.那么你应该在项目内api请求改成 http://10.100.100.100:8100/service/, 注意红色部分是ionic serve 的默认端口; 2.在你的 ionic.proje <a href="https://www.cnblogs.com/dannyxie/p/5533977.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/dannyxie/p/5533619.html
关于日历的算法 - daniel.xie
相信很多前端的朋友都做过日历之类的一些控件什么的,其实核心的算法就是算月份的最后一天究竟是28、29、30还是31,这样的东西,可以看如下代码: 1.日历算法之“日” 剩下的逻辑就很简单了,月份可以直接利用js的 , 2.日历算法之“月” 需要注意的new Date()的month是从0开始的,这是
2016-05-27T02:08:00Z
2016-05-27T02:08:00Z
daniel.xie
https://www.cnblogs.com/dannyxie/
【摘要】相信很多前端的朋友都做过日历之类的一些控件什么的,其实核心的算法就是算月份的最后一天究竟是28、29、30还是31,这样的东西,可以看如下代码: 1.日历算法之“日” 剩下的逻辑就很简单了,月份可以直接利用js的 , 2.日历算法之“月” 需要注意的new Date()的month是从0开始的,这是 <a href="https://www.cnblogs.com/dannyxie/p/5533619.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/dannyxie/p/5522928.html
angular的ng-class - daniel.xie
项目内想到要替换class时,第一反应是使用angular最为简单粗暴的class改变方式; 在angular中为我们提供了3种方案处理class: 1:scope变量绑定,如上例。(不推荐使用) 2:字符串数组形式。 3:对象key/value处理。 1.scope变量绑定 这种方式虽然可以,但是
2016-05-24T03:52:00Z
2016-05-24T03:52:00Z
daniel.xie
https://www.cnblogs.com/dannyxie/
【摘要】项目内想到要替换class时,第一反应是使用angular最为简单粗暴的class改变方式; 在angular中为我们提供了3种方案处理class: 1:scope变量绑定,如上例。(不推荐使用) 2:字符串数组形式。 3:对象key/value处理。 1.scope变量绑定 这种方式虽然可以,但是 <a href="https://www.cnblogs.com/dannyxie/p/5522928.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/dannyxie/p/5522913.html
一段画对角线的canvas代码,之前没有写过canvas代码,现在记录下来 - daniel.xie
最后生成如下效果
2016-05-24T03:48:00Z
2016-05-24T03:48:00Z
daniel.xie
https://www.cnblogs.com/dannyxie/
【摘要】最后生成如下效果 <a href="https://www.cnblogs.com/dannyxie/p/5522913.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/dannyxie/p/5416550.html
ios 数字禁止变成电话号码 - daniel.xie
1.使用meta来限制页面不转换电话号码 2.如果你需要一些数字点击呼出电话,可以使用以下的标签 3.如果是cordova的HybirdApp,需要使用第2种方式在一些特定地方点击呼出电话时, 需要在config.xml加入以下配置才能生效
2016-04-21T05:23:00Z
2016-04-21T05:23:00Z
daniel.xie
https://www.cnblogs.com/dannyxie/
【摘要】1.使用meta来限制页面不转换电话号码 2.如果你需要一些数字点击呼出电话,可以使用以下的标签 3.如果是cordova的HybirdApp,需要使用第2种方式在一些特定地方点击呼出电话时, 需要在config.xml加入以下配置才能生效 <a href="https://www.cnblogs.com/dannyxie/p/5416550.html" target="_blank">阅读全文</a>