关闭

常见排序算法的Javascript实现

近日准备实习面试,以下是常见排序算法JS实现,转载备用。原文链接 JavaScript实现排序算法冒泡排序冒泡排序的基本思想是从头遍历要排序的数组,比较相邻两个数,如果前面位置的数大于后面位置的数,那么就将两者进行交换,否则不做任何操作。遍历完一次之后,最大的数就放到了数组最后的位置。然后再从头遍历数组,进行同样的操作,就可以将第二大的数放到倒数第二个位置,依此进行下去,直到所有数都排好位置为止。冒...
阅读(185) 评论(0)

一次网页请求背后的连接

一次网页请求背后的连接 想成为一个优秀的前端,对互联网协议是必须要了解的。本文使用WireShark抓包工具,对一次网页请求背后的TCP连接、HTTP请求进行了详细的展示。对网页请求中浏览器使用的并行连接、持久连接以及TCP连接建立关闭的过程均有所分析讨论,对HTTP如何封装在TCP中进行数据请求以及数据的响应返回也有所展示。供学习交流之用。 TCP简介本文从传输层的报文开始,下层网络IP层、链...
阅读(1126) 评论(0)

JSX语法详解

JSX语法详解 本文在官方文档的基础上,进行了扩展扩展补充和一些解读。基本涵盖了JSX语法的细枝末节,JSX语法本身并不复杂,也容易掌握。本文供学习参考使用。 一、基础1、JSX是什么JSX是一种像下面这样的语法:const element = Hello, world!;它是一种JavaScript语法扩展,在React中可以方便地用来描述UI。本质上,JSX为我们提...
阅读(10083) 评论(1)

React-"Refs and the DOM"

React-“Refs and the DOM” 学习是一件反反复复的事情,今天回顾react官方文档中Refs and the DOM,大致翻译一遍,将笔记摘录备忘。 React的典型数据流中,props是父组件和子组件交互的唯一方式。要修改子组件,你需要使用新的porps重新render它。然而有的时候我们又需要在典型数据流之外去修改一个子组件。被修改的子组件可能是一个React组件实例或者...
阅读(349) 评论(1)

Redux与纯JS入门实例讲解

Redux与纯JS入门实例讲解 学习Redux可能是一个噩梦,我猜应该每个人都读过那篇”You Might Not Need Redux”然后扔掉了手中的电脑。如果一来就是npm install --save react-redux,你很可能在做了几个TodoList之类的例程之后还是不甚清楚redux究竟是做什么的,或者没那么清楚。或许,你需要的仅仅是一个不包含react的redux例子。 r...
阅读(1578) 评论(2)

利用css的target选择器实现纯css相册

在看CSS选择符的时候注意到一个特别有意思的选择符–:target,随后在http://benschwarz.github.io/gallery-css/发现利用该选择符可以做出如此漂亮的gallery,干净利落无需js代码(强迫症及完美主义必备),网站上有一套讲解教程,但是是付费的。今天把我实现的过程以及某些细节分享出来,供学习使用。 在开始之前强烈建议先看一下css必会选择符我这里有一个在线预览...
阅读(882) 评论(0)

css选择器拾遗

前言:说大量学习‘前端’的人CSS选择器水准停留在元素选择、类选择、ID选择、简单的属性选择、:hover以及后代选择器是不过分的。很多人觉得类似~、+这种同辈选择符不过是鸡肋一般的存在,实际上随着CSS3的兴起,CSS已经能够承担大量之前必须依靠js才能完成的页面效果,有些效果让你难以置信,而且美得没话说。纯CSS代码不仅有更好的性能,而且解救了一大批强迫症。这一切的基础都在于CSS选择器,请认真...
阅读(367) 评论(0)

十分详细的React入门实例

学习React不是一蹴而就的事情,入门似乎也没那么简单。但一切都是值得的。今天给大家带来一个详细的React的实例,实例并不难,但对于初学者而言,足够认清React的思考和编写过程。认真完成这个实例的每一个细节会让你受益匪浅。接下来我们开始吧!代码下载预览首先说明一下,本例究竟做了什么。本文实现了一个单页面人员管理系统的前台应用。包括以下功能: 人员基本信息列表; 人员的录入及删除; 人员详细信息的...
阅读(19536) 评论(16)

使用css及简单的js实现酷炫的响应式slider

真的是好久都没有写博客了,这几个月一直很忙。这几天暑假在家,闲来无事,从前端到后台写了一个网站,算是新的个人博客吧。本文的demo和下载就挂在上面。今天在这里分享一个十分常见的应用,轮播。我们经常在网站中看到slider,既实用又好看。这里主要用css和少量的jQuery(其实用原生js也很简单)来实现一个响应式的幻灯片slider。这里主要给大家提供一种思路,还有实现中的一些细节处理,具体的功能,...
阅读(1590) 评论(1)

css浮动基本规则

说到元素的浮动,首先要明确一个概念就是包含块(containing block)。所谓浮动元素的包含块,就是其最近的块级祖先元素。我们后面会举例来说明。这里关于浮动的问题,主要有以下几点: 1、浮动元素的外边界不能超过其包含块的内边界。 2、浮动元素的外边界是另一浮动元素的外边界。 3、浮动元素的顶端不能比之前出现的浮动元素的顶端更高。 4、浮动元素顶端不超过当前行。 5、clear属性。 1、浮动...
阅读(4689) 评论(0)

常用jQuery选择器详解

元素选择是一切操作的前提,jQuery中$()函数最强大最常用的功能之一就是使用选择器选择DOM元素。这里就汇总一些十分常用的jQuery选择器。1、jQuery选择器基本结构$('选择器') $('选择器 上下文') 2、使用基本css选择器关于基本的css选择器可以看一下css选择器详解。这里列出几种最基本的使用css选择器的用法。2.1 元素选择器$('a'); //选择所有a元素 $('di...
阅读(817) 评论(0)

美化加载失败的图片(Stying broken images)

原文出处https://bitsofco.de/styling-broken-images/翻译:王浴昊注明出处,本文可以转载。加载失败的图片很丑陋。事实上并不一定要如此。我们可以通过对元素应用css样式来提供比默认选择更爽的体验。两个关于元素的事实为了理解我们可以如何美化加载失败的图片,我们先要搞明白两种元素的表现方式。 1、我们可以将常规的排版相关(typograp...
阅读(600) 评论(0)

css选择器详解

1、元素选择器 2、类选择器 3、ID选择器 4、属性选择器 5、派生选择器 1、元素选择器最常见的css选择器当属元素选择器了,在HTML文档中该选择器通常是指某种HTML元素,例如:p,h2,span,a,div乃至html。用法十分简单,例如:html {background-color: black;} p {font-size: 30px; backgroud-color: gray;}...
阅读(6921) 评论(0)

使用百度地图API在页面添加百度地图应用

目录: 页面预览 准备工作 代码实现 相关链接 本文我们使用百度提供的地图API,通过8行代码就可在自己的网页引入百度地图的应用。操作十分便捷,功能又十分强大。1、页面预览很多时候我们希望在自己的页面中嵌入一个地图应用,方便向他人直观地提供自己的位置信息。本文我们利用百度提供的api,在自己的网页中嵌入百度地图的应用。完成后界面预览如上图所示,当然我们这里只关注图中百度地图那一块。2、准备工作百度地...
阅读(5822) 评论(0)

使用jquery制作漂亮相册集

目录: 简单的图像翻滚 漂亮的相册集 资源文件 简单的图像翻滚image-rollover常被用在交互式导航栏上,当我们的鼠标移动到导航栏时,按钮的外观改变。例如我们以如下几幅黑白缩略图作为导航图表,当鼠标移动到指定图标时,图标变为明亮的彩色图片。预览如下:该页面的代码十分简单,我们以此为例逐步实现图像的翻滚:img-rollover.html <head...
阅读(4531) 评论(2)
45条 共3页1 2 3 下一页 尾页
    个人资料
    • 访问:176958次
    • 积分:1763
    • 等级:
    • 排名:千里之外
    • 原创:43篇
    • 转载:1篇
    • 译文:1篇
    • 评论:54条
    博客专栏
    more
    最新评论