显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

梦幻雪冰

技在手,能在身,思在脑,从容过生活——陈能堡

 
 
 
 
 
 

福建省 厦门市 摩羯座

 发消息  写留言

 
HTML5开发工程师~~梦幻雪冰
 
近期心愿技在手,能在身,思在脑~~梦幻雪冰
E-Mail chennengbao@mj216.com
联系地址新浪微博:梦幻雪冰【 http://weibo.com/523464842】
博客等级加载中...
今日访问加载中...
总访问量加载中...
最后登录加载中...
 
 
 
 
 

日志分类

 
 
日志分类列表加载中...
 
 
 
 
 
 
 
模块内容加载中...
 
 
 
 
 
 
 
博友列表加载中...
 
 
 
 
 
 
 
 

[置顶] metahandler.js——移动端适配各种屏幕无痛工具脚本

2015-5-27 20:24:45 阅读897 评论11 272015/05 May27

梦幻雪冰——之前给大家介绍的是淘宝在使用的移动端框架——flexible.js,今天要给大家分享的是网易前端小组在使用的移动端框架——metahandler.js。这两个框架的使用原理差别比较大,flexible.js主要是控制html标签的字体大小,再结合rem单位进行实现移动端页面,然而metahandler.js是控制viewport进行页面的缩放,再结合px单位进行实现移动端页面。

作者  | 2015-5-27 20:24:45 | 阅读(897) |评论(11) | 阅读全文>>

【转载】国内第一款案例式学习JavaScript APP | 码集

2017-3-19 15:00:14 阅读45 评论0 192017/03 Mar19

HTML5学堂(码匠):由我们一手制作的“案例导向,交互式学习JavaScript”的APP上线啦~欢迎刚刚进入JS世界的小伙伴来敲门。

码集基本信息

适用平台:

iOS平台,请在APP Store中下载(或者扫描文章底部二维码)

适用人群:

希望入门JavaScript的学习者;

学习JavaScript知识点,但不知如何应用在实战中的学习者。

基本特点:

实战与理论并存;

首先以案例为主线进行推进;

通过渐进式的交互学习,逐步掌握并应用技术知识;

在完成案例实现之后,进行相关专题类知识的学习;

最后,针对涉及到的所有知识进行总结,完成知识的体系化过程。

出品方:

HTML5学堂(码匠)

码集内容与指南

本期课程涉及的主要技术

原生JavaScript的基础知识(变量、调试、注释、数据类型);

if语句与for循环;

获取网页中的标签;

获取并修改标签中的内容;

Date对象(时间对象);

Math对象(数学对象)。

码集内容指南

作者  | 2017-3-19 15:00:14 | 阅读(45) |评论(0) | 阅读全文>>

【转载】在北上广,拼的不只是当下

2017-2-2 21:42:28 阅读34 评论0 22017/02 Feb2

以匠人之心,码出多彩程序人生

HTML5学堂(码匠):在北上广等大城市工作,高强度的工作节奏让每个人在工作日都处于一种紧张的状态。不知不觉的打拼几年之后,突然发现原来处于类似水平的伙伴们,都拉开了不少的差距。在职场这漫长的几十年,怎样才能笑到最后,笑得最好呢?

1.1. 差距源于每天的积累

在上学期间,同学之间就已经开始慢慢产生差距,四年的大学时光,有人在宿舍玩游戏,有人参加各类社会实践和比赛、有人努力学习知识,并在学习与活动当中,收获各类能力和思维方式。

进入工作之后,在日常工作的同时,也是需要对自己的知识和能力进行积累和沉淀。一天两天并看不出什么,但是时间久了,距离就逐渐拉开了。

1.2. 除了薪资,还要考虑其他方面的因素

在职场当中,薪资是唯一一个可以量化的“衡量工作的标准”。但是,这个可量化的标准却受着各个潜在因素的影响。例如:团队的靠谱程度,企业对员工的重视程度与福利待遇情况,企业能够提供的发展空间,具体工作的工作时长等。因此,对于一份工作来说,有些东西比当前的薪资更为重要。

1.2.1. 相对的自由空间

如果在一个企业当中,你能够获得在工作上一定的自由空间,能够在自己的日常工作当中自己做主。那么你会得到更好更快的发展,毕竟思维能力的成长需要依托于实践,如果所有的实践操作都已经被上司安排好了,那你就变成了一个单纯执行操作的机器人,无论在这家公司做多久,思维能力都不会有太大的提升,这也就相当于断送了自己的未来。

1.2.2. 基于自由的指导和信任

作者  | 2017-2-2 21:42:28 | 阅读(34) |评论(0) | 阅读全文>>

【转载】用注释实现多行文本拼接

2016-3-30 19:27:16 阅读67 评论0 302016/03 Mar30

经常会遇到这么个场景,需要将html代码转为JavaScript输出。

一般的做法,就是使用字符串拼接或者使用数组拼接后最终转为字符串。

比如常规做法:

var str = '' +

'<!doctype html>' +

'<html>' +

'   <body>' +

'       <h1>函数内巧用注释实现多行文本拼接 www.ghugo.com</h1>' +

'   </body>' +

'</html>' +

'';

以前,我一般是用转换工具实现

用工具确实是个好方法,那有没有更好的解决方案?以前曾用过函数内用注射来实现本地调试的效果,那么注释是否也可以实现字符串拼接?

于是google了一番,有些收获。

function multiline(fn){

var reCommentContents =

/\/\*!?(?:\@preserve)?[ \t]*(?:\r\n|\n)([\s\S]*?)(?:\r\n|\n)[ \t]*\*\//;

var match = reCommentContents.exec(fn.toString());

作者  | 2016-3-30 19:27:16 | 阅读(67) |评论(0) | 阅读全文>>

【转载】移动端

2016-1-7 22:26:32 阅读76 评论0 72016/01 Jan7

1、如何定义字体font-family:中文字体使用系统默认即可,英文用Helvetica

2、ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉:

a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0;)}

3、winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉:

<meta name="msapplication-tap-highlight" content="no">

4、webkit表单元素的默认外观怎么重置:

input,select{ -webkit-appearance:none; appearance:none; }5、webkit表单输入框placeholder的颜色值能改变么:input::-webkit-input-placeholder{color:#AAAAAA;} input:focus::-webkit-input-placeholder{color:#EEEEEE;}6、webkit表单输入框placeholder的文字能换行么:ios可以,android不行~7、禁止ios 长按时不触发系统的菜单,禁止ios&android长按时下载图片:.css{-webkit-touch-callout: none}8、禁止ios和android用户选中文字:.css{-webkit-user-select:none}9、打电话发短信写邮件怎么实现:<a

作者  | 2016-1-7 22:26:32 | 阅读(76) |评论(0) | 阅读全文>>

【转载】前端开发懒人必备——自己封装结构模板

2015-11-18 17:15:36 阅读98 评论0 182015/11 Nov18

前端在写页面时,经常会用到DOM一个结构进HTML中,而传统的书写方式就是字符串拼接,要么写成一行,要么每行都用引号引起来再加上加号拼接起来,因此非常短的结构这么写还能够忍受,一旦超过十行的结构就会令人发狂。

现在各种模板插件也非常多,但是习惯不同总感觉用起来非常不舒服,所谓的模板无非就是对字符串进行截取替换拼接的三种方法,以前我们写结构是这么写的:

这种写法费时费力如果有变量也需要字符串拼接进去,如果class也是变量,class里就会有很多引号,非常容易眼花,一行的写法就不多说了,删空格删回车都累死你,回头看结构又不美观,完全不能看!

昨天和毛毛聊天中发现他用注释的方法去做模板,但是用的是/**/这种注释方式,正好也闲的无聊,平时都用快捷键注释在JS中都是双斜杠//,为了更方便自己的偷懒习惯,开始了模板制作的思考,这里就不写思考过程了,直接贴代码:

这样就让事情变得简单了,以后需要插入结构更新数据就可以这么写:

定义一个object存放你需要的数据,用固定格式{{xx}}的方式把数据替换上去,只需要把结构复制进来,直接选中双斜杠注释掉就可以了。

想要量身定做自己的模板函数,还需要根据自己的习惯对正则进行调整,so,如果你看不懂,请先看看正则的含义,然后再看看数组字符串的方法。一切就会变得简单起来。

作者  | 2015-11-18 17:15:36 | 阅读(98) |评论(0) | 阅读全文>>

查看所有日志>>

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017

注册 登录  
 加关注