- 博客(15)
- 收藏
- 关注
原创 用游标思想实现js中的indexOf()函数
用游标思想实现js中的indexOf()函数昨天用递归思想实现了js中的indexOf()函数,今天又想了想,一般情况下人为是如何比对两个字符串的?可以把长串看作一个主尺,把短串看作游标,游标从主尺最左端开始,依次比较主尺上与游标对应的刻度(字符)是否相等,相等则返回主尺上游标首刻度对应的刻度的索引,不相等就移动游标一个刻度的长度,继续比较。直到主尺与游标右侧对齐。——一个一个比较,总结下来就是:拿短的串与长的串比,从长串中第一个字符开始,与短串第一个字符比较,若相等,两串都后移,比较第二对字符… 直到
2021-04-02 20:40:34
239
原创 用递归思想实现js中的indexOf()函数
用递归思想实现js中的indexOf()函数昨天写C语言的字符串操作相关算法时,其中一项类似于js中的字符串查找 str.indexOf(“target_str”); 想到了一种递归实现的方法。就想用js实现一下,模拟js原生的indexOf()函数对字符串的操作。代码如下://模拟indexOf()函数String.prototype.myIndexOf = function (sub_str) { //子符串数组化 var arr_sub_str = sub_str.split('');
2021-04-01 20:57:42
224
1
原创 Javascript Ajax小练习:电影网站免点击显示剧情简介
Ajax小练习:80S电影网免点击直接显示剧情简介1.由来每次在80S电影网选电影看时,看剧情简介是少不了的,由于电影列表页往往没有电影简介,要看简介就要点击进入详情页,那麽多的电影都要一个个点进去看,这在选择电影时就比较麻烦了。恰好最近刚学了Js中的Ajax请求,就想试着写几行代码练习一下。2.代码//80S电影网免点击直接看剧情简介(function(){ var ou...
2020-02-12 21:08:09
880
原创 Javascript结点操作小练习:遍历HTML页面
Javascript结点操作小练习:遍历HTML页面(function(){ //获得body var oBody=document.body; //自调用遍历HTML function ergHtml(e){ for(var i=0; i<e.childNodes.length; i++){ //判断是否是元素节点...
2020-01-30 13:24:23
203
原创 JS常用的节点操作和方法
Node>Document>documentElement>body>tagname1.创建节点我们常用的节点类型:元素节点(标签)属性节点(标签里的属性)文本节点(文本节点)createElement() 创建元素节点。appendChild() 把新的子节点添加到指定节点。insertBefore(新的子节点,指定的子节点) 在指定的子节点前面插入新的子...
2020-01-30 13:04:39
1091
原创 Bootstrap常用组件
bootstrap常用组件<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">...
2020-01-19 19:39:32
169
原创 Bootstarp全局样式
Bootstrap提供了大量的全局样式,基本的HTML元素均可以通过class设置样式并得到增强效果。1.文本类.text-left 内容左置.text-center 内容居中.text-right 内容右置.text-lowercase 内容变成小写.text-uppercase 内容变成大写.text- capitalize 内容首字母变大写.h1~.h6类名能为内...
2020-01-17 18:49:26
156
原创 Javascript实现文本内容的展开和收缩
文本内容的展开和收缩<!DOCTYPE html><html><head> <title>文本内容的展开和收缩</title> <meta charset="utf-8" /> <style> #content { width:400px; ...
2020-01-06 13:51:06
1052
原创 Javascript简单实现网页中的小开关
网页中的小开关<!DOCTYPE html><html><head> <title>开关</title> <script> window.onload=function(){ var oBtn = document.querySelectorAll('button')[0];...
2020-01-06 12:41:30
418
原创 Javascript实现内容切换选项卡
用Js写内容切换选项卡结构:<!DOCTYPE html><html><head><title>内容切换选项卡</title><meta charset='utf-8'><style>...</style><script>...</script></hea...
2020-01-05 23:56:51
356
原创 JS小练习(乘法口诀表、判断素数、反转数组)
标题:JS小练习(乘法口诀表、判断素数、反转数组)1.打印九九乘法口诀表<!DOCTYPE html><html><head> <title>js打印乘法口诀表</title> <meta charset="utf-8"/> <style> #outlook { width:400px; ...
2020-01-05 21:45:42
151
原创 求数组的和,最大值,最小值。运用冒泡排序,插入排序。
初学javascript:求数组的和,最大值,最小值。冒泡排序,插入排序。1.普通方法<!DOCTYPE html><html><head> <title>数组求值1</title> <meta charset="utf-8" /> <script type="text/javascript"> ...
2019-12-06 21:53:06
407
原创 初学Javascript,用Javascript实现简单的全选和反选功能
用Javascript实现简单的全选和反选功能结构 <h5 id="h5">全选</h5> <!-- 全选按钮--> <h5 id="h5-2">反选</h5> <!-- 反选按钮--> <input type...
2019-04-16 21:52:20
295
原创 outline-style属性
outline-style的属性值outline-style通常是元素外的边框,若outline-style加在div容器上,它表现为border外的又一层边框。outline-style:none | dotted | dashed | solid | double | groove | ridge | inset | outset:::::::::::::::::::::::::::::...
2019-04-16 19:15:15
472
原创 html中无序列表的默认样式及其修改:
html中无序列表的默认样式及其修改:在我们进行常规的网页设计的时候经常要用到无序列表;然而在css3中;无序列表是有默认样式的,这些默认样式对我们来说有时候是不合适的。 <ul> <li>列</li> <li>表</li> </ul>从上图可以明显的看出,列表前面有一个很可能没必要存...
2019-02-11 22:45:21
19245
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人