前端开发代码

前端开发代码分享优秀的jquery代码,html代码,css代码等前端开发技术

以前我也写过一个这样子的滑块,不过使用的是JQuery封装的,兼容性比较好,同时兼容手机手指滑动,以后再分享给你们。今天来看看这个原生的JS滑块是怎么写的吧。

这篇文章介绍了一些特性,在我看来,一个严肃的 JavaScript 开发者每天都多多少少会用到这些特性。

本文分享11个在日常教程中不常被提及的JavaScript小技巧,他们往往在我们的日常工作中经常出现,但是又很容易被忽略。

如今框架横行,但原生JS学习反而变少了,框架虽然方便了,但掌握原生JS才是最基础的,本文分享了一些提供工作效率的原生JS方法,希望对你有所帮助。

通过本节内容,我们讲可以了解到什么是AST,AST的语法和词法分析,AST能做什么,以及AST的解析流程等,希望对你有所帮助。

最近在做一个产品,需要微信扫描条形码然后跳转到对应的产品信息页,其实微信小程序就有一个扫码识别的API:wx.scanCode,下面一起来看看

我们在构建页面过程中一般会把用的比较多的公共的部分抽取出来作为一个单独的组件,但是在实际使用这个组件的时候却又不能完全的满足需求,我希望在这个组件中添加一点东西,这时候我们就需要用到插槽来分发内容。

看标题大家不难猜到我今天要实现的功能,正如你打开我的博客文章,在正文下面看到的按钮,点击展开全文。

本文分享了使用jquery移除前面通过onclick绑定的元素的事件,然后重新绑定别的函数来执行onclick事件。

30 seconds of css是跟30 seconds of code 类似的项目,翻译中文版已经很久了,今天列举几个自己觉得比较有用的片段,使用CSS3实现某些前端效果,还是挺炫酷的。

前端开发制作中有需要需要等到页面中的图片加载完毕后才执行某些事件,而使用jquery的load事件只是dom执行完毕,图片未必加载完成,如果要判断图片加载完毕,需要在图片标签上判断。

最近使用了ES6的一些特性,然后因为要兼容IE浏览器,比如promise和fetch等,我引入了一个polyfill.js,然后我使用特性来检测IE浏览器的版本。但由于polyfill.js修复了IE的这些缺陷特性,使得我无法得到正确的IE版本。本文分享另外两种检测IE浏览器的代码。

jQuery有没有获取图片实际尺寸的方法?本文给出一个使用JQuery兼容的方式,从而获取图片文件的实际尺寸,而不是添加了css样式之后的尺寸。

前端保存页面为图片,最常见的方案都是利用html2canvas来生成图片,同时利用HTML5的新属性download来点击保存到本地,来看看这些地方前端做会有什么坑?

前端很多项目中,都有文件下载的需求,特别是JS生成文件内容,然后让浏览器执行下载操作(例如在线图片编辑、在线代码编辑、iPresst等)。HTML5中给a标签增加了一个download属性,只要有这个属性,点击这个链接时浏览器就不在打开链接指向的文件,而是改为下载(目前只有chrome、firefox和opera支持)。

看别人的js代码,现在很多代码都是压缩过后的,读起来很费劲,本文推荐一篇详解UglifyJS压缩代码过后的简写方式,理解它的压缩原理,就可以很方便的还原出代码的原来作用。

在使用CSS3动画中,会有需要监听动画是否已经结束并对事件进行处理,最好的方法就是使用animationend。我们通过JavaScript来监听动画的开始、进行和结束,这样子方便我们随时控制运动中的元素。

CSS3 transform里面有一个属性transform-origin,该属性可以改变元素的原点位置,之前的一篇文章:CSS揭秘之沿着环形路径运动的动画,正是巧妙的运用了原点位置,从而实现了围绕圆心运动。transform-origin里面的百分比没有详细了解是以什么为标准的。今天看看这篇文章详细了介绍了这个值跟left、right、top、bottom之间的关系。

使用flexbox,很多布局问题都可以解决,今天分享一个所有子元素居中对齐的样式。

涉及到居中的样式CSS主要是align-items:center;

需求是需要中间的某个块不要占全部,而是自适应子元素内容扩展。

本文分享几种通用的前端开发中图片垂直水平居中对齐的做法,大部分适用在高级浏览器,可以应用在移动端,有绝对定位、flexbox、table-cell和增加一个空白标签。

首页  上一页  1 2 3 4 5 6 7 8 下一页  尾页