- 博客(33)
- 收藏
- 关注
原创 js是实现键盘设置日期(input)
本功能是基于封装的datetime-input框进行的二次封装,加上上下左右修改日期的功能,只提供一种思路。
2022-11-01 16:36:20 673
原创 对象数组常见操作
在实际开发中总是要对后台的一些数据进行操作,然后后台数据总是以对象数组的形式获取,所以本文记录一下自己遇到的一些对对象数组的常见操作
2022-07-04 17:52:42 132
原创 React基础 笔记
React特点声明式组件化web,mobile,vrReact安装npm i react react-domreact使用引入<script src="./node_modules/react/umd/react.development.js"></script><script src="./node_modules/react-dom/umd/react-dom.development.js"></script>创建元素/
2022-05-15 19:52:57 181
原创 Vue生命周期
<!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"> <script src="./lib/v.
2021-04-27 11:08:52 94
原创 promise手写加载图片
function loadImg(src){ const p=new Promise((resolve,reject)=>{ const img=document.createElement('img') img.onload=function() { resolve(img) } img.onerror=function(){ const err=new Error(`图片加载失败,url为:${src}`) reject(er
2021-04-24 17:37:12 105
原创 正则表达式
Regular Expression对象作用匹配替换提取定义var reg=new RegExp(/123/)var reg2=/124/// 测试console.log(reg2.test(124));字符解释^开始$结尾[]字符集,任何一个都行,加上边界符就表示仅一个-范围[^]取反*0-∞+>1?0-1{3}重复3次{3,}≥3{3,16}3-16()其中所有
2021-04-22 17:40:08 139
原创 面试凉经
契约锁电话问判断数组与对象的方法es6的箭头函数与普通函数的区别电话一面git pull是由那两个命令组成的,git pull 与git fetch的区别map和set的区别cros跨域时cookie放在哪里cookie具体的请求头weakmap是什么es6伪数组promise的数组for与foreach遍历区别浅拷贝与深拷贝,转为字符串的缺点,递归调用的栈溢出如何解决感受我太菜了...
2021-04-22 12:55:09 198
原创 二叉搜索树
// 节点class Node{ constructor(value){ this.value=value; this.left=null; this.right=null; }}// 二叉搜索树class BinarySearchTree{ constructor(){ this.root=null; } // 插入节点到合适位置 insertNode(node,newNode){ // 判断新节点与当前节点的大小,然后小放左大放右
2021-04-15 22:11:44 80
原创 CSS3转换
2Dtranslate/* 移动x→,y↓ *//* 百分号移动距离是盒子自身的比较 */transform: translate(100px,100px);transform: translateX(100px);transform: translateY(100px);优点:不影响其他盒子位置缺点:对于行内元素无效rotate/* deg一定要带单位 */transform: rotate(45deg);transition: all 0.2s;/* 旋转中心:像素,单
2021-04-09 20:55:47 79
原创 DOM
DOMAPI:Application Programming Interface关于dom操作,我们主要针对于元素的操作。主要有创建、增、删、改、查、属性操作、事件操作。创建document.writeinnerHTMLcreateElement增appendChildinsertBefore删removeChild改主要修改dom的元素属性,dom元素的内容、属性, 表单的值等修改元素属性: src、href、title等修改普通元素内容: innerHTML
2021-04-07 20:42:31 88
原创 封装ajax
XMLHttpRequest()get// 创建xhrvar xhr=new XMLHttpRequest()// 调用xhrxhr.open('GET','http://www.liulongbin.top:3006/api/getbooks')// xhr.open('GET','http://www.liulongbin.top:3006/api/getbooks?id=1')// 发送xhr.send()// 监听xhr.onreadystatechange=function()
2021-04-07 20:28:41 87
原创 双向绑定原理
reduce()// reduce是数组的一个apiconst arr=[1,2,3,4,5,6,7]const res=arr.reduce((val,item)=>{return val+item},0)console.log(res);const obj={ name:'zs', info:{ address:{ location:'北京' } }}const attrs=['info','address','location']// c
2021-04-04 23:23:17 239
原创 手写promise
用类的方法来写promise声明HD.jsclass HD{//三种状态,pending->fulfilled,pending->rejected//过度->成功,过渡->失败 static PENDING='pending' static FULFILLED='fulfilled' static REJECTED='rejected' //构造函数,状态和传的值,以及改变状态的执行器 constructor(executor){ this.sta
2021-04-03 22:16:19 298
原创 Vue子父组件传值
父子关系父组件向子组件传值在父组件引入子组件Vue.component('son-item',{ // props:['title'], data(){ return { submsg:'子组件数据' } }, template:'<div>{{submsg+"---"+title}}</div>' })父组件调用子组件// 静态属性绑定<son-item title="来自父组件的
2021-04-01 20:30:20 123
原创 奖学金管理系统数据库设计
数据库基本操作数据库基本操作语句显示数据库show databases;使用数据库use scholorship;显示表show tables;数据库信息介绍名称数据库名称Scholorship(误)数据库密码1234561.系统管理员1.1系统管理员 SysAdminSysAdmin(和之后的名称规范不符,最好修改回来)字段类型长度说明空/非空约束条件Admin_Idint100
2021-04-01 12:47:40 3005 1
原创 前端面试题预热
htmlcss画出一个下三角.triangle{ width: 0; height: 0; border-bottom: 200px solid pink; border-left: 200px solid transparent; border-right: 200px solid transparent; }jsvue计算机网络性能优化
2021-04-01 12:46:16 348
原创 CSS3选择器
属性选择器// 选择既是button 又有disabled属性 的按钮button[disabled]{ cursor:default;}类选择器,属性选择器,伪类选择器 权重为10属性写法属性button[disabled]属性名div[type=‘search’]属性开头div[class^=‘icon’]属性结尾div[class$=‘icon’]属性包含div[class*=‘icon’]结构伪类选择器介绍写法
2021-04-01 10:04:41 74
原创 axios
get/delete传参最常见的是{params:{id:1,}}后台调用使用req.query.idpost/put传参直接使用{id:1}(json)或者new URLSearchParams()(表单)后台调用使用req.body.*响应结果resdataheaderstatusstatusText全局配置// 响应超时axios.defaults.timeout=3000// 基准urlaxios.defaults.baseURL='基准url'// 设
2021-03-31 19:47:23 138
原创 排序
排序十大经典排序算法-原文连接本博客只用于自己的笔记记录冒泡排序const arr=[20,30,10,2,60,4,28]var n=0function bubblesort(arr) { let l=arr.length // 由于从零开始,因此数组长度减一即可 for(let i=0;i<l-1;i++){ // 由于一次冒泡肯定能找出一个最大,因此再-i就可实现排序 for(let j=0;j<l-1-i;j++){ if(arr[j
2021-03-30 21:39:01 78
原创 浮动/定位
浮动浮动(float)传统网页的布局方式标准流标签按默认方式排列浮动浮动可以让块状元素在一行显示浮动会浮在上一个浮动的旁边定位浮动特性浮动元素会脱离标准流,不再保留原来的位置浮动元素会一行内显示并且在元素顶部对齐浮动元素具有行内块元素的特性 注:行内元素给宽高是无效的,转换成块或者行内块或者浮动浮动元素常和标准流的父元素搭配使用清除浮动当父盒子没高度的时候,浮动元素不占高度,此时父元素高度为0...
2021-03-29 20:38:23 118
原创 flex
flex布局原理通过给父元素添加flex属性,来控制子元素的位置和排列常见父元素属性flex-direction设置主轴方向,默认x操作代码默认flex-direction:row反转flex-direction:row-reverse竖直flex-direction:column竖直反转flex-direction:column-reversejustify-content设置主轴上子元素的排列方式操作代码默认just
2021-03-27 10:15:32 82
原创 Express
express安装:npm install express启动:node ./app.js注:npm init -y 在所在目录安装包管理配置文件创建express// 1.导入expressconst express=require('express')// 2.创建web服务器const app=express()// 3.启动web服务器app.listen(8080,()=>{ console.log('express server running at http://
2021-03-26 21:46:04 164
原创 http
http请求报文/消息请求行请求头部空行请求体http响应报文/消息状态行响应头部空行响应体响应状态码200 成功 post get201 新建成功 post put301 永久移动302 临时移动304 无修改,在客户端缓存调取数据400 客户端语义有误,参数有误401 需要验证权限403 拒绝访问404 无此资源408 请求超时500 服务器错误501 服务器无此请求方法503 服务器无法处理,维护或者超载...
2021-03-26 12:54:12 71
原创 命令行相关(git等
git命令说明命令行创建本地新分支git checkout -b dev(分支名)第一次上传远程仓库git push -u origin dev(分支名)cmdlinux(持续更新
2021-03-24 21:04:42 59
原创 开发CSS相关
开发项目背景图html,body{ margin: 0; padding: 0; height: 100%; width: 100%; /*不复制图片且图片居中*/ background: url(..) no-repeat center; background-size: cover;}表单居中 position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
2021-03-24 20:56:03 72
原创 JS常见面试知识
值和引用值在栈中保存 上->下引用在堆中保存 下->上深拷贝问题:一个对象复制为另一个对象的时候,由于存放在堆区(具体再看),因此改变复制对象后源对象也会发生变换,因此需要深拷贝。思路: 1.首先判断该变量类型是否为对象,不是则直接return 2.然后判断该变量类型为数组还是对象,创建相应的空的变量。 3.循环遍历一下对象的内容,如果都是他的本身属性(非原型属性),那么就递归调用该函数实现深拷贝。由于到末端的值都不为对象,因此在递归的时候会return出去然后赋值给
2021-03-23 22:47:11 104
原创 有用但不常用快捷键
windows快捷键效果操作创建新的虚拟桌面Win + Ctrl + D关闭当前虚拟桌面Win + Ctrl + F4打开文件资源管理器Win + E未完待续···
2021-03-23 22:06:16 72
原创 ES5新增方法(Array-String)
数组实例forEach()遍历数组var arr=[1,2,3]arr.forEach((value,index,array)=>{ console.log(value, '数组元素') console.log(index, '索引') console.log(array, '数组本身')})map()遍历数组filter()筛选数组var arr=[1,2,3,12,66,4,88]const res=arr.filter((value,index,array)
2021-03-23 19:00:37 91
原创 ES6语法
ES6语法let constlet const var的区别varletconst全局作用域块作用域块作用域存在变量提升不存在变量提升不存在变量提升值可变值可变值不可变解构赋值按照数组或对象依次对应的位置赋值数组解构let ary=[1,2,3];let [a,b,c]=ary;对象解构let person={ name:'zhangsan', age:'20' };let {name,age}=person;// 使用别
2021-03-23 16:13:50 161
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人