javascript
MyDreamingCode
Life is not a bed of roses.
展开
-
LC:字符串转换整数 (atoi) + 外观数列 + 最长公共前缀 + 回文链表
LC:字符串转换整数 + 外观数列 + 最长公共前缀 + 回文链表原创 2022-07-04 22:51:21 · 88 阅读 · 0 评论 -
Node.js
说明,node相当于js用于后端的环境。使用:终端 node+文件一、fs 模块1. fs.readFile(path, [options], callback)path:必选参数,字符串,表示文件路径options:可选参数,表示以什么编码格式来读取文件callback:必选参数,文件读取完成后,通过回调函数拿到读取的结果PS:要导入fs模块,来操作文件const fs = require('fs');fs.readFile('./files/1.txt','.原创 2022-04-29 21:37:22 · 840 阅读 · 0 评论 -
art-template 模板引擎
一、简介说明:由于用字符串形式手动写入DOM元素,比较麻烦,于是引用模板。总共提供两个东西:1.数据 2.模板 ps:外加一个js文件template-web.js : 提供template函数 参数为 id, data注意:在模板时,另用一个script标签,type="text/html":1. 引入js文件<script src="jquery.js"></script><script src="template-web.js"&g...原创 2022-04-19 18:40:16 · 207 阅读 · 0 评论 -
jQuery属性操作
一、获取属性 (1)获取元素固有属性值 prop('属性名')(2)设置元素固有属性值 prop('属性名','属性值')(3)获取自定义属性值 attr('属性名')(4)设置自定义属性值 attr('属性名','属性值')(5)数据缓存:数据存放在元素的内存里 data(‘名’,'值') -- 设定值 data('名') -- 取值 注意:还可...原创 2022-04-19 18:15:44 · 522 阅读 · 0 评论 -
JavaScript——Call、Apply、Bind区别
一、call的用法1. 可以改变this指向2. 调用函数3. 参数传递 par1,par2,..var object = { name:'LiLi'}function fn(x,y) { console.log(this); console.log(x+y);}fn.call(object,1,2);二、apply的用法1. 可以改变this指向2. 调用函数3. 参数传递 [ par1,par2,.. ] 数组形式var objec原创 2022-04-15 13:00:28 · 603 阅读 · 0 评论 -
商品查询案例
一、界面<!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"&g原创 2022-04-14 09:25:44 · 384 阅读 · 0 评论 -
购物车案例
一、结构1. css* { padding: 0; margin: 0;}td { width: 100px; text-align: center;}.operate { cursor: pointer;}.operate span { display: inline-block; width: 15px; height: 15px; line-height: 15px; border: 1px solid #ccc;}.operate i原创 2022-02-19 23:23:53 · 412 阅读 · 2 评论 -
jQuery的基本使用
一、 jQuery对象与DOM对象DOM对象:原生js获取的对象jQuery对象:用jQuery方法获取的对象注意:1. jQuery对象只能使用jQuery方法,DOM对象只能使用原生js提供的方法2. jQuery对象与DOM对象的相互转换:(1)DOM转换为jQuery对象:$(DOM对象)var newli = document.querySelector('li');$(newli);(2)jQuery转换为DOM对象:$(DOM对象) $(...原创 2022-02-18 17:01:07 · 1524 阅读 · 0 评论 -
sessionStorage与localStorage
一、window.sessionStorage1. 生命周期:关闭浏览器窗口2. 使用范围:同一个页面下都可以使用3. 存储形式:键值对4. 操作:(1)存储数据:sessionStorage.setItem(key, value)(2)获取数据:sessionStorage.getItem(key)(3)删除数据:sessionStorage.removeItem(key)(4)删除所有数据:sessionStorage.clear()二、window.localS原创 2022-02-17 23:03:37 · 205 阅读 · 0 评论 -
js-移动端轮播图
一、基本结构1. html<div class="banner"> <ul class="lunbo clearfix"> <li><a href="#"><img src="uploads/banner3.jpg"></a></li> <li><a href="#"><img src="uploads/banner1.jpg"></原创 2022-02-17 19:22:26 · 923 阅读 · 1 评论 -
js-移动端触屏事件
一、移动端触屏事件1. touchstart:手指触碰到屏幕document.addEventListener('touchstart',function() { console.log('I touch you');})2. touchmove:手指在屏幕上滑动document.addEventListener('touchmove',function() { console.log('move');})3. touchend:手指离开屏幕document原创 2022-02-16 16:35:07 · 1245 阅读 · 0 评论 -
js-轮播图
一、轮播图样式 + 结构1. 结构(左右箭头、小圆圈、轮播图片区域)<div class="banner"> <a href="javascript:;" class="arrow_pre arrow"></a> <a href="javascript:;" class="arrow_next arrow"></a> <ul class="lunbo"> <li>原创 2022-02-15 23:12:50 · 227 阅读 · 0 评论 -
js的缓动动画
一、匀速动画<body> <button>点击移动</button> <div></div> <script> var btn = document.querySelector('button'); var div = document.querySelector('div'); btn.addEventListener('click', function()原创 2022-02-15 17:20:22 · 659 阅读 · 0 评论 -
offset相关概念+拖动模态框案例+放大镜效果
一、 offset相关概念offsetLeft: 指相对于带有定位的父级元素左侧偏移量(若无则以body为基准)offsetTop: 指相对于带有定位的父级元素上方偏移量offsetWidth:自身的width + padding + border 只读offsetHeight:自身的height + padding + border 只读demo:计算鼠标点击盒子时,距离盒子的位置var box = document.querySelector('.box');box.ad原创 2022-02-14 20:31:26 · 592 阅读 · 0 评论 -
跟随鼠标的angel以及键盘事件
1. e.clientX e.clientY:相对于浏览器窗口可视区域的坐标2.e.pageX e.pageY:相对于文档页面的坐标3. e.screenX e.screenY:相对于电脑屏幕的坐标<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conte...原创 2022-02-13 22:30:20 · 152 阅读 · 0 评论 -
js事件(添加、删除)以及委托
1. 传统方式var btn1 = document.querySelector('#btn1');btn1.onclick = function() { // 注册事件 alert('hello'); this.onclick = null; // 删除事件} 2. addEventListener (IE9以上)btn1.addEventListener('click', fn);function fn() { alert('he原创 2022-02-13 20:19:21 · 691 阅读 · 0 评论 -
js全选、Tab栏切换、简易评论与动态表格
<!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>Do.原创 2022-02-13 11:27:31 · 101 阅读 · 0 评论 -
js-字符串(不可变)
一、根据字符返回位置以及根据位置返回字符1. 字符串名.indexOf(字符,起始位置)2. 字符串名.lastIndexOf(字符,起始位置) (从后往前)var str = 'my name is FL';console.log(str.indexOf('is')); // 8console.log(str.lastIndexOf('m')) // 5console.log(str.indexOf('m',1)); // 5console.log(str.indexOf('hell原创 2022-02-11 23:58:38 · 307 阅读 · 0 评论 -
js-数组
一、数组元素的增、删以及翻转1. 头部增添元素:数组名.unshift()2. 尾部增添元素:数组名.push()3. 头部删除元素:数组名.shift()4. 尾部删除元素:数组名.pop()5. 数组的翻转:数组名.reverse()// 1. unshift()var arr = [1, 2, 3];arr.unshift(0); // [0, 1, 2, 3]console.log(arr.push('yellow')); //5// 2. push()var原创 2022-02-11 20:07:44 · 124 阅读 · 0 评论 -
js函数中内置
1. arguments (如若不知道传递过来多少参数,可以用arguments来测一下)function getMax() { var max = arguments[0]; for(var i = 1; i <arguments.length; i++) { if(max < arguments[i]) { max = arguments[i]; } } return原创 2022-02-11 11:49:34 · 49 阅读 · 0 评论 -
js-倒计时 + 发送短信
function countDown(time) { var nowTime = +new Date(); var oddTime = +new Date(time); var times = (nowTime - oddTime) / 1000; var d = parseInt(times / 60 / 60 / 24); var h = parseInt(times / 60 / 60 % 24); var m = parseInt(times / 6.原创 2022-02-11 19:03:15 · 255 阅读 · 0 评论