- 博客(45)
- 收藏
- 关注
RSS订阅原创 Antd插件rangePicker组件限制选择时间范围为1年
最近对选择日期有限制，要求默认初始显示为前一个月的时间，结束时间为当前时间，并且可选择的范围为12个月题主使用的是antd4版本的。
2023-03-09 16:05:32
2892
1
原创 js算法题
1.递归算法实现10的阶乘思路：10的阶乘是 1x2x3…10 = 10!,从中我们开始看出1,2,3,4…10是迭代增加的，我们可以设置一个变量来控制1到2,2到3一直到10的增加。同时我们需要得到结果，我们就可以设置一个变量作为结果。var result = 1;for(var i = 1;i<=10;i++){ result *=i; } console.log(result);...
2022-02-22 09:50:39
283
原创 小程序之自定义扫码界面和扫码api学习
微信小程序扫码使用wx.scanCode(Object，Object)调起客户端扫码界面进行扫码这个是小程序提供的相关扫码api，可以直接调用该api实现扫码相关参数使用例子：直接调用api，然后参数的话可以参考微信公众号平台网站//scan.js /** * 页面的初始数据 */ data: { scanCode:'扫码', }, scanCodeEvent: function(){ var that = this;
2022-02-21 18:27:53
2748
原创 React学习
constructor踩坑本来是来学习react中的state状态的，然后跟着文档手敲了以下代码 class Clock extends React.Component{ constructor(props){ console.log(2); super(props); this.state = {date:new Date()}; }
2021-12-08 17:49:46
511
原创 数据劫持原理
let data={ name:'terry'}let _this={}// 通过使用Object自带的defineProperty方法将data中值赋值给_thisfor(let item in data){ Object.defineProperty(_this,item,{ // 获取属性的时候调用该方法 get(){ console.log("get()"); return data[item]
2021-11-15 17:10:26
653
原创 小程序学习
小程序1.数据绑定1.小程序 1.data中初始化数据 2.修改数据：this.setData() 1.修改数据的行为始终是同步的data:{ x:10, y:20} //tap方法更改x,y的值tap(){ this.setData({ x:50, y:50 }) }, 3.数据流 1.单项数据流：从model-》view2.Vue 1.data中初始化数据
2021-11-15 16:40:12
739
原创 nodejs学习笔记
nodejs1.单页面程序和多页面程序单页面程序：一般部署在静态服务器上（Apache)/，只有一个根节点， 浏览器渲染有什么特点？js执行过程中产生大量的dom节点，填充在#app上，bundle.js执行产生大量的dom，注入到index.html 多页面程序：服务器渲染，在服务器端有一个nodejs ,通过node app.js将js启动起来，jade,jsp均为服务器端的模板 后台管理系统一般是单页面门户系统一般是多页面2.浏览器端与服务器端的交互浏览器可
2021-11-04 20:31:08
113
原创 算法刷题LeetCode
以下算法题均来自LeetCode1.两数之和给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/two-sum解题：解题思路此处撰写解题思路代码/** * @param {number
2021-10-27 19:59:23
170
原创 前端算法题
前端算法题以下题目均是牛客网1.dom 节点查找描述查找两个节点的最近的一个共同父节点，可以包括节点自身输入描述：oNode1 和 oNode2 在同一文档中，且不会为相同的节点function commonParentNode（oNode1，oNode2）{}思路：这种题目使用递归比较简单，通过递归层层获取父节点function commonParentNode（oNode1，oNode2）{ //首先获取两个节点的父节点 let parentNode1 = oNode1.pare
2021-10-13 20:27:07
144
原创 vue知识点之组件，插槽，数据劫持，事件发射，模块化
1.MVM: m:model:数据模型，data[数据state] v:view 视图，模板，template 数据绑定？事件绑定 v-bind v-on {{}} 这些都是vm进行数据解析 vm viewModal(封装dom)2.vue实例 模块化，一切皆模块，一个模块是一个html/css/js的一个完整功能的单元，自定义标签，（vue能够识别自定义标签） vue.状态 vue.方法3.渲染 将状态显示到视图中 model–>view
2021-10-11 19:57:38
252
原创 原生vue实现简单的轮播图
实质：通过左右按钮实现图片的上下切换，先将图片地址存储在数组中，然后利用索引实现的图片的切换，和之前用JavaScript实现轮播图的原理一样，https://blog.csdn.net/qq_45030966/article/details/120145990具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv
2021-10-05 15:28:57
580
原创 map实现购物车的增删改查
一、业务需求通过调用购物车中的增删改方法，实现对删除的增删改查，使用map的一些方法来进行实现二、代码应用设计思路：使用类对购物车进行封装，将增删改查作为购物车的一个原型方法，在静态属性constructor中new一个map实例用来作为购物车。购物车使用map集合，一种商品对应一种数量1.添加商品时，可以先判断购物车中是否含有该商品，如果有，则只需要在原数量的基础上增加数量。如果没有，则直接将商品放入购物车2.删除商品，同上3.清空商品4.计算商品的总价，计算商品的总价需要获取商品的数量以
2021-09-23 20:02:33
667
原创 es6之代理、反射和generator函数
一、proxyproxy可以理解成在目标对象设置一层拦截代理：1、对象 setter、getterlet obj = { name: ''}//目标对象let proxy = new Proxy(obj, {//代理 set(target, key, value) { console.log('setter'); target[key] = value; }, get(target, key) { console.
2021-09-22 19:32:51
95
原创 重写post和get方法
一、重写jQuery的get请求对ajax中的get方法进行重写1.首先得知道get请求需要传递的参数 url, data header success/error2.其次知道在get方法中传递这些参数的作用let xhr = new XMLHttpRequest() url表示请求的地址 data：表示传递进去的数据，get请求的数据是放在url中，需要给url做一个与data的拼接 url = url+'?'+Qs.stringify(data)xhr.open('
2021-09-17 21:52:51
681
原创 es6基础语法
1、语法标准： 开发者 执行者（node.js /浏览器） 1.安装nodejs 2.查看版本 3.第一个程序 1）nodejs交互界面 2）编写代码，执行hello.js2、注释3、变量声明 弱类型ECMAScript5 重复声明 var a; 变量的提示 es5 函数作用域function foo() { var result = 0; for (var i = 0; i <= 100; i++)
2021-09-16 19:20:30
165
原创 jquery与ajax实现增删改查
jquery与ajax实现增删改查对于本项目，jquery与ajax实现当前页面的增删改查jquery获取当前页面的数据，ajax与后台接口进行连接，将后台数据返回到前端，将前端数据送回后台准备操作：1.将项目上传到云服务器上，并且通过 java -jar xxx.jar命令行运行当前jar包。运行成功后，打开http://ip:端口号/swagger-ui.html页面查看接口。2.连接云服务器数据库新建数据库，xxtx,将sql文件导入进来。导入成功之后，给当前云服务器的数据库创建用户名
2021-09-14 21:57:56
6558
原创 Ajax基础学习
1.ajax前端技术 前端技术：在浏览器中执行的程序都是前端，HTML，css，js等 后端技术（1）全局刷新：使用form，href等发起的请求是全局刷新用户发起请求，视图改变了，使用新的数据添加到页面缺点：1.传递数据量比较大，占用网络的带宽2.浏览器需要重新渲染整个页面3.用户的体验感不好（2）局部刷新：在当前页面中，发起请求，获取数据，更新当前页面的dom对象，对视图部分刷新（异步对象，在浏览器内存中的JavaScript对象，各大浏览器都能支持异步对象异步对象
2021-09-12 09:27:45
180
原创 jQuery知识点总结
1.jQuery 是一个快速小巧、功能丰富的第三方JavaScript库 功能： 1.选取HTML元素 2.操作元素 3.CSS操作 4.操作HTML事件 … 使用：引入链接到需要的HTML文件中 1.直接引入网络资源 2.将网络资源下载到本地去引入2.jQuery的使用2.1$(选择器)普遍选择器 选取所有元素console.log($("*"));标签名选择器 选取的为数组 console.log($("p"));
2021-09-10 15:46:34
251
原创 js之图片轮播简易
要想简单的实现图片的轮播，当点击 上一张按钮 跳转到上一张，点击 下一张按钮 跳转到下一张图片。html和css代码：<body> <div class="outer"> <!-- 实现图片的轮播 并告诉用户现在是第几张图片 --> <p></p> <img src="img/1.jpg"> &l...
2021-09-06 22:22:32
222
原创 js之文档对象模型
目录Node类型Node类型的属性Node类型的方法Document类型Document类型属性 Document类型方法Element类型Element类型属性Text类型Comment类型 注释类型DOM是针对HTML对XML文档的API，DOM描绘一个层次化的节点数，允许开发人员添加，移除，修改页面的某一部分。Node类型JavaScript中所有的节点类型都继承自Node类型，所有的节点类型...
2021-09-06 16:19:45
329
原创 javascript之继承
最近学习了JavaScript中的继承，我觉得其中需要掌握的是对于继承的形式以及如何去继承这些方面，比较常用的继承是原型链继承，经典继承，组合继承。1.原型链继承原型链继承是 子类原型指向父类的实例对象，子类能够继承父类原型中的属性和方法。定义父类/定义父类function Person(name,age) { this.name = name; this.age = age; this.say = function () { console...
2021-09-03 16:49:34
142
原创 js工厂模式、原型模式、构造模式、组合模式
目录一、工厂模式优点缺点代码演示二、构造函数模式优点 缺点代码演示：三、原型模式 优点 缺点 代码演示四、组合模型代码演示一、工厂模式优点工厂模式是为了减少重复的代码，将实例对象进行封装，避免重复代码的产生缺点...
2021-09-03 13:57:34
330
原创 js中String，Date，Math对象学习
目录一、String包装器1.使用步骤2.常用方法和属性二、Date对象1.常用方法三、Math常用方法一、String包装器1.使用步骤1.创建String类型的一个实例---自动装箱2.在实例上调用指定方法3.销毁这个实例----自动拆箱2.常用方法和属性 length属性：获取字符串的字符数量 charAt(i)：返回给定位置的字符 charCodeAt(i):返回给定位置字符的编码...
2021-09-02 17:18:34
277
原创 html/css/js常见面试题
html1.块级元素与行内元素的区别块级元素独占一行，行内元素与其他块级元素共享一行 块级元素能够直接设置宽高，行内元素不能直接设置宽高，需要结合css的display来设置 块级元素能够嵌套块级元素和行内元素，行内元素只能嵌套行内元素。CSS1.清除浮动父子级 在子集元素最后一个元素添加一个空元素，为其添加一个clear:both（但是增加了无意义的元素结构） 父级元素添加overflow:hidden的属性 给父元素添加一个伪元素 ...
2021-09-02 08:46:03
626
原创 js中数组的方法
函数的名称 功能 传参 返回值 执行环境对象是否改变 push 在数组尾部新增数组元素 参数为需要传入的元素，用‘，’分割 数组的长度 改变 pop 在数组尾部删除数组元素 不需要参数 返回删除的数组的元素 改变 unshift 在数组头部新增数组元素 参数为需要传入的元素，用‘，’分割 数组的长度 改变 shift...
2021-08-30 19:31:42
68
原创 js原型链学习
今天学习了原型以及原型链下面，来讲述我的理解1.实例化Object和Stringvar obj = new Object();obj = { name: 'ss', eat: { fruit: 'apple' }, mind: function() { console.log('good'); }}Object和String都是构造函数，每个构造函数里面都有prototype的属性，分别调用prototype属性能
2021-08-25 19:43:04
54
原创 javascript基础1
今天学习了js的基础，使用了思维导图将知识点连接起来如图：代码的话就不做演示了，大家可以看看，有什么错误的话欢迎指出，思维导图是百度脑图，挺方便的，大家可以尝试着使用将知识点串起来。...
2021-08-23 16:04:54
63
原创 css之布局
1.默认文档流：从内到外，自上而下，从左到右2.display：none block(块级元素），inline(行内元素），inline-block(行块元素）3.float：none left right 4.position：定位布局 与top，right，left，bottom搭配使用position：position：static 静态定位：默认文档流 position：relative 相对定位：...
2021-08-15 20:23:17
61
原创 css之sprite（图片精灵）
用CSS Sprites能很好地减少网页的http请求，允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。主要利用的是CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置。下面举出具体例子通过使用图片精灵，完成对图片中第一列的图标进行定位
2021-08-15 19:57:06
278
原创 css之盒子
1.盒子模型，英文即box model。无论是div、span、还是a都是盒子。一个盒子的主要属性包括margin（外边距）、padding、width、height、border等2.盒子模型包括默认盒子又叫w3c盒子，content-box、内容盒子IE盒子边框盒子 border-boxDiv{width:200px;heigth:200px;padding:20px;margin:20px;border:20px solid red;}...
2021-08-15 19:46:49
102
原创 css学习之background
background属性例子：对body的背景进行设置body { background: #00FF00 url(bgimage.gif) no-repeat fixed top; }background 简写属性在一个声明中设置所有的背景属性。可以设置如下背景属性：background-color 规定要使用的背景颜色。 background-position 规定背景图像的位置。 background-size 规定背景图片的尺寸。 b
2021-08-10 20:30:03
309
原创 Collection学习第三天
今天主要学习了iterator迭代循环学习了next方法和hasNext方法以及对迭代器的重置迭代器的执行原理下面展示代码：package com.company;import java.util.ArrayList;import java.util.Iterator;public class IteratorMethod { public static void main(String[] args) { ArrayList list = .
2021-08-08 08:53:43
79
原创 CSS学习
1.css 层叠样式表，用来修饰文档的语言，相当于给HTML文件进行“打扮”， 为了将内容和样式进行分离，提高了工作效率（外部样式）2.css声明 css核心功能：给特定的属性设置特定的值 css的属性和值（大小写敏感） 属性和属性值通过“:”分割background-color: black3.css声明块 将多个css声明写在一起，声明和声明之间通过‘；’ 分割，使用‘{}’将多...
2021-08-07 15:42:37
111
原创 html5之表单学习
1.form表单主要用于用户与Web服务器进行交互 action:url 用来处理表单信息的服务器地址 method 浏览器用来提交表单的方式 常用的get/postget:通过这种方式提交的表单数据，会被附加在我们的链接上，通过"?"分割，发送敏感内容不建议使用<form action="" method="get"> 用户名： <input type="text" nam...
2021-08-05 09:10:04
197
原创 html之table学习
1.table标签表格 table thead tr>th tbody tr>td tfoot 属性 align:对齐方式 center,left,rgiht border:边框 整数 px cellspacing:单元格与单元格之间的距离 cellpadding:内容与单元格之间的距离 bgcolo...
2021-08-03 20:19:33
132
原创 Collection学习第二天
今天照例学习了关于Collection集合的相关内容，今天学习了Collection的常用方法然后通过具体的实现方法，更加了解了这些方法的使用package com.company;import java.util.ArrayList;import java.util.List;public class CollectionMethod { public static void main(String[] args) { List list = new Arr
2021-08-03 09:33:21
57
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人