
Javascript
文章平均质量分 88
天意pt
Do everything as they are.
展开
-
[Vue]大屏界面自适应-transform: scale() translate(x, y)
[Vue]大屏界面自适应-transform: scale() translate(x, y)原创 2022-11-04 09:52:59 · 1388 阅读 · 3 评论 -
Ruby and SASS grunt 安装 Grunt新手入门
安装 Ruby 和 SASS参考链接:http://www.w3cplus.com/sassguide/install.htmlGrunt新手入门参考链接:http://yujiangshui.com/grunt-basic-tutorial/当时学习 Grunt 的时候,真是很头疼。分了两个时间段,学习了两次才硬啃下来,之后才能用在项目中。主要原因我认为是学习转载 2016-12-21 22:48:08 · 707 阅读 · 0 评论 -
Grunt 新手一日入门
From : http://yujiangshui.com/grunt-basic-tutorial/当时学习 Grunt 的时候,真是很头疼。分了两个时间段,学习了两次才硬啃下来,之后才能用在项目中。主要原因我认为是学习资料和文档上面写的太高端了。这类的文档或者资料有个显著特点,上来先简单介绍一下这个玩意(Grunt 是一个 JavaScript 任务运行器),然后就是如何安转载 2016-12-22 11:46:26 · 532 阅读 · 0 评论 -
Recruit Info
精通HTML、HTML5、CSS、CSS3;研究Web前端技术的发展,前沿技术、工具的调研,相关技术、框架的培训。对React.js,VUE.js,Angular.js等MVVM框架能熟练运用至少一种,且了解其基本原理理解并掌握Javascript语言核心技术DOM、BOM、Ajax、JSON等,对Javascript框架应用(如jQuery/bootstrap等)有一定的经验;熟悉Python/原创 2017-02-21 09:27:31 · 641 阅读 · 0 评论 -
IE 与 Firefox 兼容问题
Javascript中的常见问题 1. 集合类对象问题 现有代码中许多集合类对象取用时使用 (),IE 能接受,Firefox 不能。 解决方法:改用 [] 作为下标运算。如:document.forms("formName") 改为 Js代码 document.forms["formName"]; //又如: document.g原创 2017-03-06 15:42:00 · 589 阅读 · 0 评论 -
浏览器的工作原理:现代网络浏览器幕后揭秘
From: http://m.blog.youkuaiyun.com/article/details?id=17568479序言这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章,是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中,她查阅了所有公开发布的关于浏览器内部机制的数据(请参见资源),并花了很多时间来研读网络浏览器的源代码。她写道:在 IE 占据 9转载 2017-03-06 15:46:56 · 434 阅读 · 0 评论 -
40行代码内实现一个React.js
2017-03-20 胡子大哈 前端开发来自:前端大哈 - 知乎专栏作者:胡子大哈链接:https://zhuanlan.zhihu.com/p/25398176(点击尾部阅读原文前往)目录1 前言2 一切从点赞说起3 实现可复用性3.1 结构复用3.2 生成 DOM 元素并且添加事件4 为什么不暴力一点?4.1 状态改变 -> 构建新...转载 2017-03-21 07:42:01 · 1253 阅读 · 0 评论 -
深入理解javascript的function
From: http://www.cnblogs.com/sharpxiajun/archive/2011/09/16/2179323.html转载 2017-03-13 16:59:20 · 326 阅读 · 0 评论 -
跟随屏幕滚动后固定导航到顶端
From: http://blog.youkuaiyun.com/zerlinda_c/article/details/50436920在浏览网站的时候看到许多不错的效果,比如导航栏滚动一定距离后固定到某一位置。最近做手机端的页面比较多,就想如果多个导航栏叠加能否也将导航栏固定在不同位置呢?其实代码很简单,看一下实际效果: 思路很简单,首先转载 2017-04-25 09:08:31 · 3775 阅读 · 0 评论 -
JSON和JSONP 跨域
JSON(JavaScript Object Notation) 和 JSONP(JSON with Padding)1. JSON是一种数据交换格式,而JSONP是一种非官方跨域数据交互协议。是一个数据通路的握手的方式。优点: 纯文本、跨平台、Javascript原生支持、前后端兼容、可读性好易读写。缺点:不知道JSON数据结构比XML的可读性更好,数据量也少很多。它原创 2016-12-08 13:21:49 · 297 阅读 · 0 评论 -
浅谈Vue下的components模板
组件创建方式一:HTML:<div id="app"><c1></c1></div>/*要注意,局部模板的作用范围 只在 相对的vue对象 范围内, 比如此例子 <haha></haha>的作用范围 只在 <div id="app"></div>内*/let vm = new Vue(...翻译 2019-04-11 16:22:24 · 10985 阅读 · 0 评论 -
html+css+js好看的梅花
html+css+js好看的梅花meihua.html:leaves.css:.leave { position: fixed; width: 25px; height: 20px; -webkit-animation-iteration-count: infinite, infinite; -webk原创 2017-03-01 00:48:39 · 1801 阅读 · 1 评论 -
全栈工程师培训材料
From: https://github.com/ruanyf/jstraining全栈工程师培训材料,帮助学习者掌握全栈开发的基本知识,承担简单 Web 应用的前后端开发。一共四讲,适合两天的训练营,请先阅读《培训准备》。培训时,需要完成课堂练习。第一讲:前端开发的历史和趋势前端开发的历史演变前端 MVC 框架的兴起前后端分离全栈工程师前端开发的未来第二讲转载 2017-02-23 11:44:35 · 1763 阅读 · 0 评论 -
Swiper 3 的特色功能、示例
无需加载公用库:Swiper无需加载任何公共库(如jquery)即可运行,这保证了Swiper的轻量和运行速度。Swiper也可以在加载了公共库的环境下安全的运行,如jQuery, Zepto, jQuery Mobile等。1:1的触摸滑动:Swiper默认的触摸比例为1:1,你可以通过修改Swiper的设置来改变这个比例。监视器:Swiper3 增加了开启监视器的选项,有了这个功能Swiper原创 2016-12-06 09:10:03 · 3633 阅读 · 0 评论 -
JS中关于clientWidth offsetWidth scrollWidth 等的含义
From: http://www.cnblogs.com/fullhouse/archive/2012/01/16/2324131.html网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网转载 2016-12-02 09:59:15 · 336 阅读 · 0 评论 -
Backbone.js
Backbone.Events(事件)Events 是一个可以融合到任何对象的模块, 给予 对象绑定和触发自定义事件的能力. Events 在绑定之前 不需要声明, 并且还可以传递参数. onobject.on(event, callback, [context])offobject.off([event], [callback], [context])triggerobj原创 2016-12-04 22:55:06 · 712 阅读 · 0 评论 -
通过Javascript 对 CSS属性的设置 与 获取
通过document.getElementById('someid).style 类似这种的obj.sytle获取的是 元素的内联样式,如果没有通过内嵌在标签里面(如: style="font-size:20px;") 读取到的结果是空的!它只认标签里的style="key:value"给定的CSS属性那我们能怎么获取CSS的样式值/结果呢?解决方式1:.size {原创 2016-12-17 13:14:26 · 380 阅读 · 0 评论 -
基于微信的【点歌台】功能开发
FROM:https://www.ldsun.com/-e5-9f-ba-e4-ba-8e-e5-be-ae-e4-bf-a1-e7-9a-84-e3-80-90-e7-82-b9-e6-ad-8c-e5-8f-b0-e3-80-91-e5-8a-9f-e8-83-bd-e5-bc-80-e5-8f-91/基于微信的【点歌台】功能开发微网站,微社区,微店铺……现在是实打实的微...转载 2017-03-01 00:16:08 · 2167 阅读 · 0 评论 -
前端设计字体大全
前端设计字体大全宋体 SimSun黑体 SimHei微软雅黑 Microsoft YaHei微软正黑体 Microsoft JhengHei新宋体 NSimSun新细明体 PMingLiU细明体 MingLiU标楷体 DFKai-SB仿宋 FangSong楷体 KaiTi仿宋GB2312 FangSongG转载 2017-03-01 00:23:59 · 6241 阅读 · 0 评论 -
疯狂面试
代码会输出什么? for (var i = 0; i 5; i++) { setTimeout(function() { console.log(i); }, 1000 * i);}应该是开始输出一个 5,然后每隔一秒再输出一个 5,一共 5 个 5。能输出 0 到 4: for (var i = 0; i 5; i++) { (function(i)原创 2017-02-27 16:53:28 · 479 阅读 · 0 评论 -
JavaScript很少为人所知的玩法
JavaScript 很少为人所知的玩法01 FEBRUARY 2017 on 物联网, JavaScriptStack OverFlow 的联合创始人杰夫·阿特伍德(Jeff Atwood)曾提出著名的“Atwood定律”,即:Any application that can be written in JavaScript, will eventually be written转载 2017-02-21 08:07:23 · 1361 阅读 · 0 评论 -
Javascript 小功能收集
匹配替换HTML元素,返回纯文本光标定位到末尾的位置, default:光标都会定位在最开始的位置1.匹配替换HTML元素,返回纯文本var $plainText = $('#content');//$("#plainText");$plainText.on('paste', function (e) { window.setTimeout(function ()原创 2017-02-28 21:36:20 · 319 阅读 · 0 评论 -
loadImage---图片预加载
From: http://www.cnblogs.com/siqi/p/3304662.html 图片预加载 //默认图片 var defurl = 'http://www.baidu.com/img/bdlogo.gif'; //一张大尺寸图片 var imgurl = 'http://www.planear转载 2017-02-22 14:59:21 · 1950 阅读 · 0 评论 -
zepto 的学习
Zepto.js – a minimalist JavaScript libraryZepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto.原创 2016-12-10 18:04:40 · 994 阅读 · 0 评论