11 2020 档案

摘要:今天分享一个在 JavaScript中,实现一个鼠标移入可以随机变换颜色,本质就是js的随机数运用。 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> /* 这里定义一下div(块元素 阅读全文
posted @ 2020-11-30 20:31 林恒 阅读(639) 评论(0) 推荐(0) 编辑
摘要:最近看到了一个有趣的Promise的方法,这里记录下来 <script> class MyPromise { constructor(executor) { // 初始化state赋值为pending this.state = "pending"; // 定义成功的 值 this.value = u 阅读全文
posted @ 2020-11-27 17:39 林恒 阅读(383) 评论(0) 推荐(0) 编辑
摘要:最近被大佬问了一个很有趣的问题,你还能手打出一个ajax吗?,我当时的想法是有现成的为什么要自己打,后来我反思了一下(只有靠自己才是强者),在这里给大家分享一个我自己打的ajax,也是自己的一个知识点的记录。 //后台交互ajax方法 //参数1 集合 代表和后台交互的所有数据 function a 阅读全文
posted @ 2020-11-26 20:18 林恒 阅读(231) 评论(0) 推荐(0) 编辑
摘要:主页面 代码1(style.css) .nav { height: 41px; border-top: 3px solid #b4fffa; border-bottom: 1px solid #edeef0; background-color: #fcfcfc; line-height: 41px; 阅读全文
posted @ 2020-11-25 20:43 林恒 阅读(3704) 评论(0) 推荐(1) 编辑
摘要:这一篇随笔主要用来讲解和记录我对一个问题的解决思路。 首先我来讲解下遇到的问题,在开发一个外卖uni-app的过程中,我碰到了一个问题,店铺页面商品实现懒加载和列表动态切换,实现和美团,饿了么一样的效果,并在这个基础上给予动态效果,大致设计如下图: 在做这个页面功能的时候,我首先是要解左侧列表框和右 阅读全文
posted @ 2020-11-24 20:58 林恒 阅读(641) 评论(0) 推荐(0) 编辑
摘要:最近我在开发的过程中,出现了一个需求,我需要把开发好的小程序倒模成H5页面,这里就涉及一个布局单位问题,我们小程序用的单位都rpx,是按照750rpx铺满整个页面来算的,可H5又不支持rpx单位,这里在倒模页面的时候就碰到了一个问题严重的问题,我总不可能一个一个去算吧(真的太烦了),这里我给大家介绍 阅读全文
posted @ 2020-11-19 20:30 林恒 阅读(510) 评论(0) 推荐(0) 编辑
摘要:在开发的过程中,我遇到过一个需求,需要将4到5个页面合为一个,在页面里制作切换和返回方法,我想使用原生的标题,这个时候就面临着一个问题,返回方法怎么办,原生标题的返回方法无法监听到,那么将制作返回功能。 解决方法:在小程序的生命周期中,有这么一个周期 /** * 生命周期函数--监听页面卸载 */ 阅读全文
posted @ 2020-11-14 15:09 林恒 阅读(586) 评论(0) 推荐(0) 编辑
摘要:在小程序开发的过程中,我碰到过一个做map的需求,在我开发的时候我碰到了一些问题,这里总结出来,给大家一些解决方法。 简易小程序dome下载 代码片段分享: js部分: var amapFile = require('../../libs/amap-wx.js');//如:..­/..­/libs/ 阅读全文
posted @ 2020-11-13 17:38 林恒 阅读(482) 评论(0) 推荐(0) 编辑
摘要:dome代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>地图dome</title> <!-- baidu map --> <meta name="viewport" content="initial 阅读全文
posted @ 2020-11-07 14:11 林恒 阅读(508) 评论(0) 推荐(1) 编辑
摘要:代码如下: <style type="text/css"> div {font-weight: bold;text-align: center;} .tone{width: 30px;height:30px;border: 2px solid #ff5151;border-radius: 18px; 阅读全文
posted @ 2020-11-06 17:27 林恒 阅读(247) 评论(0) 推荐(2) 编辑
摘要:第一步:先下载pdfjs,网址:PDF下载地址,再引入到项目中,我是标签直接引用的 <script src="pdfjs/build/pdf.js"></script> <script src="pdfjs/build/pdf.worker.js"></script> 第二步:html代码添加两行代 阅读全文
posted @ 2020-11-04 18:08 林恒 阅读(4281) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS分片上传-极速上传</title> </head> <body> <input type="file" name="slice" id="slice" > 阅读全文
posted @ 2020-11-02 17:37 林恒 阅读(517) 评论(0) 推荐(1) 编辑