- 博客(21)
- 收藏
- 关注
原创 Angular 0基础上手之新手村-----Tour of Heroes
你要把大型组件拆分成小一点的子组件,每个子组件都要集中精力处理某个特定的任务或工作流。当前我们使用的是假数据,但在实际开发的过程是需要从任何地方获取数据,比如:Web 服务、本地存储(LocalStorage)或一个模拟的数据源。然后我们先去修改它的html部分,将原来的展示部分全部迁移到新组件中,并将原组件代码补充。的位置发生了改变,我们不得不添加 @Input() hero 属性,使其生效。接着,我们将服务在组件中引入,注意 我们在引入之后还需在。真实的英雄当然不止一个名字,我们还可以添加一个类。
2023-11-11 15:19:24
259
原创 angular13 点击表格下拉bug事件
这是一个简单的表格,我们从Ant Design 中找到angular部分,在里面就可以找到各种组件了;于是,我们·可以基本判断 由于这个组件的问题 它使我们在这个列表的每一个位置都能触发下拉状态;可是我们进行操作的时候是不需要触发这个状态的,所以在这里我们写一个点击事件给这三个操作。但是我们这个操作会让原本直接点击列表触发下拉受到影响 因为我们把。当我们点击操作时,它的下拉状态也被触发了;我们写一个判断,把下拉状态内容的执行限制住。这样我们点击操作的时候让这个状态为。这样当我们点击操作的时候。
2022-10-20 17:08:11
685
原创 javascript的set()集合解决一个算法问题
首先我们了解一下set()集合是什么? set()集合是一个类数组集合,没有长度、下标,他可以将重复的元素剔除出去。
2022-06-13 17:26:20
191
原创 JavaScript 利用Ajax制作一个汇率转换器
照常我们先上效果(先上dj,先上djbushi): 我们先制作一个这样的简单页面 html及css代码如下: <style> * { margin: 0; padding: 0; list-style: none; box-sizing: border-box; } :root { --mian-color: #0096
2022-05-18 22:56:27
1060
1
原创 使用javascript的原型实现数组去重
我们首先使用常规函数的方法实现数组去重。 这里就需要去了解indexOf()这个方法 : 返回某个指定的字符串值在字符串中首次出现的位置。 注释:indexOf() 方法对大小写敏感! 注释:如果要检索的字符串值没有出现,则该方法返回 -1。 我们通过检索值是否出现返回 -1 来记录数组中第一次出现的值,然后将其他不返回-1(也就是重复值)的值删除。 var arr = [1,2,2,3,4,5]; function a(arr) { var arr1 = []; for(v
2022-05-07 14:55:15
603
原创 js制作点击跳转页面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2022-03-28 23:00:54
5288
原创 js用两个栈实现一个队列,完成在队列尾部插入整数和在队列头部删除整数的功能。
声明:这是一道来自力扣的算法题,相关请登录该网站查看; 这里我们用js来解决以下问题 用两个栈实现一个队列。队列的声明如下,请实现它的两个函数 appendTail 和 deleteHead , 分别完成在队列尾部插入整数和在队列头部删除整数的功能。(若队列中没有元素,deleteHead 操作返回 -1 ) 示例: 输入: ["CQueue","appendTail","deleteHead","deleteHead"] [[],[3],[],[]] 输出:[null,null,3,-1] 首先我在这
2022-03-25 11:30:19
767
1
原创 js实现放大镜功能
如下是效果视频: Document - Google Chrome 2022-03-21 22-50-26 首先我们制作两个容器用于存放原图和放大后的图片 <div class="shop"> <div class="slider"></div> </div> <div class="mirro
2022-03-21 23:01:55
458
4
原创 javascript解决两数之和问题
给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标。 你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。 你可以按任意顺序返回答案。 示例 1: 输入:nums = [2,7,11,15], target = 9 输出:[0,1] 解释:因为 nums[0] + nums[1] == 9 ,返回 [0, 1] 。 示例 2: 输入:nums = [3,2,4], target =
2022-03-07 22:12:28
510
原创 JavaScript作用域详解1
作用域的概念和分类 概念:通俗来讲,作用域是一个变量或函数的作用范围。作用域在函数定义时,就已经确定了。 目的:为了提高程序的可靠性,同时减少命名冲突。 在 JS 中,一共有两种作用域:(ES5 中) 全局作用域:作用于整个 script 标签内部,或者作用于一个独立的 JS 文件。 函数作用域(局部作用域):作用于函数内的代码环境。 下面我们来单独讲一下全局作用域。 全局作用域 和 window 对象 直接编写在 script 标签中的 JS 代码,都在全局作用域。全局作用域在页面打开时创建,在页面关闭时
2021-12-04 22:33:00
462
原创 前端微小项目(js+html+css实现简单倒计时)
首先告诉前端小白们这个组合的含义 组合成员 带包含义 html 文本 css 样式 JavaScript 效果 它们各司其职,我们会将html的内容用css改变它的样式,颜色大小及一切,不管它的初始模样是怎么样的都可以在这里改变,然后是JavaScript给我们的html+css的组合添加一个效果,可以是我们之前做过的满天星以及飘落雪花的视觉效果,也可以是内部有着运算的数学效果。 今天为了更好理解JavaScript,我们用这样的一个组合写一个倒计时器。 1.html文本部分
2021-11-30 21:57:46
877
1
原创 html+css 实现五环居中(久违的文本加样式组合来啦)
1.制作容器 首先我们用html来写文本部分 <div class="plat"> <div class="circle1"></div> <div class="circle2"></div> <div class="circle3"></div> <div class="circle4"></div> <
2021-11-29 21:24:34
228
原创 JavaScript立即执行函数详解(搭配不想要的闭包更佳哦)
1.什么是函数? 我们先了解一下对于函数的定义 函数 : 就是将一些功能或语句进行封装,在需要的时候,通过调用的形式,执行这些语句。 在javascript中我们用function来声明一个函数,当我们用typeof返回一个函数的时候,返回值是function类型;如下 这里的function类型叫做函数方法。 2.函数的作用。 将大量重复的语句抽取出来,写在函数里,以后需要这些语句的时候,可以直接调用函数,避免重复劳动。  
2021-11-28 18:30:33
639
原创 js快速三角形(一个把js玩到极致的帅气博主)
话不多说直接上干货 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti
2021-11-28 15:41:41
216
原创 JavaScript闭包详解(全网最细讲解,如果不是。那当我没说hhh)
首先我们得了解一下什么是闭包? 我们看百度词条是这样解释的 闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。 很显然,几乎了解不了闭包的意思(这里对百度没有任何不好的言论导向),也不知道闭包的有关信息。所以我们从闭包的生成原因来探究 什么是闭包? 1.闭包的形成 首先我们来看其他互联网平台对闭包的解释 闭包:
2021-11-27 22:45:17
1663
1
原创 JavaScript实现雪花飘落效果
首先上效果 Document - Google Chrome 2021-11-21 20-35-49 我们第一步就是把上次的代码给它Ctrl+c / Ctrl+v 然后把里面的星星图案给他换成雪花 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &
2021-11-21 22:14:53
1363
原创 JavaScript的对象(全网最详细解析,如果不是,那当我没说)
首先提一个问题,什么是对象? 这个并不是谈恋爱的那个对象阿,不然的话,巅峰时期的本博主可是拥有 ( var number = new fun(x) x = 1 - 1) number();个对象了。 1.对象是一个被抽象的具体概念,怎么说呢,就比如 一个桌子 你可以把它当作成一个对象;一个杯子里面的水也可以看成一个对象;一个人;一个学校;一个社会系统;一个梦想;总之这个世界上的所有东西 看得见的,看不见的,都可以把它抽象成一个对象。 2.在 JavaScript 中,对象是一组无序的相关属性
2021-11-20 19:31:06
993
原创 JavaScript 利用内置对象Mach的一个方法制作满天星
话不多说先上图 /视频待上传/ 首先了解一下js的内置对象Mach Math 和其他的对象不同,它不是一个构造函数,不需要创建对象。所以我们不需要 通过 new 来调用,而是直接使用里面的属性和方法即可。 Math属于一个工具类,里面封装了数学运算相关的属性和方法。如下: 四舍五入,取最大最小什么的完全没看头。只有中间的Math.random()方法让人眼前一亮 随机取数 而且还是浮点型数值 这不直接爽歪歪吗这,疯狂戴夫都直呼外币巴普。 话不多说我们直接上干货(有营销号那味儿了 /手动狗头) 首先我们找一
2021-11-19 17:56:33
1283
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅