代码编织梦想

js动态案例1-爱代码爱编程

js动态案例1 题目:分时问候案例(分时显示不同图片以及不同的问候语) <body> <img src="img/iu.jpg" alt=""> <div>上午好</div> <script> //根据系统时间来变化图片和文字 //第一步

js入门(ES6)[三]---认识Symbol、Map、 Set-爱代码爱编程

认识Symbol、Map、 Set、Proxy Symbol用法方法Symbol.for()Symbol.keyFor()使用场景Map用法添加/删除迭代合并MapSet用法添加/删除 由于马上要考研了所以更新慢且有点水 Symbol 表示独一无二的值 用法 let test = Symbol(“test”); 控制台打印结

Object.prototype.toString和call()-爱代码爱编程

Object.prototype.toString.call(arg)详解 经常能碰到Object.prototype.toString.call对参数类型进行判断,一开始只知道怎么使用,却不了解具体实现的原理,最近恶补了一下相关知识,写个笔记加强理解,有什么不对的请指教。 首先看一下针对不同类型的参数得到的结果,加上浏览器都兼容,所以,这也成为经常用于参

vue限制input内容为非空、数字,并且限制长度-爱代码爱编程

vue限制input内容为非空、数字,并且限制长度 html #prop 属性设置为需校验的字段名即可 #show-word-limit打开计数器 非必要 #maxlength="16" 限制输入内容长度最大为16位 <el-form-item label="测试" prop="code" class="el-col-md-11"> &l

利用js动态创建页面-爱代码爱编程

数据的增,删,改,查是任何一门语音都必须熟练掌握的。 在js中,创建元素的关键字是document.createElement(string)。string是需要创建的标签名。 要求:创建一个学生成绩的表,并可以完成删除 <!DOCTYPE html> <html lang="en"> <head> <m

算法:二分查找-爱代码爱编程

用途: 对有序数组的查找 思路: 将有序数组分为两部分,用其中位数与目标数进行比较 若不相等,则在有可能存在目标数的区间内再进行二分、比较中位数和目标数中位数与目标数相等:输出索引值代码实例: function search (arr,target) { let start = 0 let end = arr.length - 1 w

盘点ES6之后每次版本更新-爱代码爱编程

盘点平常使用频繁,对开发者有重大意义的变更,无感的基本就没写,感兴趣的可以参考这篇 ES3到ES11都增加了什么 ES6 1、let 和 const新的申明变量的方式和变量的作用域 区别1:var声明的变量会挂载在window上,而let和const声明的变量不会 区别2:var声明的变量存在变量提升,而let和const不存在变量提升 区别3:le

一起学爬虫(Python) — 15 进攻,有道翻译!-爱代码爱编程

一起学爬虫(Python) — 19 年轻人,进来学自动化 前言 Hello,大家好,这里是超级勤奋的小泽亲~ 因为不会用目录所以直接不用目录… 那么今天要干什么呢? 标题不都说了嘛,进攻,有道翻译! 进攻,有道翻译! 虽然说我们昨天已经试图进攻过有道翻译了,而且也貌似实现了效果,但是那只是一种错觉,其实昨天可以借鉴的主要是思路,总体来说是比

js里各种for的区别-爱代码爱编程

js里各种for的区别 For/In 循环 实例 var array={fname:“Bill”,lname:“Gates”,age:56}; for in 针对json数组用这个 for(let index in array) { console.log(index,array[index]); };

DOM的基础使用-爱代码爱编程

首先要了解一些必要的定义。 DOM-文档对象模型,DOM可以把HTML看做是文档树,通过DOM提供的API可以对树上的节点进行操作。 文档:一个网页可以称为文档。 节点:网页中的所有内容都是节点(标签、属性、文本、注释等)。 元素:网页中的标签。 属性:标签的属性。 想要js与html联系起来,首先我们要获取到元素(有很多方法),然后对元素进行操作(设置其

Js函数介绍-爱代码爱编程

js函数 什么是函数,函数可以理解为,封装好的代码块,有独立的作用域,在某代码调用它时被执行。 1.函数的语法 语法:通过 function 关键词进行定义,其后是函数名和括号 ()。括号里里面放形参数,括号号后面{ },{ }里面放的就是要执行的代码。 然后就是函数的调用,函数名加括号,调用时,括号里面放实参数;如下函数的创建: func

el-input+el-tree组合可选父级或子级目录-爱代码爱编程

效果图 完整代码 <template> <div> <div v-clickoutside="closeTree"> <div @click="inputFocus"><el-input v-model="inputValue" :style="'w

node 内置模块fs 常用api-爱代码爱编程

fs模块 模块中所有方法都有同步和异步两种形式,fs模块用于对系统文件及目录进行读写操作。要使用此模块: c(creat) u(update) r(read) d(dle) 导入 const fs=require('fs') 1.readdir()异步读取文件夹目录 fs.readdir('./',(err,data)=>{

2020/12.12 函数-爱代码爱编程

函数: 定义: function 定义函数 foo 函数名 a,b为形参可以为多个 注意:函数在定义阶段不会执行 function foo(a,b){ 下面这是方法体 形参的作用 接收实参 对象关系 如果没有传递实参 就为 undefinnd console.log(‘hellow wor’); console.log(‘a=======’,a); con

JavaScript进阶第三天(节点操作+事件对象)-爱代码爱编程

01、删除节点node.removeChild(child) eg: <body> <button>删除</button> <ul> <li>熊大</li> <li>熊二</li> <l

微信小程序 讨论区留言间隔1分钟以上的显示时间-爱代码爱编程

微信小程序 讨论区留言间隔1分钟以上的显示时间 在讨论区里显示发言时间,1分钟以内的发言只在第一个发言时显示时间。看代码: 用下面这个方法获取数据库中的发言信息数组goodsMessageList,其中有发言信息,发言人信息和发言时间time字段(精确到分钟),这是发言时和信息一起存入数据库的, 这时用goodsMessageList.reverse()

js获取元素样式-行内样式、内部样式、外部样式-爱代码爱编程

js获取元素样式 一、行内样式具体实现二、获取所有样式具体实现 一、行内样式 具体实现 在js获取到dom元素之后,使用其style属性即可获取到其所有的行内样式 <div id="div1" style="width: 100px; height: 200px"></div> const div1 = doc

DOM基础笔记——getBoundingClientRect() / getClientRects()-爱代码爱编程

getBoundingClientRect() 返回元素的大小及其相对于视口的位置。 返回的是DOMRect对象. width / height content-box : width + padding + border border-box : width IE9+ x左边到视口的距离    IE不支持y上边到视口的距离    IE不支持to

自己设计的Vue3的实用项目(内含对项目亮点的实现思路与介绍)-爱代码爱编程

在11月初的时候,我给自己定的目标:了解完 Vue3,然后做一个小项目 其中,Vue3 是早就学完了的,然后也写了两篇总结或是心得吧,其中有很多都是在做项目中踩出来的坑,所以大家可以看一下,避免之后开发中遇到: 快速使用Vue3最新的15个常用API(400+ 个👍)关于Vue3获取当前组件实例的 getCurrentInstance 方法的补充(30

第三章基本概念之操作符-爱代码爱编程

一元操作符: 就是只能操作一个值的符号 ++a–a+a-a递增和递减操作符: ++和–: 递增和递减操作符遵循以下规则: 对于字符串: 假如字符串有数字,则先将字符串转为数字值,再执行加减1的操作,此时字符串变为数值变量 假如没有数字,则将字符串变量变成NaN,此时字符串变为数值变量。对于布尔值,先把true/false转为1/0,然后再执行加减1