- 博客(8)
- 收藏
- 关注
RSS订阅原创 前端使用html2canvas，将需要被复制的区域转化为图片并复制到剪切板
【代码】前端使用html2canvas，将需要被复制的区域复制到剪切板。
2024-11-04 11:31:34
352
原创 webpack打包图片
一：问题代码首先贴下问题代码！刚刚开始的时候使用的是html-loader进行图片的打包，之后每次build之后出现两张图片，一张正常加载一个是坏了的。恰巧自己的html文件中引入的是这个错误的。下面是出现这种情况的代码，之后找了官方文档没发现问题所在，这就是代码玄学了。接着非要图片打包只能想到使用html-withimg-loader进行图片打包。 module: { rules: [ { test: /\.css$/,
2021-05-08 16:00:08
219
2
原创 网页位置定位-适合导航定位
问题：如何让滚动区域里面的特定位置滚动到顶部位置。 方法1：使用 scrollTop = ‘数据’ 弊端：里面设置的数据是固定值，在不同手机里面滚动的范围无法判断。有的手机设置的数据可以符合，有的手机就不行 方法2：直接对滚动区域实行锚点的定位。 弊端：个别手机会存在位置差异。h5页面会存在玄学差异，这个不推荐。 解决方案：使用scrollIntoView()进行可视化的（代码示例如下）...
2021-04-15 11:40:14
455
原创 js 浏览器点击复制
self.copy = function(id) { var content = document.getElementById(id) if (document.body.createTextRange) { var range = document.body.createTextRange() range.moveToElementText(content) ..
2021-03-24 16:16:34
203
原创 js 图片转base64的简单方式
通过ajax获取图片进行转换 function ajax(method,url,async){ var xmlHttp = new XMLHttpRequest() xmlHttp.open(method, url, true) xmlHttp.responseType = 'blob' xmlHttp.send() xmlHttp.onload = function()
2021-03-18 16:05:44
617
原创 奇妙的grid，css网格布局
grid布局真的很强大，因为在自己的项目中使用最多的flex布局，导致grid使用的比较少。趁着空闲时重新把grid总结了一下。因为项目中很少使用自己只是简单的总结使用，但是按照css那种经常会给你出乎意料的布局情况grid绝对存在布局玄学的情况，最近没遇到等我之后遇到再更新到里面，现在只是简单的写下。最最最基础的东西了。。。目录一：概述grid和flex的异同二：基本概念三： 容器属性1：display：grid属性，指定容器采用网格布局2：grid-template-...
2021-03-12 18:09:19
2371
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人