前端技术交流群:565733884

 分类:前端技术

码云笔记,分享web前端技术,包括HTML,css,javascript相关知识

Js中的冒泡排序、选择排序、快速排序、桶排序原理

Js中的冒泡排序、选择排序、快速排序、桶排序原理
今天是元宵佳节,在此小编祝大家元宵佳节快乐!年味儿渐散,收拾下心情,继续敲代码吧。对于即将到来金三银四的求职季,相信不少同学都在默默地做着准备。面对前端越来越多的算法面试题,我简单的整理了一下几种比较常见的数组排序方式,分别介绍其基本原理和优劣势。(ps:才疏学浅,希望大家可以...

3天前 26℃

定位偏移背景图像的方法

定位偏移背景图像的方法
如果我们想使用CSS的background-image去定位一个距离左边20px,距离上边10px是非常容易的,你只需要实用如下方法即可: background-position: 20px 10px; 但是如果我们想定位一个背景图像距离右边20px,距离下边1...

3周前 (01-29) 70℃

HTML5游戏之Websocket俄罗斯方块基础版(一)

HTML5游戏之Websocket俄罗斯方块基础版(一)
俄罗斯方块游戏,对于我们这个年龄段的小伙伴来说都是童年的美好回忆了,这可是当年的经典啊!呵呵,我不是来暴露年龄的。当然现在发展快了,各种小游戏层出不穷,很多年轻的孩子已经对俄罗斯方块不感兴趣了,甚至都没接触过,之所以把它作为我们今天实现的案例,希望对大家在脑海里有一个初步的认知...

1个月前 (01-14) 100℃

优化网站性能方法,让快速访问网站不在是梦想

优化网站性能方法,让快速访问网站不在是梦想
  互联网大家很熟悉,已经深入到我们生活的方方面面,使得用户对快速访问网页需求越来越高,对于企业来说用较低的成本较快的速度去留住用户流量就是在日益竞争的环境下取胜的关键,而做为网站建设者的我们,如何提高网站性能,成为急需去解决的问题,本文让你清楚认识到影响网站性能的原因...

2个月前 (01-07) 274℃

canvas实现绚丽的倒计时效果与动画基础(一)

canvas实现绚丽的倒计时效果与动画基础(一)
canvas如何实现绚丽的倒计时效果,如下图显示的效果,非常简单,利用之前我为大家整理的canvas绘图和动画基础,你就可以轻松实现这一需求,具体请看《canvas画布绘制动画基础》。倒计时电子钟的实现,通过学习弧线和圆的绘制,进而完成电子钟的绘制效果。 倒计时程序基本架构 在学...

2个月前 (12-21) 358℃

css3中box-shadow的奇特用法

css3中box-shadow的奇特用法
box-shadow属性是css3中的一个属性,几乎可以在人和元素上添加阴影效果,通过它我们可以做出很多非常酷的东西。接下来我将为大家讲解box-shadow属性的奇特使用方法。 兼容性 语法 box-shadow: h-shadow v-shadow blur spread ...

2个月前 (12-12) 234℃

如何理解JavaScript中的this

如何理解JavaScript中的this
JavaScript中的 this 对于初学者来说是个难点,对于老手也会困惑。之前有一个小伙伴一直问我this的相关问题,所以今天抽出点时间深入的带大家理解this。希望通过我的理解能够对正在处于对this困惑的你指引方法,让你再也不用怕JavaScript中的this了,让你明...

2个月前 (12-10) 180℃

深入理解JavaScript的Apply、Call和Bind方法

深入理解JavaScript的Apply、Call和Bind方法
函数是JavaScript中的对象,如果你已经阅读过其他相关的文章,那么你现在应该知道了。作为对象,函数具有方法,包括强大的Apply、Call和Bind方法。一方面,Apply和Call几乎是相同的,在JavaScript中经常用于借用方法和显式设置这个值。我们也用Apply来...

2个月前 (12-10) 194℃

如何操作JavaScript运算符类型转换

如何操作JavaScript运算符类型转换
本文主要讲的是有关javascript的操作运算符类型转换,对于大牛来说很简单,但是对于刚入门的前端同学想要记住这么多运算符之间的转换可能有点吃力。其实我们在前端面试题中,很多同学在实际运算的时候经常出错。之前有一篇文章是写的关于《js ==号引起的隐性类型转化方法》,那么这篇文...

2个月前 (12-10) 173℃

总结在项目中使用jQuery的$.extend()方法心得

总结在项目中使用jQuery的$.extend()方法心得
最近在做的监控项目开发中,需要对监控到的数据在前端页面上进行展示,由于数据颇多,所以为了增强用户体验,对于数据的操作,我们一般会采用可视化效果的图标或者是数据插件,我这里用的是大家熟知的百度echarts,当然还有其他优秀的插件,大家根据实际情况选择适合自己的插件。不管采用那种插...

3个月前 (12-07) 184℃

jQuery置顶导航菜单 随浏览器滚动条浮动定位菜单

jQuery置顶导航菜单 随浏览器滚动条浮动定位菜单
今天带大家来实现一个大家经常在网站上看到的导航效果,置顶导航菜单,并随滚动条浮动定位菜单,固定菜单到顶部,就像码云笔记导航菜单效果一样,大家可以滚动试一下。之前我写过一篇类似文章,只不过是菜单没有根据滚动条判断,大家可以看一下《jquery插件固定导航条在浏览器顶部不随滚动条的下...

3个月前 (12-07) 183℃

JSON对象和JSON字符串之间的相互转换方法总结

JSON对象和JSON字符串之间的相互转换方法总结
说到json对于前端同学来说并不陌生,什么是json呢?这里为大家补充一下,JSON 全称JavaScript Object Notation是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。而在数据传输流程中,json是以文本,即字符串的形式传递的...

3个月前 (12-06) 163℃

jquery css垂直手风琴菜单列表制作

jquery css垂直手风琴菜单列表制作
分享一个利用jQuery CSS3来完成的垂直手风琴菜单栏,这个适合做web后台系统之类的菜单,这款CSS3手风琴菜单的每一个菜单项都有小图标,而且只能有一项展开,更有意思的是,在菜单折叠和展开式右侧的箭头也会有不错的动画效果。这里我是用<ul><li>&...

3个月前 (11-29) 225℃

Tip:如何在JavaScript中对对象数组排序

Tip:如何在JavaScript中对对象数组排序
如果你有一个对象数组,需要按一定顺序排序,那么你可能会倾向于使用JavaScript库。但是,在你这样做之前,请记住,您可以使用本地的数组排序函数进行一些非常整洁的排序。 在本文中,我将向您展示如何在JavaScript中对对象数组进行排序,而不会引起任何麻烦。 要阅读本文,你需...

3个月前 (11-28) 195℃

ES6箭头函数:JavaScript中丰富而简洁的语法

ES6箭头函数:JavaScript中丰富而简洁的语法
箭头函数是在ES6中引入的,作为编写JavaScript函数的一种新语法。它们节省了开发人员的时间并简化了功能范围。调查显示,它们是最受欢迎的ES6功能: 本文将介绍箭头函数的细节——如何使用它们、常见语法、常见用例和陷阱。 什么是箭头函数? 箭头函数——也称为“胖箭头”函数,...

3个月前 (11-27) 167℃