自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 资源 (2)
  • 收藏
  • 关注

原创 封装小程序图片预览组件-商品评价功能

小程序原生方法无法添加文字信息,故需要手动封装图片预览

2023-02-02 14:57:20 266

原创 小程序scroll-view实现三级分类左右联动,上拉加载以及下拉刷新

lower-threshold = ‘-50’,这里很坑,模拟器和安卓不行,ios可以,在滚动条触底的时候,ios可以继续往上拉一段距离,此时会来到下一页,无法兼容安卓,2. 滑动三级分类,二级分类跟着滚动有两种方式,scroll-into-view锚点和scroll-leftscroll-into-view锚点,前提得给商品列表每个子选项 一个唯一class,三级分类上下滑动,监听高度变化,拿到当前索引,动态改变二级分类的class名注意:设置横向滚动需要确定scroll-x的宽度,如果发现不

2022-12-05 15:00:57 2635 1

原创 小程序textarea踩坑-textarea动态获取值,点击提交无法清除该值

场景:用户在textarea输入文本,并保存本地,用户再次进入页面时,textarea获取本地的值,点击提交却无法清除该值1.value="{{discontent}}{{discontentSpace}}",discontent为文本内容,discontentSpace是空字符串,在点击提交时同时清空这两个数据即可 <textarea class="disContent" disable-default-padding = "true" bindblur="bindTextAreaBlur"

2022-02-17 18:28:25 1121 1

原创 关于异步 宏任务微任务的理解,以及promise async settimeout执行顺序的问题

在面试的过程中难免会碰到让你说出异步执行顺序的问题,一起来看一下吧。内容持续更新中~文章目录异步和同步的概念js有哪些异步定时器事件绑定发布/订阅模式(观察者模式)回调函数ajaxpromisepromise是什么promise能做什么promise三个状态Promise的优缺点promise 链式调用async await异步实现原理(事件循环)宏任务和微任务执行顺序总结:案例异步和同步的概念javascript语言是一门“单线程”的语言,可以改变程序正常执行顺序的操作就可以看成是异步操作。总结:

2021-10-21 15:01:38 151

原创 layui实现点击查看放大缩略图

https://www.cnblogs.com/yadongliang/p/11059108.htmlhttps://blog.csdn.net/sdiudui/article/details/80424539

2021-01-06 16:44:23 472

原创 移动端输入法出现时,输入框不被遮挡的解决方案

$(document).ready(function () { function jump_top(){ var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if(isAndroid...

2021-01-06 16:43:07 252

原创 input类型为number时鼠标滚动出现箭头

https://www.cnblogs.com/lhl66/p/9164000.html

2020-12-29 17:21:56 505

原创 layui实现table表格的增删改查

layui实现表格的增删改查效果如下:官网:https://www.layui.com/demo/样式:body { margin: 10px; } .demo-carousel { height: 200px; line-height: 200px; text-align: center; }html <table class="layui-hide" id="demo" lay-filter

2020-11-27 10:42:25 3374

原创 layui实现表格增加以及kindeditor编辑器上传图片的问题

效果如下引入<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticf

2020-11-25 18:22:09 396 1

原创 Vue3.0项目创建

项目创建Vite是一个 web 开发构建工具,由于其原生 ES 模块导入方法,它允许快速提供代码。通过在终端中运行以下命令,可以使用 Vite 快速构建 Vue 项目。npm install -g create-vite-app //安装vitecreate-vite-app 项目名称cd 你的项目npm installnpm run dev目录分析1.index.html所有东西显示在id=“app“中,同时引入main.js入口文件2.main.js..

2020-11-05 17:45:54 261

原创 AntV G2堆叠柱状图网格线实线

代码如下:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>极坐标下的层叠柱状图</title> </head> <body> <div id="container" /> ..

2020-11-03 15:40:47 1738

原创 CSS图片自适应

1.图片自适应填满整个屏幕就是用背景图做的话,我想让这个图发生定位,但是还想让他们宽高100%设置除static定位外,top:0,left:0,right:0,bottom:0这个作用是;让明确宽高的盒子垂直水平居中,让无宽高的盒子填满父容器效果如下:代码如下:html<div id="text-center"> <div id="content"> <ul> <li class

2020-10-28 16:58:48 270

原创 week3.1Event事件——每天一个小总结

week3.1Event//点击事件//点击li,改变内容的class名,同时改变自己兄弟元素的class名function$(ele){vare=null;if(ele[0]==='#')e=document.querySelector(ele);elsee=document.querySelectorAll(ele);returne;}//console...

2020-09-11 18:08:49 213

原创 week2.5BOM——每天一个JS小总结

week2.5BOMBOM浏览器对象模型(Browser Object Model)。 本章知识点: Javascript语言的组成 window对象 window内置对象:location,history,screen 定时器 网页特效练习 Javascript语言的组成我们现在所学习的JS语言其实本身功能并不强大,它本身提供的核心语法不算很多,只能用来做一些数学和逻辑运算。JavaScript 本身不提供任何与 I/O(输入/输..

2020-09-04 15:38:25 103

原创 week2.4Date——每天一个JS小总结

week2.4Date//Date是JS原生的时间对象库//创建一个时间对象//获取当前时间的对象vardate1=newDate();console.log(date1);//创建一个固定时间的时间对象vardate2=newDate(2018,7,1,10,0,0);console.log(date2);//创建一个固定时间的时间对象varda...

2020-09-04 14:11:26 94

原创 week2.3DOM——每天一个JS小总结

// DOM:为JS提供了一套操作页面的API // document:指代当前的文档,也就是磁盘中的文件 console.log( document ); // DOM对象:通过JS语言封装好的元素或者属性等节点 console.log( document.title ); var p = document.getElementById('paragraph'); p.innerText = 'hhh..

2020-09-02 16:16:22 143

原创 react学习笔记1

安装脚手架npm install create-react-app -gcreate-react-app --version查看版本号3.31create-react-app onecdcreate-react-app oneyarn start文件index.js入口文件案例1(详解)1.index.js引入子组件import First from './index1';2.index.jsReactDOM.render( // 通过属性传参,子

2020-08-27 16:10:33 112

原创 week2.2数组方法及封装——每天一个JS小总结

案例//选取和截取 // slice(start,end) :从某个已有的数组返回选定的元素 // start,end 都是索引值 var arr1 = ["11月5号",2019,11,5,"QF-1909"]; var a1 = arr1.slice( 1,4 ); console.log( a1 );//[2019, 11, 5] // 复制arr1数组 var a2 = arr1.slice(2); console.log( a2 .

2020-08-12 17:39:57 159

原创 jq实现环形渐变百分比进度条

jq环形渐变百分比进度条效果:引入<script src="js/jquery-1.8.3.min.js"></script>//通过下方链接1下载插件再引入<script src="jquery-circle-progress/dist/circle-progress.js"></script>html代码 <div class="circle_step_box"> <div class="

2020-08-10 15:48:16 875 1

原创 week2.1数组上——每天一个JS小总结

week2.1数组这两种创建方式不相等 vararr1 = new Array( );//构造函数式创建或vararr2 = [];//字面量创建arr2[0] = 1;arr2[1] = "hello";arr2[2] = false;arr2[3] = undefined;arr2[4] = null;arr2[5] = NaN;...

2020-08-07 13:09:38 122

原创 week1.5函数下——每天一个JS小总结

week1.5变量提升全局变量和局部变量undefined是因为哈哈走完以后没有返回值当变量提升时,无视变量,函数优先级高,打印整个函数体在执行阶段,变量名优先高于函数名垃圾回收机制//JS对于函数的提升相当于是有名函数赋值表达式 fn1 = function fn1(){ console.log(10); }...

2020-08-05 13:55:43 169 1

原创 week1.4函数上——每天一个JS小总结

week1.4函数fn1()。fn是指整个function,()是指调用函数的运算符1垃圾回收机制,f2在里面能读出来,在外面不能读,f2被当作垃圾丢了读完f1,直接让程序过了,就不读取f2return相当于break,直接终止函数执行完之后必须有一个结果,这个结果叫做:返回值。使用return关键字来执行函数的返回值。return关键...

2020-08-05 13:33:12 284

原创 week1.3流程控制语句——每天一个JS小总结

week1.3循环解法2:while(num)------------while(num!==0)隐式类型转换,当while为0时,就为false我的写法:continue ,跳出本次循环,直接进行下次循环break 直接中止循环...

2020-08-03 09:25:48 117

原创 week1.2数据类型转换——每天一个JS小总结

类型转换之number:Number()parse:解析,转换,诸葛解析,直到遇到不能解析为止,返回值parseInt转换成整数,遇到小数点直接砍掉parseFloat : 解析带上小数点自己敲的Boolean()转换NaN和 isNaN( )因为NaN跟谁都不相等隐式类型转换/自动类型转换 strin...

2020-07-31 10:45:10 200 1

原创 week1.1基本数据类型——每天一个JS小总结

命名规范变量五个基本数据类型除了0都是truetypeof两种用法算术运算符NaN比较运算符==和===自己敲的|| 第二个值为假时还是返回第二个值+prompt是转换成数字类型作业:...

2020-07-30 16:38:06 1138 1

原创 面试知识点——常见的几种继承方式

原型式继承(将父类的实例作为子类的原型,而且将类的构造器重置。) 构造函数式继承(构造函数继承只继承父类对象上的东西,而不会继承父类的原型上的东西,所以如果有不需要继承的东西可以放在prototype。而原型继承,全部继承,包括父类对象和父类的原型) 组合式继承(将构造函数继承和原型继承集合,既能减少子类的代码量(构造的功劳),又能继承原型上的方法) ES6的继承(其实就是ES5中的组合式继承) 拷贝式继承(浅拷贝:直接赋值拷贝。深拷贝:将A对象的属性全部复制到B..

2020-07-29 18:27:02 153

原创 JQuery实现轮播图+中间放大V形

JQuery实现轮播图滚动+中间放大V形效果如下:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <ti.

2020-07-28 18:32:36 1586

week1.2数据类型转换.md

week1.2数据类型转换.mdweek

2020-07-31

week1.1基本数据类型.zip

week1.1基本数据类型资料

2020-07-30

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除