前端
坚持努力才最重要
这个作者很懒,什么都没留下…
展开
-
vue2+webpack+vant搭建的H5在移动端适配问题
vue2+webpack+vant搭建的H5在移动端适配问题原创 2023-03-19 19:49:43 · 267 阅读 · 0 评论 -
JavaScript获取当前月的最后一天
JavaScript获取当前月的最后一天原创 2022-09-28 15:38:00 · 8448 阅读 · 0 评论 -
axios请求拦截器之config新增自定义参数
axios请求拦截器之config新增自定义参数原创 2022-08-08 13:40:58 · 3052 阅读 · 0 评论 -
JavaScript 之 Dom元素末尾深度克隆另一Dom元素
JavaScript 之 Dom元素末尾深度克隆另一Dom元素原创 2022-07-07 16:30:08 · 298 阅读 · 0 评论 -
npm install笔记之Cannot read property ‘package‘ of null
使用npm install core-js@2安装报错如截图解决办法:通过cnpm install core-js@2或yarn install core-js@2即可解决,本人尝试的是使用cnpm install core-js@2原创 2022-05-30 14:58:05 · 4871 阅读 · 0 评论 -
js笔记:获取url中的参数并返回一个对象
//方法一function getUrlParams(url){ const Params = {} if(url.indexOf('?')>0){//判断是否有qurey let parmas = url.slice(url.indexOf('?')+1)//截取出query const paramlists = parmas.split('&')//分割键值对 for (const param of paramlists) { let a = param.spl原创 2022-05-12 16:15:16 · 927 阅读 · 0 评论 -
腾讯云滑动图片验证码实现
<button @click="varify"> 验证 </button> <script src="https://ssl.captcha.qq.com/TCaptcha.js"></script> <script> export default { name:'test', data(){ return{ } }, methods:{ //获取图片滑动验证码 varify() .原创 2022-02-10 15:56:02 · 1166 阅读 · 0 评论 -
手机屏幕适配之rem处理
(function flexible(window, document) { var docEl = document.documentElement; // 375屏幕的font-size是100,也就是说,iphone6的font-size是100,设计稿按照750px设计,0.01rem = 1px function setRemUnit() { var rem = docEl.clientWidth / 37.5; ...原创 2022-01-28 17:14:43 · 1008 阅读 · 0 评论 -
实现图片水平垂直居中
弹性布局flex<style type="text/css">.image{ margin: 0; padding: 0; height: 50vh; display: flex; justify-content: center; align-items: center;}img {width: 50px;height: 50px;}</style><body> <div class="image"> &l原创 2021-10-16 15:40:00 · 62 阅读 · 0 评论 -
vue项目在真机调试出现的问题记录
1、上下拖动界面滚动区域手机顶部或者底部出现白条在相应的触发地方增加事件修饰符.prevent即可原创 2021-09-20 20:45:24 · 240 阅读 · 0 评论 -
sessionStorage使用整理
1.sessionstorage存储数组存储:var testInfo= { 'testCname' : 'tes', 'testValue' : 'jajajajajaj', } sessionStorage.setItem("loginInfo",JSON.stringify(testInfo)); 取出数据:var testInfo = JSON.parse(sessionStorage.getItem("testInfo"));var testCname = tes原创 2021-09-07 17:25:47 · 143 阅读 · 0 评论 -
webpack 降级
首先卸载现有的版本 cnpm uninstall webpack -g安装需要的版本 cnpm install webpack@3.11.0 -g原创 2021-09-05 14:42:45 · 2386 阅读 · 1 评论 -
vue监听页面元素滚动条滚动事件
//vue实例挂载完成,即界面成功渲染调滚动事件mounted: function () {this.isScrollBottom();},methods:{// 判断界面是否已滚动到底部isScrollBottom(){$(’.scroll_targrt’).scroll(function() {var totalHeight = $(’.show_scroll_targrt’).height();//获取内容总长度,即显示所有内容的界面元素高度var scrollTop = $原创 2021-08-18 10:26:07 · 3377 阅读 · 0 评论 -
获取点击或者鼠标所在具体标签
event.target.localName原创 2021-08-04 17:57:12 · 437 阅读 · 0 评论 -
canvas实现简单的画图功能
功能描述:有红绿蓝三种颜色的画笔,可以选择画笔的粗细,画出的图可以保存到右边的六个画框中。当右边的六个画框都画满之后,便不能继续保存来了。可以清除画框,清除画布。保存的图片可以右击保存为png格式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script type="text/javasc原创 2021-07-24 11:02:49 · 1164 阅读 · 0 评论