zl程序教程

前端 练习

  • 野生前端的数据结构练习(10)希尔排序,归并排序,快速排序

    野生前端的数据结构练习(10)希尔排序,归并排序,快速排序

    【摘要】 shell sort也称缩小增量排序,是对插入排序算法的改进,其工作原理是定义一个间隔序列来表示排序过程中进行比较的元素之间有多远的间隔,每次将具有相同间隔的数分为一组,进行插入排序,大部分场景中,间隔是可以提前定义好的,也可以动态生成。在较大的数据集上,希尔排序对于插排的优化效果是非常明显的。

    日期 2023-06-12 10:48:40     
  • 野生前端的数据结构基础练习(6)——集合

    野生前端的数据结构基础练习(6)——集合

    【摘要】 集合Set是一种不包含不同元素的数据结构,主要特性包括无序性和单一性,即集合中的成员是无序的,同时也是不重复的。 网上的相关教程非常多,基础知识自行搜索即可。 习题主要选自Orelly出版的《数据结构与算法javascript描述》一书。 参考代码可见:https://github.com/

    日期 2023-06-12 10:48:40     
  • 野生前端的数据结构基础练习(3)——链表

    野生前端的数据结构基础练习(3)——链表

    【摘要】 网上的相关教程非常多,基础知识自行搜索即可。习题主要选自Orelly出版的《数据结构与算法javascript描述》一书。 参考代码可见:https://github.com/dashnowords/blogs/tree/master/Structure/List 链表的基本知识 特点:

    日期 2023-06-12 10:48:40     
  • 野生前端的数据结构练习(1)——栈

    野生前端的数据结构练习(1)——栈

    习题主要选自Orelly出版的《数据结构与算法javascript描述》一书。 参考代码可见:https://github.com/dashnowords/blogs/tree/master/Structure/Stack 基本练习 根据栈的特性实现一个Stack类,并在后续题目中需要用栈时使用它。 编写一个函数unitTrans(

    日期 2023-06-12 10:48:40     
  • 野生前端的数据结构练习(10)希尔排序,归并排序,快速排序

    野生前端的数据结构练习(10)希尔排序,归并排序,快速排序

    【摘要】 shell sort也称缩小增量排序,是对插入排序算法的改进,其工作原理是定义一个间隔序列来表示排序过程中进行比较的元素之间有多远的间隔,每次将具有相同间隔的数分为一组,进行插入排序,大部分场景中,间隔是可以提前定义好的,也可以动态生成。在较大的数据

    日期 2023-06-12 10:48:40     
  • 野生前端的数据结构练习(11)动态规划算法

    野生前端的数据结构练习(11)动态规划算法

    【摘要】 dynamic programming被认为是一种与递归相反的技术,递归是从顶部开始分解,通过解决掉所有分解出的问题来解决整个问题,而动态规划是从问题底部开始,解决了小问题后合并为整体的解决方案,从而解决掉整个问题。 一.动态规划算法 dynamic programming

    日期 2023-06-12 10:48:40     
  • 野生前端的数据结构基础练习(3)——链表

    野生前端的数据结构基础练习(3)——链表

    【摘要】 网上的相关教程非常多,基础知识自行搜索即可。习题主要选自Orelly出版的《数据结构与算法javascript描述》一书。 参考代码可见:https://github.com/dashnowords/blogs/tree/master/Structure/List 链表的基本知识 特点: 链表由节点组成

    日期 2023-06-12 10:48:40     
  • 野生前端的数据结构基础练习(4)——字典

    野生前端的数据结构基础练习(4)——字典

    【摘要】 网上的相关教程非常多,基础知识自行搜索即可。习题主要选自Orelly出版的《数据结构与算法javascript描述》一书。 参考代码可见:https://github.com/dashnowords/blogs/tree/master/Structure/Dictionary 字典的基本知识 以键值对形式存储数据的数据结构&#

    日期 2023-06-12 10:48:40     
  • 前端面试练习-CSS实现固定宽高的div在不同分辨率屏幕上下左右居中

    前端面试练习-CSS实现固定宽高的div在不同分辨率屏幕上下左右居中

    绝对定位方案 div{ width: 200px; height: 200px; position: absolute; top: 50%; left: 50%; margin-top: -100px; //元素高度的一半 margin-left: -100px; //元素宽度的一半 } 刚

    日期 2023-06-12 10:48:40     
  • 前端面试题练习-圣杯布局float+position

    前端面试题练习-圣杯布局float+position

    (一共有三种方法,此处我只讨论一种方法) 在页面上的显示效果就是左右两边是个固定的宽度,中间的容器自适应;即根据页面大小的变化而变化。在开发中常用来做功能区域的划分。左边是一个导航菜单,右边是广告或者文章的列表,中间是主要的内容显示区域。 有很多文章分析圣

    日期 2023-06-12 10:48:40     
  • 【前端学习之HTML&CSS进阶篇】-- HTML第五篇 -- 表单练习(Bilibili注册界面模仿)

    【前端学习之HTML&CSS进阶篇】-- HTML第五篇 -- 表单练习(Bilibili注册界面模仿)

    【前端学习之HTML&CSS进阶篇】-- HTML第五篇 – 表单练习(Bilibili注册界面模仿) 文章目录 【前端学习之HTML&CSS进阶篇】-- HTML第五篇 -- 表单练习(Bi

    日期 2023-06-12 10:48:40     
  • 【前端学习之HTML&CSS】-- 视觉格式化模型之三 定位练习

    【前端学习之HTML&CSS】-- 视觉格式化模型之三 定位练习

    【前端学习之HTML&CSS】-- 视觉格式化模型之三 定位练习 文章目录 【前端学习之HTML&CSS】-- 视觉格式化模型之三 定位练习前言一、二级菜单代码HTML + CSS结果

    日期 2023-06-12 10:48:40     
  • Web前端基础练习---闪烁霓虹灯的实现

    Web前端基础练习---闪烁霓虹灯的实现

    话不多说,先看效果 源码先来以下~~~~ <!DOCTYPE html> <html lang="en"> <head> <meta ch

    日期 2023-06-12 10:48:40