前端
文章平均质量分 60
溪午不闻钟_
这个作者很懒,什么都没留下…
展开
-
Javascript_浏览器访问本地文件跨域问题及解决方法
Javascript 浏览器访问本地文件跨域问题及解决方法原创 2021-12-14 11:57:27 · 5929 阅读 · 0 评论 -
在微信小程序中实现文字呼吸效果
之前写过一篇文章介绍了在网页中使用js实现文字的呼吸效果,点击跳转,但是这种方式里边通过style设置文字样式,在wxml中标签里面的运用是不可行的,因此需要探究一种新的设置方式。wxml代码<view class="record-area"> <button class="get-record" style="opacity:{{breathNum}}" > 文字呼吸效果 </button></view>js代码注意,在上述wxml代原创 2020-12-23 18:01:20 · 1420 阅读 · 0 评论 -
使用canvas制作简易的数据结构核心算法演示系统——查找(二)——二分查找
二分查找二分查找也称折半查找(Binary Search),它是一种效率较高的查找方法。但是,折半查找要求线性表必须采用顺序存储结构,而且表中元素按关键字有序排列。二分查找执行过程首先,假设表中元素是按升序排列,将表中间位置记录的关键字与查找关键字比较,如果两者相等,则查找成功;否则利用中间位置记录将表分成前、后两个子表,如果中间位置记录的关键字大于查找关键字,则进一步查找前一子表,否...原创 2020-04-30 19:09:35 · 191 阅读 · 0 评论 -
使用canvas制作简易的数据结构核心算法演示系统——查找(一)——顺序查找
查找查找在计算机科学中定义为:在一些(有序的/无序的)数据元素中,通过一定的方法找出与给定关键字相同的数据元素的过程叫做查找。也就是根据给定的某个值,在查找表中确定一个关键字等于给定值的记录或数据元素。顺序查找对于任意一个序列以及一个给定的元素,将给定元素与序列中元素依次比较,直到找出与给定关键字相同的元素,或者将序列中的元素与其都比较完为止。顺序查找核心代码int search...原创 2020-04-16 16:23:51 · 287 阅读 · 0 评论 -
使用canvas制作简易的数据结构核心算法演示系统——排序(三)——简单选择排序
选择排序选择排序(Selection sort)是一种简单直观的排序算法。它的工作原理是:第一次从待排序的数据元素中选出最小(或最大)的一个元素,存放在序列的起始位置,然后再从剩余的未排序元素中寻找到最小(大)元素,然后放到已排序的序列的末尾。以此类推,直到全部待排序的数据元素的个数为零。选择排序核心代码for(i=0;i<array.length;i++){ k=i; ...原创 2020-04-14 20:27:11 · 233 阅读 · 0 评论 -
使用canvas制作简易的数据结构核心算法演示系统——排序(二)——冒泡排序
冒泡排序冒泡排序(Bubble Sort)重复地走访过要排序的元素列,依次比较两个相邻的元素,如果顺序(如从大到小、首字母从Z到A)错误就把他们交换过来。走访元素的工作是重复地进行直到没有相邻元素需要交换,也就是说该元素列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端(升序或降序排列),就如同碳酸饮料中二氧化碳的气泡最终会上浮到顶端一样,故名“冒泡排序”...原创 2020-04-11 13:51:39 · 194 阅读 · 0 评论 -
使用canvas制作简易的数据结构核心算法演示系统——排序(一)——直接插入排序
排序排序是计算机内经常进行的一种操作,其目的是将一组“无序”的记录序列调整为“有序”的记录序列。分内部排序和外部排序,若整个排序过程不需要访问外存便能完成,则称此类排序问题为内部排序。反之,若参加排序的记录数量很大,整个序列的排序过程不可能在内存中完成,则称此类排序问题为外部排序。内部排序的过程是一个逐步扩大记录的有序序列长度的过程。直接插入排序直接插入排序(Straight Inse...原创 2020-04-10 10:56:25 · 164 阅读 · 0 评论 -
使用canvas制作简易的数据结构核心算法演示系统——栈与队列(二)——队列的操作
队列队列是一种特殊的线性表,特殊之处在于它只允许在表的前端(front)进行删除操作,而在表的后端(rear)进行插入操作,和栈一样,队列是一种操作受限制的线性表。进行插入操作的端称为队尾,进行删除操作的端称为队头。队列具有先进先出(FIFO)的特点入队列和出队列入队: 队q 存在。操作结果: 对已存在的队列q,插入一个元素x 到队尾,队发生变化;出队:队q 存在且非空,操作结果:...原创 2020-04-03 10:05:20 · 201 阅读 · 2 评论 -
使用canvas制作简易的数据结构核心算法演示系统——栈与队列(一)——栈的操作
栈栈(stack)又名堆栈,它是一种运算受限的线性表。限定仅在表尾进行插入和删除操作的线性表。这一端被称为栈顶,相对地,把另一端称为栈底。栈具有先进后出(FIFO)的特点入栈和出栈向一个栈插入新元素又称作进栈、入栈或压栈,它是把新元素放到栈顶元素的上面,使之成为新的栈顶元素;从一个栈删除元素又称作出栈或退栈,它是把栈顶元素删除掉,使其相邻的元素成为新的栈顶元素。入栈和出栈核心代码...原创 2020-03-22 16:56:03 · 266 阅读 · 1 评论 -
使用canvas制作简易的数据结构核心算法演示系统——线性表(三)——尾插法
链表链表是一种物理存储单元上非连续、非顺序的存储结构,数据元素的逻辑顺序是通过链表中的指针链接次序实现的。链表由一系列结点(链表中每一个元素称为结点)组成,结点可以在运行时动态生成。每个结点包括两个部分:一个是存储数据元素的数据域,另一个是存储下一个结点地址的指针域单链表单链表是一种链式存取的数据结构,用一组地址任意的存储单元存放线性表中的数据元素。每个结点的构成:元素(数据元素的映象...原创 2020-03-17 16:41:46 · 217 阅读 · 0 评论 -
使用canvas制作简易的数据结构核心算法演示系统——线性表(三)——头插法
链表链表是一种物理存储单元上非连续、非顺序的存储结构,数据元素的逻辑顺序是通过链表中的指针链接次序实现的。链表由一系列结点(链表中每一个元素称为结点)组成,结点可以在运行时动态生成。每个结点包括两个部分:一个是存储数据元素的数据域,另一个是存储下一个结点地址的指针域。单链表单链表是一种链式存取的数据结构,用一组地址任意的存储单元存放线性表中的数据元素。每个结点的构成:元素(数据元素的映...原创 2020-03-16 16:28:15 · 233 阅读 · 0 评论 -
WebStrom设置自动换行
在平时写代码的过程中,经常会遇到一行内需要写的代码过多的问题。如图所示,这样在看的时候很不方便,此时便需要使用编辑器的自动换行功能。方法为1.点击左侧灰色区域2.勾选上Soft-Wrap All Files注意,Soft-Wrap All Files是给所有页面设置自动换行,而Soft-Wrap Current File只是给当前页面设置自动换行,假如需要只给某一个页面设置换行,只勾...原创 2020-03-12 15:29:01 · 2062 阅读 · 0 评论 -
使用canvas制作简易的数据结构核心算法演示系统——线性表(二)
顺序表顺序表是在计算机内存中以数组的形式保存的线性表,线性表的顺序存储是指用一组地址连续的存储单元依次存储线性表中的各个元素、使得线性表中在逻辑结构上相邻的数据元素存储在相邻的物理存储单元中,即通过数据元素物理存储的相邻关系来反映数据元素之间逻辑上的相邻关系,采用顺序存储结构的线性表通常称为顺序表。顺序表是将表中的结点依次存放在计算机内存中一组地址连续的存储单元中。顺序表的删除以递增有序...原创 2020-03-07 16:40:30 · 223 阅读 · 0 评论 -
使用canvas制作简易的数据结构核心算法演示系统——线性表(一)
顺序表顺序表是在计算机内存中以数组的形式保存的线性表,线性表的顺序存储是指用一组地址连续的存储单元依次存储线性表中的各个元素、使得线性表中在逻辑结构上相邻的数据元素存储在相邻的物理存储单元中,即通过数据元素物理存储的相邻关系来反映数据元素之间逻辑上的相邻关系,采用顺序存储结构的线性表通常称为顺序表。顺序表是将表中的结点依次存放在计算机内存中一组地址连续的存储单元中。顺序表的插入对于顺序表...原创 2020-02-25 10:06:21 · 303 阅读 · 0 评论 -
js将字符串转化为数字
在js的使用中,往往伴随着有格式带来的问题,例如,在文本框获取的内容默认为string,此时若不进行转换,则在某些排序操作中会产生错误,如图所示此时就需要将字符串转化为数字进行操作,js转化为数字通常有三种方法1.转换函数...原创 2020-02-24 09:50:42 · 1874 阅读 · 0 评论 -
使用jquery获取,判断,清空文本框内容
对于文本框<input type="text" placeholder="请输入元素的值..." id="aimIuput" name="aimIuput"><input type="button" id="aimButton" value="确认">获取$("#insertIuput").val()或者$('input[name="aimInput"]')...原创 2020-02-22 12:00:13 · 485 阅读 · 0 评论 -
使用iconfont-阿里巴巴矢量图标库给网页添加web字体
对于一个页面来说,文字的作用是无可替代的,好的字体可以带来很好的用户体验,此时web字体会给开发和使用带来很大的便捷。一. 获取字体访问iconfont-阿里巴巴矢量图标库iconfont点击页面首部的“阿里巴巴普惠体”,或者右边三个小点点下的“网页字体”,如图所示此时可以看到页面在文本框里可以编辑想要的内容,注意,只有在文本框编辑过的内容才可以被使用底下的选择框可以选择想要的字...原创 2020-02-21 09:54:09 · 637 阅读 · 0 评论 -
H5学习——canvas与屏幕之间的坐标转换
在canvas的使用中,经常会用到鼠标进行交互,但是在交互的过程中难免会遇到一些问题,例如,对于一个居中显示的画布,如图所示众所周知,canvas的绘制过程中,是以画布的左上顶点为原点进行绘制,假如此时使用鼠标点击事件获取画布左上顶点的坐标,得到的结果为可见,得到的坐标并非是期望中的(0, 0)或者是和(0, 0)相近的值,这是由于鼠标事件是以document的左上角为原点获取坐标的,因此...原创 2020-02-20 11:00:40 · 2015 阅读 · 0 评论 -
H5学习(一)——使用canvas绘制五角星
首先观察五角星的图形,可见五角星共有十个角,五个内角,五个外角,分别位于以五角星形心为圆心的两个大小同心圆上,如图所示在此考察各个角的角度与坐标关系由于五角星每个角都是72°,因此对于第一象限,用90°-72°可得∠a=18°,根据角度关系可知∠b=54°,由此可以得到ABC三个点的坐标注意,纵坐标轴方向朝下A(cos18° * R,-sin18°R),B(cos54 * R,-s...原创 2020-02-16 10:20:24 · 1695 阅读 · 3 评论 -
使用css伪元素来实现边框的部分显示
在网页的制作过程中,经常会遇到需要给元素添加边框的情况,比如在ul中,如图所示此时假如要给原创 2020-02-13 15:01:23 · 5682 阅读 · 0 评论 -
借助jquery-backstretch插件实现网页背景图片自动轮播
最近在做的一个项目需要用到背景图片的自动轮播效果,偶然看到了jquery-backstretch这个插件,于是分享一下学习的经验下载地址和文档下载地址: https://github.com/jquery-backstretch/jquery-backstretch.git,在git的地址中就有详细的文档,同时在www.npmjs.com中也有该插件的文档,地址: https://www.np...原创 2020-02-13 11:29:55 · 702 阅读 · 1 评论 -
js实现文字闪烁呼吸效果
在网页设计中,为了使页面更加美观,编辑者经常会给网页添加一些动画效果,例如文字呼吸效果实现代码<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title></head><body><div&g...原创 2020-01-01 12:41:15 · 1883 阅读 · 0 评论 -
父元素未设置固定宽度,子元素水平垂直
父元素未设置固定宽度,子元素水平垂直居中欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导...原创 2020-01-01 12:12:14 · 156 阅读 · 0 评论