- 博客(17)
- 收藏
- 关注
原创 vue3 Select单、多选下拉选择器懒加载组件封装
当下拉选择器含大量的数据时,影响性能问题,因而以懒加载的方式作为性能优化;该下拉选择器包含功能:物理搜索、触底懒加载、适用单选和多选;
2023-12-22 11:22:05
1113
原创 Vue 插槽(slot)的理解
插槽:在vue中,可以在组件内部定义一个或多个插槽,子组件决定插槽的位置,也可以设置默认的信息,父组件可以在插槽里插入信息,有默认信息时,父组件不插入信息,则显示子组件的默认信息;下面就列举下关于插槽的类型;1、匿名插槽//组件(父) <child> <p>父页面</p> //匿名插槽即为默认插槽,也可以写成 <template v-slot:default><p>父页面</p></template&g
2020-09-30 16:23:57
390
原创 Flex实现九宫格布局
在小程序开发中,对于九宫格布局或者类似九宫格布局算是挺常见,之前写过一个淘宝的小程序,挺多人私信问到关于布局,其实,用flex实现起来挺简单的。下面就来展示下,用Flex布局实现九宫格布局;...
2020-09-15 14:12:08
8475
1
原创 微信小程序 获取本地图片并上传到服务器
需要用到微信小程序的API接口有:wx.chooseImage和wx.uploadFile;wx.chooseImage(Object object)从本地相册选择图片或使用相机拍照在微信文档也对该API进行了解析:示例: wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'],//图片尺寸:original:原图,compressed:压缩图 sourceType: [.
2020-08-11 16:43:41
5699
4
原创 微信小程序 妙用ES6 对象属性拼接和赋值进行提交数据
在微信小程序中,表单需要提交多项数据时,提交的数据如果是每一项都列举出来并赋值的话,代码显得冗余。如果循环数据并
2020-07-21 11:11:44
1463
原创 CSS3 实现 加载中……动画
css3 动画 实现加载中……给一个div长宽并加边框,底部的边框是透明的,然后用rotate, 是不是很简单呢?#loading{ display: inline-block; height: 15px; width: 15px; border-radius: 50%; border: 2px solid dodgerblue; border-bottom-color: transparent; -webkit-animation: loadingRotate 0.7
2020-05-27 15:15:36
356
原创 Node.js 搭建博客
使用工具:webstorm数据库:mongoosenode.js web应用框架:Express前端框架:JQuery、Bootstrap1、下载安装node之后,新建文件(这里取名blog),初始化项目,在控制台输入指令:npm init,从而生成了package.json2、下载第三方模块和中间件(指令:npm install -g 包名)expressbody...
2019-12-30 17:17:04
418
原创 Node.js GET/POST请求
下面将会介绍关于GET/POST请求的例子,在这之前,先来说node 判断请求模式,可以在控制台输出console.log(req);这里会有很多内容,如果要直接点的话,也可以输出res.end("请求方式:"+req.method);http.createServer(function(req,res){ res.writeHead(200,{"Content-Type":"tex...
2019-11-28 16:12:07
189
原创 Node.js 小记
下面来简单说下有关Node.js的基础;安装node.js就不赘述了,require函数用于获取、加载模块,exports用于模块的导出;创建服务器:var http=require("http");//使用require指令来导入http模块http.createServer(function(request,response){//创建http server ,传入回调函数...
2019-11-14 17:36:29
201
原创 JS 实现日历插件
最近写了日历插件,下面我来写一些实现该功能的要点吧,这里只作部分代码展示;1.计算出每月的天数,每年的的2月份,闰年则多一天,因此要判断该年是否为闰年days=new Array(31,28+isLeep(currentYear),31,30,31,30,31,31,30,31,30,31),/*每月天数*///判断是否为闰年function isLeep(currentYear){...
2019-10-29 11:07:08
1016
原创 Promise 红绿灯效果
前言:关于Promise的一些基本属性,点击进入【 ES6之Promise】。foo返回一个Promise实例,foos返回并向foo传参,传color和time参数,过了指定的time时间以后,Promise状态就变为resolve,就会触发then方法绑定的回调函数;let light=document.getElementById("light");let foo=functio...
2019-10-15 12:09:56
375
原创 ES6之Promise
在ES6中,定义Promise对象是一个构造函数,我们实际运用Promise时,用来生成Promise实例,这个Promise函数有三个状态pending(进行中)、fulfilled(已成功)和rejected(已失败),两个参数:resolved(已成功)和rejected(已失败),这两个参数它们是函数,是由JavaScript引擎提供。这两个状态改变都需要经过pending,并且状态一经改...
2019-10-15 12:08:36
185
原创 利用JQuery实现分页器
用JQuery实现了一个分页器,大部分情况下,我们分页是用ajax请求后台数据,然后显示数据。在这里呢,我就把数据都生成了,然后显示当前页隐藏其他页内容,下面就来上代码吧~下面是生成分页、内容、分页按钮等,生成页面内容时比较随意,直接是全部生成“1111111”了。//页面初始化生成,默认值为下拉条数的第一个值和第一页。 $(document).ready(function() ...
2019-09-09 15:21:18
3100
1
原创 微信小程序 淘宝
模仿淘宝写了一个小程序,主要目的还是练手并且以页面效果为主,写法肯定也会有更好的,后续继续加强。登录页面的话,就直接点登录进入到首页了,没有做过多的交互。其中做比较多的交互是购物车,应数据的形式做出的交互,实际的项目中可能会有更好的数据形式,产品数增减全选合计等,事件传参比较多;下面以购物车为例,贴上购物车的部分js 代码,里面有个“监听”是否勾选和计数的函数(watchSelec...
2019-08-02 18:02:56
4924
7
原创 实现滚动条进度的三种方法
1、比较常用的方法应该是JavaScript或者jquery来实现,监听滚动的高度,动态设置滚动条的宽度;var windowHeight=window.screen.height,//屏幕的高bodyHeight=document.getElementsByTagName("body")[0].offsetHeight-windowHeight,//获取body的高度,这里需要减掉...
2019-07-04 14:49:36
3104
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人