mm

原创 uniapp、vue中动态添加绑定style、class

uniapp、vue中动态添加绑定style、class

原创 uniapp 多个视频播放当前视频如何暂停其他视频

uniapp 多个视频播放当前视频如何暂停其他视频

原创 uni-app中的#ifdef #ifndef #endif的用处及区别

uni-app中的#ifdef #ifndef #endif的是使用

原创 uniapp运行到手机，基座提示本应用无法独立运行，需要与hbuilderX 搭配使用

hbuildx 真机调试

原创 vue el-select multiple 下拉多选控件，一打开页面就会触发表单校验问题

问题描述：form表单中使用 el-select multiple 下拉多选控件，并设置了非空校验，打开页面时，下拉多选控件会自动触发表单非空校验，如下图：预期效果是：打开页面，机构和其他属性一样，不会自动触发表单非空校验，而是在操作当前属性时触发。 解决方案：设置初始值为空数组...

原创 Vue自定义指令总结及案例

自定义指令：自定义一些指令对普通 DOM 元素进行底层操作（可注册全局指令、局部指令）。使用：如果想注册局部指令，组件中也接受一个directives的选项案例一：设置dom字体颜色一、简单入门：局部注册：<template> <div> <div class="study-directive" v-color='fontColor'>自定义指令总结:可以是变量 <!-- <div class="study-d..

原创 vue mixins使用总结

基础：一、局部混入：1）、混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。2)、选项合并当组件和混入对象含有同名选项时，这些选项将以恰当的方式进行“合并”。比如，数据对象在内部会进行递归合并，并在发生冲突时以组件数据优先。①：新建minxins.js文件//minxins.js 文件export default{ data()

原创 uniapp 中如何动态获取元素高度及动态设置

一、获取：getDomConfig() { let that = this let info = uni.createSelectorQuery().select(".test_box"); info.boundingClientRect(function(data) { //data - 各种参数 console.log(data) // 获取元素的相关信息 if (data.height > 210) { that.domWidth = '730rpx'.

原创 Js判断电脑是windows系统还是mac系统

Js判断电脑是windows系统还是mac系统；js判断操作系统；js 判断是否微信浏览器

原创 Git合并远程分支及版本回退

一、合并远程分支：提示：假设你自己现在使用的是远程分支是A,需要合并的远程分支为B.1)、第一步：在本地新建一个与远程的分支B相同(要被合并的版本)的分支B;git checkout -b B origin/B该指令表示：创建一个本地分支B，并将远程分支B放到该分支里面去（本地分支与远程分支已关联）。2）、第二步：将远程代码pull到本地git pull3）、第三步：切换到你的分支A;git checkout A4)、第四步：合并分支A与B;git merge

原创 var let const 的区别总结

1、变量提升：1）、var 声明的变量会发生"变量提升"，变量可以在声明前使用，值为undefined;2)、let 不存在变量bian'l

原创 微信开发者工具创建uni-app项目报错：WebAssembly.instantiate(): Argument 0 must be a buffer source or a WebAssembly.

1\1、报错信息：2、解决方案：工具栏-------设置-------项目设置：

原创 小程序中指定页面如何自定义导航栏？

一、指定页面的json文件文件中 设置自定义：{ "navigationStyle": "custom" }二、指定页面的wxml文件中自定义导航内容信息：<view class="box"> <!-- 状态栏高度 --> <view style="height: {{statusBarHeight}}px"></view> <!-- 标题栏高度 --> <view class='nav' style="he

原创 微信小程序中如何修改 checkbox的默认样式？

<checkbox-group> <label> <checkbox></checkbox> </label></checkbox-group>checkbox .wx-checkbox-input { width: 34rpx; height: 34rpx; border-radius: 50%;}/*checkbox选中后样式 */checkbox .wx-checkbo.

原创 vue el-tree @node-click 传自定义参数

<el-tree node-click="(data, node, item) => nodeClick(data, node, item, param)"></el-tree>nodeClick(data, node, item, param) { console.log(data) // data,node,item为默认参数 console.log(node) console.log(item) console.log(param) // par.

原创 vue $emit子组件传出多个参数，如何在父组件中在接收所有参数的同时添加自定义参数

提示：很多时候用$emit携带参数传出事件，并且又需要在父组件中使用自定义参数时，这时我们就无法接受到子组件传出的参数了。以下方式可同时添加自定义参数的方法。一、组件传入单个参数时：//子组件传入data:this.$emit("watchData", data);//父组件接收data同时自定义index@watchData="getData($event,index)"二、组件传入多个参数时：// 子组件传入data1,data2this.$emit('.

原创 CSS中如何设置父元素透明度不影响子元素透明度

css中经常会遇到设置了父元素的透明度，后会直接影响到子元素的透明度。例如：设置父元素opacity：0.5，子元素不设置opacity，子元素会受到父元素opacity的影响，也会有0.5的透明度。即使设置子元素opacity：1，子元素的opacity：1 也是在父元素的opacity：0.5的基础上设置的，因此子元素的opacity还是0.5。解决方法：为父元素设置background: rgba(255,255,255,0.5)。...

原创 微信小程序解密encryptedData 报错：pad block corrupted 解决方法

原因：因为前端在调用getPhoneNumber成功之后回调wx.login去登录，这就导致了登录被刷新，此时服务器使用 code 换取的 sessionKey 不是加密时使用的 sessionKey，导致解密失败。建议开发者提前进行login；或者在回调中先使用checkSession进行登录态检查，避免login刷新登录态。解决办法：优先调用wx.login,然后再去调用其他接口。...

原创 解决img中的src图片加载失败，图片位置出现碎片图标 onerror 事件

有时，img标签中的src图片加载失败，原来的图片位置会出现一个碎片图标，这样让人很不爽，如何变得美观些呢？ <script type="text/javascript"> function imgerrorfun() { var img = event.srcElement; img.src = "image/01.png"; img.onerror = null }</script><img src="image

原创 移动端开发rem实现屏幕适配及处理页面加载页面坍塌样式错乱网页闪烁问题

rem布局在加载的时候会出现元素一开始很小，闪烁一下恢复正常大小问题的原因无非就是html一开始没有设置字体大小嘛，那我们就一开始按最常用的iPhone 6 尺寸，设置html的font-size: 50px;好了，设置html的font-size: 50px;就合理了吗？我的回答是，至少变化的范围非常小，以360px宽的设备为例，根字体大小应该是48px；以前相当于是从0px-48px，现在是50px-48px，不会造成很明显的闪烁问题。至于为什么设置为50px；首先，设计稿是基于750px.

原创 js中回车触发事件

方法一：document.onkeydown = function (e) { // 回车提交表单// 兼容FF和IE和Opera var theEvent = window.event || e; var code = theEvent.keyCode || theEvent.which || theEvent.charCode; if (code == 13) { queryInfo(); }}方法二：JS监听某个DIV区域$("#

转载 vue 中 this.$nextTick()说明及使用

$nextTick　　Vue.nectTick() 是在下次DOM更新循环结束之后执行延迟回调，在修改数据之后使用$nextTick，则可以在回调中获取更新后的DOM（dom的改变是发生在nextTick()之后），这个方法作用是当数据被修改后使用这个方法，会回调获取更新后的dom再render出来　 Vue.nextTick()作用：在下次dom更新循环结束之后，执行延迟回调。在修改数据之后立即使用这个方法，获得更新后的dom在以下两个情况下需要用到Vue.nextTick()1、Vue.

原创 vscode格式化html标签属性不换行（vetur插件）

左下角管理点开，选择设置。在用户设置下找到vetur，打开settings.json放入下面的配置保存:"vetur.format.defaultFormatter.html": "js-beautify-html","vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_line_length": 120,"wrap_attributes": "auto","end_with_newline": fa.

原创 vue 实现页面内容禁止选中功能

css实现方式：*{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /*IE10*/ user-select:none; } input{ -webkit-user-select:auto; /

原创 vue中watch的详细用法

在vue中，使用watch来监听数据的变化。watch的用法大致有四种。下面代码是watch的简单的用法：<input type="text" v-model='names'>1）、直接写一个监听处理函数，当每次监听到names值发生改变时，执行函数：export default { watch: { names(newval,oldval){//第一次绑定值不会执行此方法，只有input值发生改变后才会执行 console.log('初始值：'+o.

原创 vue中如何动态设置元素的高度

1. 添加样式绑定<div class="container" :style="{height: scrollerHeight}"></div>2. 添加属性计算computed: { // 滚动区高度 scrollerHeight: function() { return (window.innerHeight - 50) + 'px'; //自定义高度需求 } } ...

原创  vue中实现点击当前元素之外的元素之执行此方法（clickoutside）

引入：importClickoutsidefrom"element-ui/src/utils/clickoutside";声明指令：export default { directives: { Clickoutside }, data() {}}使用： <div v-clickoutside="handleClose"> </div> methods: { handleClose() { console....

原创 js 函数形参和实参的区别及如何获取不同参数个数

参数有形参（parameter）和实参（argument）的区别，形参指的是函数声明时的变量；实参指的是调用该函数时所传的参数。例：声明函数test(a,b) 时a,b就是形参，调用test(1,2)时1，2就是实参；function test(a,b){ console.log(a,b) } test(1,2) // 1 2注：形参和实参应保持数量相同fu...

原创 js 中滑块（Ionrangeslider.js的使用）

你想要的应有尽有：1、首页引入相关文件 ：（1）、csdn <!--Plugin CSS file with desired skin--> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.0/css/ion.ra...

原创 JS实现alert中显示换行的方法

//浏览器类型判定function getOs(){ if(navigator.userAgent.indexOf("MSIE")>0) { return "IE"; //InternetExplor } else if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ return "FF"...

原创 Js获取当前页面URL各种参数

方法一：// 网上的示例大都是用unescape()解码，不过测试中文依旧乱码，换成decodeURI()即可。/** * 获取URL参数 * @param 参数名 * @returns 参数值 */function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)...

原创 element input自定义正则验证

constcheckDeptTel=(rule,value,callback)=>{constpattern=/^((0\d{2,3}-\d{7,8})|(1[3576849]\d{9}))$/if(value!==''){if(!pattern.test(value)){cal...

原创 AJAX请求返回HTTP 400 错误 - 请求无效 (Bad request)

在ajax请求后台数据时有时会报HTTP400错误-请求无效(Badrequest);出现这个请求无效报错说明请求没有进入到后台服务里；　　原因：　　1）前端提交数据的字段名称或者是字段类型和后台的实体类不一致，导致无法封装；　　2）前端提交的到后台的数据应该是json字符串类型，而前端没有将对象转化为字符串类型；　　3）少传参数，后台要求必传的参数　　解决方案：　　1）对照字...

原创 Ajax请求(415 Unsupported Media Type)

Unsupported media type-415(不支持的媒体类型)该错误类型是后台接收参数为json类型的，然而ajax提交的类型不对，如下：异常代码：$.ajax({ url: api + "/sendMessage", type: "post", dataType : "json", ...

原创 HTML form 标签的使用

原创 jquery中attr和prop的区别

对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。 例：<a href="http://www.baidu.com" target="_self" class="btn">百度</a>这个例子里<a>元素的DOM属性有“href、target和class"...

原创 js input 输入验证

1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true<input type="submit" value="提交" hidefocus="true" />2.只读文本框内容,在input里添加属性值 readonly<input type="text" readonly />3.防止退后清空的TEXT文档(...

原创 Js操作Select使用大全(取值、设置选中，清空)

jquery操作select(取值，设置选中）每一次操作select的时候，总是要出来翻一下资料，不如自己总结一下，以后就翻这里了。比如<select class="selector"></select>1、设置value为pxx的项选中$(".selector").val("pxx");2、设置text为pxx的项选中$(".selector").find("...

原创 在<a></a>标签中如何调用javaScript脚本

在<a></a>中调用javaScript脚本的方法推荐如下：1、<a href="javascript:void(0);" onclick="js_method()”></a>这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转...

原创 jsp注释的区别

jsp注释<%-- -- %> 和 <!-- --> 的区别 最近在写整理外包jsp页面注释的时候，遇到一个问题，在jsp页面引用的静态属性资源文件时，在浏览器控制台报错，当我把引用的标签注释掉后，用的是<!---->。然后浏览器仍然报了之前那个的错，当经过查询以后，jsp页面注释代码推荐用<%----%>进行注释，两者的区别在...