自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

转载 白话设计模式——上

什么是设计模式?  它到底有什么作用?在程序员的核心竞争力——如何写出更好的代码中,它又扮演了什么样的作用?  其实设计模式并不是1995年诞生的那部《设计模式》才出现,实际上,它无所不在,在此之前,可能很多那个年代的前辈,已经不知不觉中在广泛的应用它了。而首次提出设计模式概念的GoF,其实他们仅仅只做了一件事,那就是把市面上现有的优秀代码设计方案起了个名。  我并非科班出身,还...

2019-04-11 18:59:00 129

转载 javascript常见方法汇总之一——数组字符串相关

(转载至慕课网)原文链接:https://www.imooc.com/article/46933github地址:https://github.com/dorseysen/notes-about-javascript-methods/blob/master/about-string-and-array.html 1 <!DOCTYPE html> 2 ...

2018-07-26 20:48:00 147

转载 咱来谈谈前端中的数学,当然啦,顺便也来写点好玩的东西!

咱们从一个小例子做引子,见微知著好吧!假如说现在有这样一道题,网页上有一个正方形div,大致的外观差不多是这样:然后呢,鼠标从左移进去的时候呢,打印一个"左"字,右边移入呢,打印一个"右"字,上边,下边移入呢,也是一样,那怎样判断鼠标在这个div的方位呢?咋看起来好像蛮简单的对吧?不就是获取鼠标位置,再鼠标的x小于这个div...

2018-07-03 17:44:00 427

转载 超简单,webpack配置

有看过我的博客的童鞋可能有看到我最近有在利用闲暇时间做一个前后台均涵盖的音乐播放器项目,但是呢,我是一个小小的前端,对后台的了解可以说只停留在很初级的阶段,当然了音乐播放器的音乐列表是后台轮循出来的,我呢,准备用node,当然了,包括去外地出差了3周,音乐项目目前还未更新,等这些后台的东东都理清了,各个模块就可以继续了。 好了废话不多说,咱一起来看看前端自动化构...

2018-06-27 11:33:00 326

转载 完整打造一个多功能音乐播放器项目(初步设想跟酷狗类似)

本人目前准备利用闲暇时间打造一个完整的音乐播放器项目,主要用于学习及分享!原创不易,转载请注明出处。 这是一个什么样的音乐播放器呢?整体的架构跟酷狗差不多吧,我的方式呢,是一个个组件一个个模块先做好,最后组合成完整的项目,最后项目会放在本人的github上,等项目完毕后会发布链接。另外呢,这个算是对自己曾经封装过的函数的一些检验,为了方便原理上的了解,整个项目不会用到任何...

2018-05-22 00:21:00 559

转载 ES2015也就是ES6知识点持续更新

ES6,全名:ECMAScript2015,先扯点其他的,ECMA是一个国际标准化组织,它最重要最重要的作用就是让ECMAScript这门语言标准化,什么意思呢?我们知道,js这门脚本语言是运行在浏览器上的,准确的说是运行在浏览器的渲染引擎上的,毕竟这些语言跟java,C#类似,它不像C/C++这样的语言,可以直接通过编译器转化成计算机可以知晓的语言,就是0和1,js其实跟j...

2018-05-14 00:34:00 196

转载 3d轮播图(另一种方式,可以实现的功能更为强大也更为灵活,简单一句话,比酷狗优酷的炫)...

前不久我做了一个3d仿酷狗的轮播图,用的技术原理就是简单的jquery遍历+css样式读写。这次呢,我们换一种思路(呵呵其实换汤不换药),看到上次那个轮播吗?你有没有发现用jquery的animate来写的话(酷狗那轮播样式6个其实还好),如果很多的话呢?会怎样,是不是得写一大坨?这显然不是我们想要的,那怎么办呢?其实既然是样式嘛,那我们就可以封成一个css类,一个类名,我们动态的把...

2018-05-13 22:36:00 278

转载 3d轮播图——类似酷狗的轮播

说到轮播图,其实只要是跟web开发相关的无论是前端后端应该都不陌生,各种各样的轮播图,从以前的单纯的平面山水画遮盖滑动或滚动,到Jquery的animate甚至是h5+css3,各种炫酷的轮播图更是层出不穷,其实它们看着都很炫酷,但实际实现的原理很简单,我们来试着扒一扒看看:以下我要说的轮播图呢,是这样的:那具体是怎么实现的呢?先给你看张图,看似很炫酷的轮播...

2018-05-04 00:55:00 498

转载 关于ajax原理阐述

ajax是什么呢?说白了就是一个请求,一个读取服务器资源以及提交资源到服务器的中间处理机制,那它具体是怎样工作的,又有怎样的原理呢?var ajax=function(url,fnSucceed,fnFail){ //第一步:初始化http协议,即实例化一个XMLHttpRequest方法。 //这里还需要做判断,因为微软的老版本IE(<IE7)与众不同的是,它的ajax是通...

2018-05-01 23:54:00 90

转载 漫谈前端,咱来随便吹吹水

对于很多从事IT行业的人来说,就不得不赞叹其发展的速度,可能一项技术用个两三年就有点过时了,这其实也是整个互联网大环境下迅猛发展的缘故,马云曾经说过,很多人觉得互联网已经发展得差不多了,貌似现在已经非常非常智能了,其实真正互联网开始发展到如今也仅仅才十几二十年,仅仅是开始,未来也许不可想象,犹如哆啦A梦的口袋,永远不知道什么时候它就掏出一个让你眼前一亮,为之赞叹的东西,而对于...

2018-04-17 23:57:00 104

转载 js万年历,麻雀虽小五脏俱全,由原生js编写

对于前端来说,我们可能见到最多的就是各种各样的框架,各种各样的插件了,有各种各样的功能,比如轮播啊,日历啊,给我们提供了很大的方便,但是呢?我们在用别人这些写好的插件,框架的时候,有没有试着问一问自己?这些东西都是怎么写出来的?现在我们以一个万年历为例,介绍下怎么写出来,别人那个看似小巧的万年历,又蕴含着怎样的构思,我觉得这才是前端的魅力所在。废话不多说了,先看看我做的效果图:...

2018-03-25 12:36:00 635

转载 H5之画布canvas小记,以及通过画布实现原子无规则运动

我们知道html在h5出之前就仅仅只是一个标签,一个标记,语义化并不强,后来新增的标签如video,audio都是语义化更强(让人一看就懂是什么东西,反正我是这么理解的,一个div不代表着什么),本身自带功能的标签(这个功能别问我怎么弄出来的,是浏览器自身内核渲染出来的),就一句话,这个标签就有这样的功能,当然需要定制化外观或功能也可以自己写。而画布其实也一样。简单的理解就是一张布,一张...

2018-03-23 20:31:00 255

转载 3、js无缝滚动轮播

另一个无缝滚动轮播,带暂停,由于js是异步,用C面向过程的思想开始会很怪异很怪异,因为当你定时器里面需要执行的函数时间比较长或是有一段延时时,异步的代码会完全不同,但习惯就好了。  这个代码有几个问题,后续会优化:  1、由于css定位margin的问题,并非几张轮播的图片移动的距离一致,故而你会看到两个很冗余的if代码,那个判断都固定死了  2、这种定时器嵌...

2018-01-04 21:10:00 100

转载 2、前端学习笔记之——css

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS-learning-note</title> <style type="text/css"> h1{co...

2018-01-04 20:41:00 198

转载 1、学习笔记之——html

这篇学习笔记是在看一些教学视频学习时所记,可能比较乱,就当是自己以后复习的资料好了。<!doctype html><html><head> <meta charset="utf-8"> <title>html5-learning-note</title> <base...

2018-01-04 20:35:00 337

转载 2、原生js实现轮播图特效

很多很多网站经常会用到一个特效,那就是轮播图,对于日新月异的前端技术来说其实就是一个框架一个接口的事,但轮播的原理是什么?用最原始的javascript来写又是怎样的呢?本人是一枚菜鸟,这篇文章就当做自己的学习笔记吧,觉得有益处的也可以留着或去demo看看。(后续也会陆续更新一些学习笔记及demo)前端很注重作用域的精准性,这里我就不考虑了,主要在于轮播的思想。先说下...

2018-01-04 20:15:00 118

转载 1、原生javascript方法小汇

Js 对象使用new 关键字来创建对象,举例如下,var a = new String();如构造函数无参数,则不必加括号,JS内部对象数组(Array)对象创建数组var myarray = new Array(0); //创建一个长度为0的数组var myarray = new Array(1,2,3); //创建一个指定长度的数组,禀赋初值数组长度不固定,赋值...

2018-01-04 20:07:00 73

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除