前端基础知识合集 - 随笔分类(第9页) - 林恒

CSS3+JS完美实现放大镜模式

摘要：最近看到一篇讲放大镜的文章，实践后感觉效果非常好，这里分享给大家。效果如下：其实现核心： CSS函数，如：calc() —— 动态计算；var() —— 使用自定义变量 CSS伪元素：::before/after —— 方便控制，而且独立于文档流之外，易于渲染 JS API：offsetX/of 阅读全文

posted @ 2020-12-02 20:20 林恒阅读(484) 评论(0) 推荐(1)

原生JS拖拽

摘要：想要让整个元素移动需要三个事件：鼠标按下 onmousedown 鼠标移动 onmousemove 鼠标抬起 onmouseup HTML <div id="login" class="login">  <div id="title" class="login- 阅读全文

posted @ 2020-12-02 20:12 林恒阅读(251) 评论(0) 推荐(0)

如何封装Promise对象？

摘要：最近看到了一个有趣的Promise的方法，这里记录下来 <script> class MyPromise { constructor(executor) { // 初始化state赋值为pending this.state = "pending"; // 定义成功的值 this.value = u 阅读全文

posted @ 2020-11-27 17:39 林恒阅读(387) 评论(0) 推荐(0)

原生ajax分享

摘要：最近被大佬问了一个很有趣的问题，你还能手打出一个ajax吗？，我当时的想法是有现成的为什么要自己打，后来我反思了一下（只有靠自己才是强者），在这里给大家分享一个我自己打的ajax，也是自己的一个知识点的记录。 //后台交互ajax方法 //参数1 集合代表和后台交互的所有数据 function a 阅读全文

posted @ 2020-11-26 20:18 林恒阅读(238) 评论(0) 推荐(0)

仿美团外卖的店铺列表获取思路

摘要：这一篇随笔主要用来讲解和记录我对一个问题的解决思路。首先我来讲解下遇到的问题，在开发一个外卖uni-app的过程中，我碰到了一个问题，店铺页面商品实现懒加载和列表动态切换，实现和美团，饿了么一样的效果，并在这个基础上给予动态效果，大致设计如下图：在做这个页面功能的时候，我首先是要解左侧列表框和右阅读全文

posted @ 2020-11-24 20:58 林恒阅读(676) 评论(0) 推荐(0)

如何将1rpx转为1rem

摘要：最近我在开发的过程中，出现了一个需求，我需要把开发好的小程序倒模成H5页面，这里就涉及一个布局单位问题，我们小程序用的单位都rpx，是按照750rpx铺满整个页面来算的，可H5又不支持rpx单位，这里在倒模页面的时候就碰到了一个问题严重的问题，我总不可能一个一个去算吧（真的太烦了），这里我给大家介绍阅读全文

posted @ 2020-11-19 20:30 林恒阅读(534) 评论(0) 推荐(0)

JS获取本机地址，生成地图

摘要：dome代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>地图dome</title>  <meta name="viewport" content="initial 阅读全文

posted @ 2020-11-07 14:11 林恒阅读(517) 评论(0) 推荐(1)

前端PDF文件转图片方法

摘要：第一步：先下载pdfjs，网址：PDF下载地址，再引入到项目中，我是标签直接引用的 <script src="pdfjs/build/pdf.js"></script> <script src="pdfjs/build/pdf.worker.js"></script> 第二步：html代码添加两行代阅读全文

posted @ 2020-11-04 18:08 林恒阅读(4364) 评论(0) 推荐(0)

ajax异步实现文件分片上传

摘要：<!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 林恒阅读(529) 评论(0) 推荐(1)

JS复习笔记一：冒泡排序和二叉树列

摘要：在这里逐步整理一些JS开发的知识，分享给大家：一：冒泡排序使用场景：数组中根据某个值得大小来对这个数组进行整体排序难度：简单原理：先进行循环，循环获取第一至倒数第二的范围内所有值，对当前值与下一循环的值进行判断，如果满足条件，直接在循环中进行替换，再重复调用方法本体案例： var arr 阅读全文

posted @ 2020-09-16 14:38 林恒阅读(336) 评论(0) 推荐(1)

CSS响应式布局学习笔记（多种方法解决响应式问题）

摘要：在做web开发的工作中，会遇到需要我给页面根据设计的要求，进行响应式布局，这里跟大家分享下我对于响应式布局的解决方法：我主要利用的是CSS3 媒体查询，即media queries，可以针对不同的媒体类型定义不同的样式，从而实现响应式布局。也可以针对不同的分辨率设置不同的样式。在实际操作中，我们阅读全文

posted @ 2020-09-13 11:04 林恒阅读(784) 评论(0) 推荐(0)

深拷贝学习笔记

摘要：在开发过程中，我碰到了一个问题，让我找了好久问题在哪里，最后我发现是最开始赋值的时候没有深拷贝值，导致了原本值被覆盖污染，这里和大家分享下我的解决方法 var i = 5; var j = i; j=1; console.log(i);//5 console.log(j);//1 我们正常赋值的逻辑阅读全文

posted @ 2020-09-12 16:00 林恒阅读(300) 评论(0) 推荐(0)

两种方式实现水平瀑布流布局

摘要：在实际开发中，经常会遇到图片排序处理的问题，进过多次尝试，我在这里总结两种图片水平排序的方式：第一种：CSS属性直接设置图片样式具体是使用CSS中的column-count属性，给图片的外部box设置后，里面的img可以直接根据数量来进行排序页面效果就是以下这样： html和css代码如下：阅读全文

posted @ 2020-09-12 15:31 林恒阅读(940) 评论(0) 推荐(0)

林恒

随笔分类 - 前端基础知识合集

公告