自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(62)
  • 收藏
  • 关注

原创 Element之树形控件tree踩坑记录(一):default-checked-keys清空数组之后还是会全部默认选中

..

2020-11-11 16:49:42 189

原创 element的resetFields和resetField

resetFields是用于针对整个表单的 Form Methods(整个表单)resetField 是针对表单项的 Form-Item Methods(表单的某一个项)resetFields是重置整个表单,定义一个ref,然后调用。而resetField是针对表单的某一项,用法:假如我有一个表单当我选择添加日期时,没选择,然后去输入用户地址,这时由于给添加日期加了一个效验规则,就会出现如下图提示:那么我要是不希望在输入用户地址时出现日期不能为空的提示咋整:在用户地址的规则里调用rese.

2020-11-09 12:12:02 45

原创 vue+elementUi实现静态数据分页

分页静态数据tableData: [ { date: "2016-05-02", name: "王小虎1", sex: "男", state: false, address: "上海市普陀区金沙江路 1518 弄", }, { date: "2016-05-04", name: "王小虎2", sex

2020-11-07 17:28:03 219

原创 vue监听回车事件

<el-button type="primary" @click="login">登录</el-button>created() { this.keyupSubmit();},methods(){ keyupSubmit() { document.onkeydown = (e) => { let _key = window.event.keyCode; //!this.clickState是防止用户重复点击回车

2020-11-06 11:37:06 11

原创 webpack.config.js配置文件注释

webpack.config.js//nodejs的内置模块 先使用npm init初始化项目const path = require("path");//引入webpack模块(使用plugins)const webpack = require('webpack');//用来自动生成dist目录下的index.html页面代码const htmlWebpackPlugin =require('html-webpack-plugin');//用来丑化代码const uglifyjsWe

2020-10-24 10:24:34 28

原创 Uncaught Error: [HMR] Hot Module Replacement is disabled.

在plugins加new webpack.HotModuleReplacementPlugin(),//模块热替换插件HMR是简称(基本是版本问题)plugins:[new webpack.HotModuleReplacementPlugin(),]

2020-10-23 17:01:44 13

原创 vscode插件

Vue 2 Snippets :这个插件基于最新的 Vue 2 的 API 添加了Code Snippets。(代码提示)Vetur :支持.vue文件的语法高亮显示,除了支持template模板以外,还支持大多数主流的前端开发脚本和插件,比如Sass和TypeScriptopen in browser:使用默认程序打开任何类型的文件,而不仅仅是html文件。(打开浏览器)...

2020-10-22 11:37:17 8

原创 ENOENT: no such file or directory, open ‘F:\projectItem\vscodeProject\package.json‘

少了一个切入目录,cd进去就好了

2020-10-21 11:11:17 56

原创 (已解决) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function

版本过高错误比如我的webpack是3.6.0版本而我的css-loader是5.0.0这里就会出现这个错误解决办法:1,手动设置,然后采用npm install 重新下载2,卸载重装npm uninstall css-loader //卸载npm install css-loader@3.0.0 --save-dev //指定版本重装...

2020-10-20 21:58:19 280

原创 CSS控制彩色图片变灰

//filter的参考文档:https://www.runoob.com/cssref/css3-pr-filter.html.imgStyle{ filter: grayscale(100%); filter: gray; opacity:0.7;//通过改变透明度来调节灰色的程度}

2020-09-28 16:17:01 15

翻译 js实现秒杀倒计时(天,时,分,秒)

效果图:<div id="LeftTime"></div>function FreshTime() { //结束时间 服务器返回 var stopTime = '2020/9/23 12:00:00'; //当前时间 var nowtime = new Date(); //计算相差的时间 var differenceTime =

2020-09-23 14:09:13 45

原创 mongodb增,删,改,查及其它命令使用集

一:介绍“MongoDB是一种面向文档的数据库管理系统,用C++等语言撰写而成,以此来解决应用程序开发社区中的大量现实问题。2007年10月,MongoDB由10gen团队所发展。2009年2月首度推出。”详细简介:https://www.runoob.com/mongodb/mongodb-intro.html官网:https://www.mongodb.com/collateral/mongodb-architecture-guide二:命令合集#查询mongodb版本mongo --v

2020-08-24 18:02:43 29

原创 小程序选择城市及右边字母滚动提示

页面:<view class="zeigai" tt:if="{{zeigaiStrat}}" bindtap="hiddenView" > <view class="backGroundColor"> <view class="showtitle flex-end"> <view class="title">选择国家地区</view> <view> <image src="取消的小icon" st..

2020-07-23 16:53:40 111

原创 this的指向

this在默认环境下指向window1,全局环境下的this指向window2,函数独立调用,函数内部的this也指向window(谁调用的函数,this就指向谁 )3,函数当做对象的方法来调用,this指向当前的对象4,自执行函数中内部的this指向window5,闭包中this默认指向window二:隐式绑定1,当函数当做方法来调用,this指向调用函数的直接对象三:隐式丢失隐式丢失就是指被隐式绑定的函数丢失了绑定对象,从而默认绑定到window1,把对象中的函数赋值给一个变量,就容

2020-07-18 17:29:14 32

转载 小程序-----手写字板----------生成本地链接图片

原文链接:https://www.jianshu.com/p/a1341c0d12e8官方文档:https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/api/interface/canvas-draw/canvas-context/上代码:<view>写字版</view><canvas class="sign" canvas-id="sign" bindtouchmove="move" bindtouchs

2020-07-17 17:27:32 44

原创 小程序拉起用户地址授权拒绝后,引导用户再次授权

简单封装一下获取用户授权信息,需要在多页面使用,进入小程序检查用户是否已经授权,未授权提示请求获取定位权限,引导用户去设置界面授权,如还未授权就会返回false(每次在页面检查需要用户刷新,如下拉,上拉,显示刷新等)这里因为需要在多页面使用于是使用callback回调函数回调函数是什么:A callback is a function that is passed as an argument to another function and is executed after its parent

2020-07-16 12:05:02 276

翻译 git常用命令

参考文档:https://blog.csdn.net/qq_42920245/article/details/102794489以及(无先后顺序,用到什么就是什么):git fetch --all //拉取所有更新,不同步;git reset --hard origin/master //本地代码同步线上最新版本(会覆盖本地所有与远程仓库上同名的文件);git pull //再更新一次(其实也可以不用,第二步命令做过了其实)git config user.name

2020-07-15 18:47:56 28

翻译 -webkit-line-clamp限制多行文字

.shopuserInfo{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}参考文档:https://developer.mozilla.org/zh-CN/docs/Web/CSS/-webkit-line-clamphttps://www.html.cn/book/css/webkit/text/line-clamp.htm

2020-07-15 10:53:01 26

原创 抖音小程序的scroll-view的左右滑动

在抖音小程序的scroll-view组件里面使用flex布局直接无效,不像微信小程序的scroll-view,直接给我们提供了一个enable-flex属性让我们可以启用flex布局enable-flex:启用 flexbox 布局。开启后,当前节点声明了 display: flex 就会成为 flex container,并作用于其孩子节点。那么在抖音小程序里面如何实现,看了一下文档(主要是文档里啥都没有,就一个ttml给你,这丫的,不知道代码块里面详细波,主要是懒就导入)发现没有想要的,于是去社区

2020-07-11 10:27:12 188

原创 css的选择器记录(持续更新)

官网文档:https://www.runoob.com/cssref/css-selectors.html1,::before和::after::before :在某某元素之前插入内容::after :在某某元素之后插入内容简单实例 <span class="before">beforeAndAfter</span> .before{ color: red;; } .before::before{

2020-07-10 14:25:07 31

原创 小程序音频使用

第一种:在界面创建audio组件,并附一个id属性<!--fileSrc 判断文件路径是否存在 src 音频文件的路径--><view wx:if="{{fileArr.fileSrc}}"> <audio src="{{src}}" id="myAudio"></audio> <button type="primary" bindtap="audioPlay">播放</button> <button type=

2020-06-27 22:46:37 64

原创 springboot+WebSocket实现简单消息推送

前端js引入websocket<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId></dependency> var websocket = null; //判断当前浏览器是否支持WebSocke

2020-06-13 14:10:07 69

原创 vue的组件通信

1,父子组件传值,props和$emit父组件<template> <div class="hi"> <h1>我是父组件</h1> <song :msg="msg" @songzhi="songzhi"></song> </div></template><script>import song from '@/components/song.vue'export

2020-06-04 23:05:36 40

转载 js把两张照片合成一张

function drawAndShareImage(number){ var canvas = document.createElement("canvas"); canvas.width = 500; canvas.height = 250; var context = canvas.getContext("2d"); context.rect(0 , 0 , canvas.width , canvas.height);

2020-05-30 13:04:28 144

翻译 js实现可拖动div

var oipc=document.getElementById('avatar');//得到需要拖动的div var isDrag=false;//是否开始拖拽 false 不拖拽 var disX,disY;//图片相对于图片的位置 //鼠标按下时 oipc.onmousedown=function(e){ isDrag=true;//开启拖拽 this.style.cursor='move'; //光标表...

2020-05-30 12:54:32 84

原创 js中的RegExp 对象和match() 方法

RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。https://www.w3school.com.cn/js/jsref_obj_regexp.aspmatch() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。https://www.w3scho...

2020-05-07 22:14:36 146

原创 解决微信小程序IOS部分页面可以左右滑动的问题

page { width:100%; overflow-x:hidden;}

2020-05-07 14:53:02 474

原创 div内容只显示两行,超出以省略号显示

.textoverFlow{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

2020-04-21 19:42:02 53

翻译 小程序结合腾讯云对象存储

首先需要引入腾讯云的sdk:cos-wx-sdk-v5下载地址:https://gitee.com/azhe2000/publicClassLibrary小程序上传图片的代码就不贴了//懒将下面的代码贴在要用的地方 var cos = new COS({ getAuthorization: function(params, callback) { //获...

2020-03-17 17:20:59 192

翻译 微信小程序结合日历判断累计打卡以及连续打卡

参考文档:https://blog.csdn.net/qq_38137411/article/details/81319299##实现后的效果图拿三张效果图进行对比,用户如已打卡当天的日期背景颜色则会显示为蓝色累计打卡取已打卡数组长度就好连续打卡则取数组中的第二位与第一位进行对比,如时间未超过24小时,则记一次打卡,以此类推代码xml<!-- 打卡日历页面 -->...

2019-10-19 10:45:23 774

翻译 js验证银行卡号属于哪家银行

因为今天有个业务涉及到了银行卡业务,一开始打算让用户自己输入银行卡类型,或者是让用户手动选择银卡卡类型,但是都感觉有点捞,于是还是采用了调用接口://接口链接https://ccdcapi.alipay.com/validateAndCacheCardInfo.json?cardNo=111111111111111111111&cardBinCheck=truecardNo //输...

2019-09-27 12:50:08 290

原创 处理location请求乱码问题

#处理window.location的请求乱码页面window.location=“xx.do?name=”+encodeURI(encodeURI(name));控制器String name = java.net.URLDecoder.decode(request.getParameter(“name”), “UTF-8”);...

2019-09-20 10:54:47 103

原创 微信小程序 下拉刷新

首先需开启下拉刷新动作可以在页面的json中开启 或app.json中开启,在app.json中开启则表示所有页面允许下拉刷新{ "enablePullDownRefresh":true //开启下拉刷新}这里有个小坑,就是刷新的时候弹不回去,或则看不到刷新的那个黑点这里就需要在js中处理了 /** * 页面相关事件处理函数--监听用户下拉动作 */ onP...

2019-09-17 15:34:25 70

原创 微信小程序 自定义底部导航栏

自定义底部导航需写一个共用模板: (名称自定义)<template name="nav"> <view class="nav_link" bindtap="{{fn}}"> <button class="defalut_btn {{current==0?'':'on_cor'}}...

2019-09-16 15:51:27 1247

翻译 原生js的监听滚轮事件

前言:只要是现在做网页开发的大部分在右侧都会有一个置顶按钮,而这个置顶按钮有的是一开始就会一直显示,有的则是滚轮向下滚动一定距离之后,才会显示,一直显示的不讲,这个简单,这里就对滚轮进行一下笔记记录//监听滚轮滚动事件window.onscroll = function(){var scrollT = document.documentElement.scrollTop||document....

2019-08-01 14:55:04 2947

翻译 js的动态插入指定位置的标签方法insertBefore,以及自定义insertAfter方法

var mydiv = document.getElementById("mydiv");//目标元素 var divimg = document.createElement("div"); //新建一个div标签 divimg.classList.add("productInformation-img"); //给div定义一个类名 这里用来...

2019-07-28 14:51:35 2279

原创 vue.js的JSON数据解析

数据格式为arr:[{title:'aaa',titlearr:['aaa','bbb','ccc']},{title:'bbb',titlearr:['bbb','ddd','ccc']},{title:'ccc',titlearr:['ccc','fff','ggg']},{},{}];页面对其进行解析<li v-for="(teaitem,index) in arr">...

2019-07-26 16:11:43 1426

翻译 原生js得到,设置以及删除行内样式

var inlineStyle = document.getElementById("teaclassificationId").style.getPropertyValue("display");getPropertyValue:获取行间样式的属性值(这里的属性值可以想象成key:value的形式,根据key得到值,不过这里的key并不是自定义的而是css里面的)setProperty:获...

2019-07-26 15:09:02 670

翻译 js的鼠标经过与离开事件

onmouseover:当鼠标移动到某对象范围的上方时触发的事件onmouseout:当鼠标离开某对象范围时触发的事件参考文档:https://www.cnblogs.com/torchstar/p/null.html

2019-07-25 17:10:28 7211

原创 原生js添加 删除指定类名

indexnavigation.classList.remove("indexnavigationaClass"); indexnavigation.setAttribute("class", "slashStyle");indexnavigation是定义的一个节点setAttribute:跟指定的节点添加类名节点.classList.add:跟指定节点添加类名节点.clas...

2019-07-25 17:06:58 654

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除