![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WEB前端
zhang_ps
这个作者很懒,什么都没留下…
展开
-
html遮罩实现demo
遮罩的简单实现 遮罩在网页应用中是很常见的一种功能,很多刚接触的朋友都不知道怎么实现:这里给出一个简单的demo,希望可以帮助到大家。 源代码:下载1 下载2; 实现思路:就是在页面放置一个z-index很高的div。(div中不要放置任何东西),通过js,来动态的设置div的高度和宽度。然后再通过css给div设置背景色,透明度等;原创 2016-05-14 17:46:04 · 4311 阅读 · 0 评论 -
浅谈jQuery.extend()和jQuery.fn.extend()
最近在看一些jQuery的插件源码,发现了jQuery.extend()和jQuery.fn.extend()两个方法在插件中用到的频率非常高,在网上查询了下,说的要么是不清楚,要么就是不好理解。基于此,我写下自己的一些看些,希望大家指正。在JS中并没有类的概念,不过为了好解释或者是思想上的统一。我姑且把jQuery看成了一个类,方便理解。jQuery.extend(),是扩展的jQuery这个类。原创 2016-08-23 13:08:44 · 1164 阅读 · 0 评论 -
网站用户头像剪裁上传完整案例
做为网站前段开发人员来说,用户头像剪裁和上传是一个很常用的功能,一般这个功能涉及到图片的放大,缩小,移动,旋转,和剪裁。下面我们来做一个完整的demo,剪裁后的图片以base64的形式返回,base64怎么上传到后台服务器,很简单,这里不做介绍。图片的操作:手机端操作和其他手机图片应用操作没有任何区别。 PC端:通过鼠标的滚轮是实现图片的放大缩小,长按左键移原创 2016-08-23 11:11:25 · 3644 阅读 · 1 评论 -
Javascript模块化编程之【模块的写法】
随着WEB的快速崛起,网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等……开发者不得不使用软件工程的方法,管理网页的业务逻辑。 Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。 但是,Javascript不是一种模块化编程语言,它不支持”类”(class),更遑论”模块”(module)了。(转载 2016-08-22 11:48:19 · 351 阅读 · 0 评论 -
JavaScript类型检测详解
JavaScript类型检测本篇介绍一下如何检测JavaScript各种类型。• 5种原始类型 • 对象 • Function • Array • 属性5种原始类型 JavaScript中5种原始类型为string,number,boolean,undefined,nullvar name = "Jack"; var age = 32; var single = fal原创 2016-08-22 10:59:46 · 316 阅读 · 0 评论 -
JavaScript数组详解
JavaScript数组JavaScript数组的应用应该都比较熟悉了。• forEach,map,filter • some,every • reduce,reduceRight • slice,splice • indexOf,lastIndexOf • sort • 类数组对象forEach,map,filter forEach遍历数组,函数声明:[]原创 2016-08-22 10:39:59 · 959 阅读 · 0 评论 -
JavaScript函数(arguments,this)的理解
javaScript因为其语法松散,导致函数(尤其是this)看似简单,其实里面花头很多。本篇介绍一下JavaScript函数及其调用方法。 • 函数声明和函数表达式 • arguments • this • this补充说明函数声明和函数表达式 JavaScript里对象字面量产生的对象将被连接到Object.prototype,函数对象将被连接到Function.pro原创 2016-08-22 08:36:45 · 534 阅读 · 0 评论 -
JavaScript继承的思想实现
JavaScript作为一门语法比较松散的语言,在ES6之前并没有像C++/Java等传统OO语言一样有class关键字,也不能通过private,public等关键字来限定权限。本篇就介绍一下JavaScript是如何实现继承的(js的继承说白了只是一种思想上的继承,在代码级别并没有像java的天然继承,在编写js的时候采用oo思想,能更简单的优化和扩展代码)。JavaScript的继承可以分为两原创 2016-08-22 09:42:16 · 393 阅读 · 0 评论 -
javascript功能插件大集合,写前端的亲们记得收藏
【导读】:GitHub 上有一个 Awesome – XXX 系列的资源整理。awesome-javascript 是 sorrycc 发起维护的 JS 资源列表,内容包括:包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎、数据可视化、时间轴、编辑器等等。伯乐在线已在 GitHub 上发起「JavaScript 资源大全中文版」的整理。欢迎扩散、欢迎加入。 https://git转载 2016-08-27 16:44:47 · 4352 阅读 · 0 评论 -
做一个合格的前端,gulp自动化构建工具入门教程
我的新作观点网http://www.guandn.com (观点网是一个猎获新奇、收获知识、重在独立思考的网站),它前端js、css的压缩、合并、md5命名等就使用了gulp自动化构建技术,gulp很小巧使用起来很舒服。 ps:接下来我会逐一开源观点网开发过程中的前后端技术,如:lucene全文索引、自定义富文本编辑器、图片上传压缩水印等等。 一、什么是gulp gulp是一个自动化构原创 2018-01-19 17:03:03 · 1113 阅读 · 0 评论