是你前端伟哥-CSDN博客

原创日历组件封装，js生成日历,日期选择，酒店日历选择

日历组件封装，js生成日历,日期选择，酒店日历选择

2022-08-16 16:55:45 466

原创前端图片压缩，base64转blob文件，base64转file文件

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>图片压缩</title> <script> async function submitPic() { var fileObj = document.getElementById("file").files[0];

2022-01-11 16:17:01 554

原创 vue2,vue3使用wiper、npm swiper

npm i [email protected]引入swiper样式import 'swiper/dist/css/swiper.css';哪里需要使用就在那里引用swiper包这里注意创建swiper时一定要在元素创建成功的时候new sweiper比如created生命周期内创建swiper实例不生效mouted内创建swiper可以推荐//html<div class="swiper-container"> <div class="swiper-wr

2021-09-09 10:54:35 754

原创 vue组件通信，有用收藏点赞。

组件传参父传子 :参数名称子组件接受prop: 这里可以为对象或者数组详情参看文档代码如下:父组件传子组件代码如下：父传子<ModifyDialog :data="123"></ModifyDialog>子接收<script>export default { // 当前为对象方式接收数据 props: { data: { type: String, default: '1

2021-05-08 10:40:50 251 4

原创前端js创建随机字符串

function randomString (len) { len = len || 32 var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678' /** **默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/ var maxPos = $chars.length var pwd = '' for (let i = 0; i < len; i++) {

2021-04-12 15:26:28 349

原创谷歌浏览器取消跨域简单 ,超级简单

右键谷歌浏览器-点击属性-将目标地址改为如下: 请勿复制我的地址,格式和我的一样就可以C:\Users\Administrator\AppData\Local\Google\Chrome\Application\chrome.exe --disable-web-security --user-data-dir=C:\Program Files (x86)\Google\Chrome\Application......

2020-12-18 15:39:03 3378

转载 vuecli线上打包去除console.log

1)下载插件：npm install babel-plugin-transform-remove-console --save-dev2)项目根目录新建babel.config.js// 项目发布阶段需要用到的babel插件const prodPlugins = []if (process.env.NODE_ENV === 'production') { prodPlugins.push('transform-remove-console')}module.exports = { plu

2020-10-30 09:14:13 377

原创 js动态创建规格

var array = [{ attrid: '1', name: '颜色', values: [{ attrvid: '1-1', value: '黄色' }, { attrvid: '1-

2020-10-21 23:09:07 430

原创 vue自定义指令触底加载

vue自定义指令，vue自定义触底加载指令。触底指令，自定义指令

2023-10-16 16:32:42 180 1

原创无限滚动逻辑梳理及代码教练，超简单纯纯css实现

主要css代码讲解animation动画：动画名称动画时间线性类型停顿地点（也就是动画结束之后要怎么继续）3.然后你发现滚动的时候有空白，解决方法再复制同样一份第二步说的滚动盒子及内容完美解决。做动画的盒子不要限制高度哦。盒子里边的内容也是不固定高低的，所以我们就不限制高度。2.盒子内装滚动的大盒子我们装这个盒子主要目的是用来css动画书写。1.制作一个div盒子溢出隐藏。

2023-06-01 11:53:07 186

原创 table数据展示表

table数据表，单独用到一个数据展示表，索性自己写一个锻炼下，在此记录方便后续使用。也可进行二次封装使用，不过使用到框架肯定就不会考虑自己写了。html+css+sass必不可少了。大致代码块截图html+css。vue：懒省事就用他了。

2023-05-20 11:46:05 178

翻译 canvas实现刮刮乐,刮刮卡,js实现刮刮乐,刮刮卡

代码直接复制拿去用,不会看注释.记得底部下载刷子图片.<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-s

2022-03-16 17:00:14 522

原创小程序X及以上机型刘海及底部条css获取距离

获取底部条高度 env(safe-area-inset-bottom)

2021-09-10 09:04:24 560

原创 1.清除git提交记录,2.取消上次提交记录,

1.切换到新的分支,这时候就没有了git提交记录git checkout --orphan latest_branch　　2.缓存所有文件（除了.gitignore中声明排除的） git add -A 提交暂存区　　3.提交跟踪过的文件（Commit the changes） git commit -am "commit message" //提交本地仓库,这时候只有这一次提交记录　　4.删除master分支（Delete the branch）...

2021-02-25 14:40:25 537

原创 html生成图片及下载

使用插件js_screen_shots 当前插件包含 html2canvas 及 Canvas2Image 插件 all.html2canvas(document.querySelector('.code-box')).then(function ( canvas ) { // document.body.appendChild(canvas); let canvasboxdom = d

2020-12-18 15:36:43 362 2

原创 element树形控件拖拽allow-drop控制

<el-tree ref="tree" :data="data" :props="props" node-key="id" :allow-drop="collapse" @check-change="onTreeChang"

2020-11-12 14:59:53 3607 3

原创 js对象去空,数组去空.在向后台发送数据时清除无用空数据

// 前端向后台提交数据的时候避免不了属性对应值为空{a: '',b:'123'} //处理完成为{b:'123'}// 或者属性对应数组及数组里有空的字符串, {a: [' ','123']} //处理完成为{a: ['123']}// 或者属性对应数组数组数组内有好多对象.其中对象下含有空字符串 {value: [{a: '',b:'123'}]} // 处理完成为 {value: [{b:'123'}]} export function deleteEmptyObject(obj)

2020-11-10 09:14:16 930

转载 js判断是否微信浏览器打开

以下是一段示例代码，注释中表明了通过JS如何判断是否在微信浏览器打开，是否在QQ空间浏览器，是否在新浪微博打开。当然可以做得更完善一点，再加上判断是在移动设备打开还是在PC端浏览器打开的，更加细分一点，可以判断是在安卓系统的浏览器打开的还是IOS系统浏览器打开的。复制代码if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面var ua = navigator.userAgent.toLowerCase();//获取判断用的对象if (ua.

2020-10-29 09:59:34 384

weixin_47705597的博客