- 博客(30)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 css改变checkbox 和 radio的样式
本质上还是用图片来覆盖原来的样式/*首先隐藏原来的样式*/input[type="checkbox"]{display: inline-block;position: relative;visibility: hidden;}/*未选中时显示未选中的图片*/input[type="checkbox"]:after{content: '';position: absolute;top: 0;left: 0;width: 15px;height: 15px;background: url("https:
2021-11-17 10:44:02
229
原创 定义时间格式Format
Date.prototype.Format = function(fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "s+": this.getSeconds(), //秒 "q+": Math.floor(..
2021-10-26 16:36:07
538
原创 自定义checkbox 选中样式
原理就是通过定位 :after遮住原有的checkbox 然后用:before 写一个 checkbox 样式，通过css的 :checked属性决定显隐藏 input[type='checkbox']{margin-right: .2rem; position: relative; width: .25rem; height: .25rem; } input[type='checkbox']:after{ content: ''; p
2021-08-13 15:54:17
414
原创 使用rem自适应页面大小
pc端;(function(win) { var tid; function refreshRem() { let designSize = 1920; // 设计图尺寸 let html = document.documentElement; let wW = html.clientWidth;// 窗口宽度 let rem = wW * 100 / designSize; document.document
2021-08-04 12:01:05
202
原创 js上传视频并获取视频帧做为封面
//上传点击事件function toGetUpdate(){ // 生成文件上传的控件 let inputElement = document.createElement('input') inputElement.setAttribute('type' , 'file') inputElement.style.display = 'none' if (window.addEventListener) { inputElement.addEventListener('change', (e
2021-07-23 18:04:40
3436
1
原创 使用canvas画图，转换成图片路径
let canvas= document.createElement('canvas'); //创建canvas 对象canvas.width = 500; canvas.height = 500;let pen = canvas.getContext('2d'); //创建context 对象let img = new Image(); //创建img对象做为背景img.src = 'img/2.jpg';img.onload = ()=>{ //这个方法很重要，在图片加
2021-07-23 16:05:28
1470
原创 js获取视频帧图片
//网上的攻略很多，但是搁我这就是不行，搞了老久了，然后才发现需要设置视频时长，不然永远都是白屏，烦死了，//至于跨域，呵呵，麻了麻了。反正我是跨不过去function getVideoBase64(url) { return new Promise(function(resolve, reject) { let dataURL = ''; let video = document.createElement("video"); video.setAttribute('crossori
2021-07-22 18:42:13
2407
2
原创 js动态添加页面元素
//添加属性值的语法 box.className='box';//添加class box.setAttribute("data-id",id); //添加data属性 box.innerText=title_text //添加内容 // 。。。。一堆，想加什么就加吧//封装一个方法，方便调用function addHtml(title_text,text_txt,imgSrc,id){ ...
2021-07-15 10:45:11
400
原创 vue写分页组件
先看效果<template><div class="paging"> <ul class="box"> <li> <a v-if="currentPage === 1" >首页</a> <a v-else href="javascript:;" @click="next(1)">首页</a> </li> <li v-if="current
2021-06-07 09:59:22
152
原创 小程序异步请求封装
封装请求方法体//请求地址let bastUrl='http://xxx' //url 是接口名 ，和bastUrl拼接成完整地址，懂我意思吧（0.0）//parmas 是带的参数格式是应该对象// {// a:'a',// b:'b'// }function res(url,parmas){ return new Promise((reslove,reject)=>{ wx.request({ url: bastUrl+url, dat
2021-05-27 09:19:29
163
原创 小程序页面传值
传值<view class="box" wx:for="{{shopList}}" wx:key='index' bindtap="shopinfo" data-id="{{item.iid}}">//用wx.navigateT传值，写在你要用的位置就行，如点击事件 shopinfo(e){ console.log(e.currentTarget.dataset.id) //取到view上绑定的data-id wx.navigateTo({ url: '/
2021-05-26 17:58:59
88
原创 微信小程序引用阿里图标库
微信小程序要使用阿里图标库的图标，但是不想本地引入，想使用外链直接用但是用外链确是 这些东西，显示不出来原来点击这个链接把这些内容粘贴进去就可以用了然后回到微信小程序规范一点，创建一个文件夹，创建一个iconfont.wxss然后在app.wxss里面引用最后，在要使用的位置就ok了...
2021-05-25 18:14:29
690
原创 使用html2canvas将页面画到画布上去并且放入img
要实现打开页面后可以吧页面保存到相册，打开页面自动触发，但是这时候页面还未加载完全，导致画布是空白的，所以需要使用setTiomeout延迟触发npm i html2canvas导入import html2canvas from "html2canvas";let bg =document.getElementById('poster') //要画的divsetTimeout(()=>{ html2canvas(bg).then(canvas => {
2021-05-24 14:37:33
554
原创 jQuery使用append添加的标签被编译了
jQuery使用append添加的标签被编译了，无奈使用js实现这一功能function addhtml(ranSum,names,integrals,imgurl){let box = document.createElement(“div”); //创建段落元素box.className=‘box’ let ran = document.createElement("div"); //创建段落元素 ran.className='ran' ran
2021-05-21 15:15:17
191
原创 setTimeout重复执行造成的困扰
页面需要应该按钮，几秒后消失，于是使用settimeout，但是如果一直在点屏幕就会重复执行，按钮就一直在闪，所以在所以前要清除，但是第一次清除没有定义timer，所以随便在外面定义一个。let timer='';document.body.addEventListener('touchstart',function(){ clearTimeout(timer) btn.style.display='block'; timer= setTimeout(()=>{
2021-05-11 15:44:13
1671
原创 vue3.0项目打包后路由跳转空白
开发的时候一顿操作，打包后啥都没有，一片空白，鼓捣半天原来是这样（淦）1.你的打包配置路径的问题在vue.config中修改 //打包配置 publicPath: === './', outputDir:=== 'dist' ，`2.路由的问题，在vue3.0中自动创建的router文件中默认的是history模式，这个模式需要后端配合，怎么配合我也不知道啦（嘿嘿）history: createWebHistory(process.env.BASE_URL),我们改成h
2021-04-16 15:59:48
1437
1
原创 vue better-scroll实现屏幕滚动
官方文档：https://better-scroll.github.io/docs/zh-CN/plugins/先安装依赖npm install better-scroll --save导入import betters from ‘better-scroll’html代码块 <div class="warpper" ref="warpper"> <ul class="centent"> </ul> </div>使用mou
2021-02-24 16:36:37
421
原创 axios的基本使用方法
axios({ //请求地址 url:'/user', //请求类型 method:'post', //请求根目录 baseURL:'http://123.207.32.32:8000/api', // URl传递参数 params:{id:2},//get请求时用 data:{key:''},//post请求时用 //自定义请求头 headers:{'x-Requested-With':'XMLHttpRequest'
2021-02-22 14:53:32
3730
1
原创 创建cli3项目后启动报错Error: Cannot find module ‘vue-loader-v16/package.json‘
初次安装vuecli3项目的时候报错了Error: Cannot find module ‘vue-loader-v16/package.json’找不到模块“vue-loader-v16”/package.json’解决方法 卸载 vue-loader-v16 npm uninstall vue-loader-v16然后重新安装 npm install vue-loader-v16...
2021-02-20 10:56:29
299
原创 css折扣样式
<style type="text/css"> #Discount{ border: 1px solid red; width: 200px; height: 50px; text-align: center; font-size: 20px; line-height: 50px; } #Discount>div{ float: left; } #Discount>#left{ ba
2021-02-18 09:56:58
899
原创 获取当前时间
TimeDate(){ date=new Date() let Year=date.getFullYear(); let Month=date.getMonth()+1; let Day=date.getDate(); let Hours=date.getHours(); let Minutes=date.getMinutes(); let Secon.
2021-02-03 11:21:05
99
原创 vue点击其他区域隐藏当前弹出框
hidder (e) { console.log(e) //打印一下e可以看到具体内容和其他解决方法 //判断点击的位置在弹出框之外 if (e.srcElement.className!=='searchListcss') { this.searchListShow = false; //等于false隐藏弹出框 } } }, mounted() { //添加点击事件 true 在捕获阶段执行
2021-02-02 17:03:00
1133
原创 Vue Element UI el-tree控件获取选择值
<el-tree ref="tree"> </el-tree> //先给控件加个ref属性Click(){ //然后通过$refs获取选中属性节点 console.log(this.$refs.tree.getCheckedKeys()); //getCheckedKeys()返回选中节点数组 } //this.$refs.tree里面有很多，可以打印看看有什么需要的...
2021-01-22 16:56:28
2200
原创 el-form-item 组件时间格式设置
<el-form-item label="预计用款时间:"> <el-date-picker style="width: 180px;" v-model="form.estimateTime" type="datetime" format="yyyy-MM-dd HH:mm:ss"
2021-01-11 14:58:40
2411
原创 jQuery写简单的ajax请求
$.ajax({ type: 'POST', //请求方式 url: '//192.168.31.249:8181/client/getAccessStatistics', //请求接口 cache: false, //为false时,每次获取的都是服务器最新数据 success: function (res) { //成功时服务器反回值给r
2021-01-08 10:28:42
255
原创 vue组件父组件给子组件传值与子传父
我是标题 {{cmessage}} <script type="text/javascript"> const cpny={ template:'#cpn', props:["cmessage"] } const app=new Vue({ el:".app", data:{ message:['菠萝','香蕉','橘子','茄子'] }, components:{ cpny }...
2021-01-04 14:53:37
128
原创 el-table-column 里文字改变样式的取巧写法
等待处理 已受理 <el-tag type="danger" v-show="scope.row.accepttype===2">不受理</el-tag> </template> </el-table-column>...
2021-01-04 11:49:12
2151
原创 vue注册组件
此乃标题 红红火火恍恍惚惚 //全局注册// Vue.component(‘cpn’,{// template:"#cpn"// })//局部注册写在vue里components:{cpny:{template:’#cpn’}},//初学菜鸡记笔记罢了（0.0）
2021-01-04 10:05:49
82
空空如也
vue3.0没有this怎么调用挂载在dom上的组件？
2021-03-08
TA创建的收藏夹 TA关注的收藏夹
TA关注的人