最新 | 最热门 | 最高评价

+6  获取动态加载的图片大小的正确方法

Tag: Web | JavaScript | jQuery
ideawu 发于 2011年07月03日 22:32 | 点击: 2677 | 展开摘要
有一些很容易出错的获取动态加载的图片的尺寸的方法, 之所以出错, 主要原因是:

你在代码在图片从网页上下载完毕之前就调用了, 这种情况在本机开发时不太容易发现.

jQuery load()事件处理的BUG, 当图片是从浏览器缓存取得时, 获取的是错误的尺寸.

错误的代码是:

(错误)在添加了HTML之后立即调用代码获取尺寸

var html = '';
$('#my_div').html(html);
var width = $('#my_div img').wid

查看全文: http://www.udpwork.com/item/5394.html

+3  去哪吃?

Tag: 前端开发 | css3 | Javascript
崔凯 发于 2011年02月23日 15:33 | 点击: 2100 | 展开摘要
每天中午都发愁吃什么。于是写了这么个东西,随机抽取吃饭地点。演示如下:

var alldata = "新中关,欧美汇,避风塘,牛魔王,小豆,即品面饭"
var alldataarr = alldata.split(",")
var num = alldataarr.length-1
var timer
function change(){
document.getElementById("oknum")

查看全文: http://www.udpwork.com/item/4344.html

+2  再谈javascript面向对象编程

Tag: Web开发 | 编程语言 | ECMAScript | Javascript | OOP
Neo 发于 2012年02月27日 08:25 | 点击: 3246 | 展开摘要
前言:虽有陈皓《Javascript 面向对象编程》珠玉在前,但是我还是忍不住再画蛇添足的补上一篇文章,主要是因为javascript这门语言魅力。另外这篇文章是一篇入门文章,我也是才开始学习Javascript,有一点心得,才想写一篇这样文章,文章中难免有错误的地方,还请各位不吝吐槽指正

吐槽Javascript

初次接触Javascript,这门语言的确会让很多正规军感到诸多的不适,这种不适来自于Javascript的语法的简练和不严谨,这种不适也来自Javascri

查看全文: http://www.udpwork.com/item/6905.html

+2  使用markdown格式写Todo list

Tag: javascript | chrome | markdown | vim
Volcano 发于 2011年12月26日 11:10 | 点击: 4138 | 展开摘要
上周我完成了chrome的markdown-preview扩展的修改,使它支持markdown文件的实时预览功能。现在可以考虑用这个功能来做一些更酷的事情,比如说,写Todo list?

开始干

首先我找到了一个叫topmarks的markdown样式文件,这个样式文件能给出一个漂亮的Todo list样式,我把它合并到了 修改后的markdown preview插件

关注了一下markdown-preview原作者的github,他有计划增加一项功能,让用户可以自定义

查看全文: http://www.udpwork.com/item/6582.html

+1  js函数作用域和对象作用域里变量的不同

Tag: 技术文章 | javascript
bang 发于 2013年03月03日 21:29 | 点击: 1547 | 展开摘要
写js时碰到一个坑,查了半天简化后问题是这样的:

<script>
alert(document) //[object HTMLDocument]
var document
</script>

<script>
(function(){
alert(document) //undefined
var document
})()
</script>

在全局作用域上document没变,但在函数

查看全文: http://www.udpwork.com/item/9375.html

+1  程序员,都去写一写前端代码吧

Tag: JavaScript | Recommended | 前端
四火 发于 2013年01月19日 01:10 | 点击: 2142 | 展开摘要
文章系本人原创,转载请保持完整性并注明出自《四火的唠叨》

你可以认为我是一个极端的人,就像有许多人专注于自己的领域而不屑于其它“肤浅”的工作范畴一样。比如我见过不少认为做portal没有技术含量的判定,做工程都是充满苦逼行为的言论,最近则还有那些“大数据”崇拜者的疯狂吐槽……我的极端则有些不同,我的极端在于我认为绝大多数优秀的程序员,都要尝试多方面的事情。并不只有底层开发或者机器学习充满睿智的挑战,我做了几年网站,很难说这就是我最初的兴趣,虽然也在接触和学习其他的领域,但

查看全文: http://www.udpwork.com/item/9113.html

+1  优化InnerHTML操作

Tag: Technical | Javascript | Performance
老王 发于 2011年06月19日 15:00 | 点击: 2187 | 展开摘要
多数现代浏览器都实现了innerHTML操作,它的方便性让我们爱不释手,但如果使用不当,很容易出现效率问题,本文通过一个例子来说明如何优化innerHTML操作。

例子:我们要实现的效果是当用户点击鼠标的时候,就在旧数据上追加若干新数据。

如果使用标准DOM的话,完整代码如下:

<html>
<head>
<title>test</title>
</head>
<body>
<div>

查看全文: http://www.udpwork.com/item/5300.html

+1  jQuery BlockUI 页面遮挡插件

Tag: Web | JavaScript | jQuery | 载入提示 | 遮挡
ideawu 发于 2010年04月26日 11:47 | 点击: 3931 | 展开摘要
Web应用中常常需要这样的功能: 当用户点击”提交”按钮, 或者点击”刷新”链接AJAX获取新数据时, 都需要显示一个提示Loading的提示信息, 并且锁住按钮和某个区域, 避免用户重复操作. 使用 jQuery 的 BlockUI 插件可能轻松地达到该功能. 而且, BlockUI 的功能不仅如此, 它还能实现”弹出”窗口(如登录窗口), 气泡提示信息的功能.

1. 遮挡整个页面

直接调用 $.b

查看全文: http://www.udpwork.com/item/1035.html

+0  NPM 打包时该忽略哪些文件?

Tag: ignore | javascript | npm
Cat Chen 发于 2018年11月08日 15:20 | 点击: 740 | 展开摘要
最近在写一个新的 JavaScript 库,叫做 dice-chance,用来分析掷骰子的概率。计划是库写完了就用 PWA 封装一下发布给大家用。因为在写的时候用到了 Flow 做类型声明,所以源代码文件不能不经处理直接被调用,必须经过 flow-remove-types 处理一下删除 Flow 类型声明。
为了保证在包发布时 Flow 类型会被删除掉,我在 package.json 中定义了 build 脚本,然后设置了 prepublish 事件触发 build 脚本:

查看全文: http://www.udpwork.com/item/17191.html

+0  程序员练级攻略(2018) 与我的专栏

Tag: 技术读物 | 杂项资源 | C++ | Java | Javascript | Linux | Programmer | Python | React | Unix | Web
陈皓 发于 2018年05月29日 12:38 | 点击: 1117 | 展开摘要
写极客时间8个月了,我的专栏现在有一定的积累了,今天想自己推荐一下。因为最新的系列《程序员练级攻略(2018)版》正在连载中,而且文章积累量到了我也有比较足的自信向大家推荐我的这个专栏了。推荐就从最新的这一系统的文章开始。

2011年,我在 CoolShell 上发表了 《程序员技术练级攻略》一文,得到了很多人的好评(转载的不算,在我的网站上都有近1000W的访问量了)。并且陆续收到了一些人的反馈,说跟着这篇文章找到了不错的工作。几年过去,也收到了好些邮件和私信,希望我把这

查看全文: http://www.udpwork.com/item/17009.html

+0  Web Worker 使用教程

Tag: JavaScript
阮一峰 发于 2018年07月08日 20:59 | 点击: 1064 | 展开摘要
一、概述

JavaScript 语言采用的是单线程模型,也就是说,所有任务只能在一个线程上完成,一次只能做一件事。前面的任务没做完,后面的任务只能等着。随着电脑计算能力的增强,尤其是多核 CPU 的出现,单线程带来很大的不便,无法充分发挥计算机的计算能力。

Web Worker 的作用,就是为 JavaScript 创造多线程环境,允许主线程创建 Worker 线程,将一些任务分配给后者运行。在主线程运行的同时,Worker 线程在后台运行,两者互不干扰。等到 Worke

查看全文: http://www.udpwork.com/item/16940.html

+0  浏览器数据库 IndexedDB 入门教程

Tag: JavaScript
阮一峰 发于 2018年07月04日 08:55 | 点击: 1143 | 展开摘要
一、概述

随着浏览器的功能不断增强,越来越多的网站开始考虑,将大量数据储存在客户端,这样可以减少从服务器获取数据,直接从本地获取数据。

现有的浏览器数据储存方案,都不适合储存大量数据:Cookie 的大小不超过4KB,且每次请求都会发送回服务器;LocalStorage 在 2.5MB 到 10MB 之间(各家浏览器不同),而且不提供搜索功能,不能建立自定义的索引。所以,需要一种新的解决方案,这就是 IndexedDB 诞生的背景。

通俗地说,IndexedDB 就是浏

查看全文: http://www.udpwork.com/item/16936.html
|<<<1234567>>>| 一共21页, 247条记录