mengdong_524的博客

原创 JS 箭头函数和普通函数的区别？

JS 箭头函数和普通函数的区别

原创 css制作三角形

.sanjiao { width: 0; height: 0; /* 为了照顾兼容性加以下两行代码 */ line-height: 0; font-size: 0; border: 20px solid transparent; border-top-color: aquamarine;}<div class="sanji.

原创 CSS单行文本溢出时显示省略号

CSS单行文本溢出时显示省略号

原创 uniapp实现上传图片

HTML部分如下：<view class="uPImg"> <view class="Img">上传照片 :</view> <!-- 上传图片 --> <view class="shangchuan"> <view class="sc2" v-for="(item, index) in imgList" :key="index"&...

原创 20个实用的JS单行代码

1、获取浏览器Cookie的值通过document.cookie 来查找cookie值const cookie = name => `; ${document.cookie}`.split(`; ${name}=`).pop().split(';').shift(); cookie('_ga');// Result: "GA1.2.1929736587.1601974046"2、颜色RGB转十六进制const rgbToHex = (r, g, b) => "#"

原创 20个实用的JavaScript单行代码

1、获取浏览器Cookie的值通过document.cookie来查找cookie值const cookie = name => `; ${document.cookie}`.split(`; ${name}=`).pop().split(';').shift(); cookie('_ga');// Result: "GA1.2.1929736587.1601974046"2、颜色RGB转十六进制const rgbToHex = (r, g, b) => "#".

原创 JS字符串常用方法

1、toLowerCase()：把字符串转为小写，返回新的字符串。var str="Hello World";var str1=str.toLowerCase();console.log(str); //Hello Worldconsole.log(str1); //hello world2、toUpperCase(): 把字符串转为大写，返回新的字符串。var str="hello world";var str1=str.toUpperCase();console.log(str

原创 Vue路由（vue-router）详细讲解

中文文档：https://router.vuejs.org/zh/Vue Router 是Vue.js官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转；首先我们来学习三个单词（route，routes，router）：　　route：首先它是个单数，译为路由，即我们可以理解为单个路由或者某一个路由；　　routes：它是个复数，表示多个的集合才能为复数；即我们可..

原创 JS常用数组方法

汇总：1.join()2.push()3.pop()4.unshift()5.shift()6.reverse()7.sort()8.concat()9.slice()10.splice()下面是ES5新增1.indexOf()2.forEach（）3.map()4.filter()5.every()6.some()接下来我们来看详解：1.join()：将数组转换成对应的字符串。参数就是连接符。（不改变原数组）var arr=

原创 JS删除数组里的某个元素方法

1、删除数组指定的某个元素首先可以给JS的数组对象定义一个函数，用于查找指定的元素在数组中的位置，即索引，代码为：Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length; i++) { if (this[i] == val) return i; } return -1; };然后使用通过得到这个元素的索引，使用js数组自己固有的函数去删除这个元素：代码为：Array.pr

原创 Json对象与Json字符串互转(4种转换方式)

1、jQuery插件支持的转换方式：代码如下:$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象2、浏览器支持的转换方式(Firefox，chrome，opera，safari，ie9，ie8)等浏览器：代码如下:JSON.parse(jsonstr); //可以将json字符串转换成json对象JSON.stringify(jsonobj); //可以将json对象转换成json对符串

原创 12个不容错过的Vue UI 组件库

Vue.js 是一个渐进式 javascript 框架，用于构建 UIS（用户界面）和 SPA（单页应用程序）。UI 组件库提高了我们的开发效率，增强了应用的整体外观、感觉、交互性和可访问性，下面就来看看有哪些适用于 Vue 的 UI 组件库。1. Element UIElement UI 是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。它是一个用于 Web 的 UI 组件库 ，除了 Vue 之外，它还具有React 和 Angular的版本。Element.

原创 让一个元素垂直水平居中的四种方法

第一种方法:div.box{weight:200px;height:400px;<!--把元素变成定位元素-->position:absolute;<!--设置元素的定位位置，距离上、左都为50%-->left:50%;top:50%;<!--设置元素的左外边距、上外边距为宽高的负1/2-->margin-left:-100px;margin-top:-200px;}*兼容性好;缺点:必须知道元素的宽高-----..

原创 使用replace去掉字符串开头或结尾的空字符串

原创 使用replace去掉字符串开头或结尾的空字符串

// 定义三个函数: // 删除开头的空字符 function ltrim(str){ return str.replace(/^\s+/,""); } // 删除结尾的空字符 function rtrim(str){ return str.replace(/\s+$/,''); } // 同时删除开头和结尾的空字符 ...

原创 uniapp实现app版本更新下载

在index.vue 中的onload方法里面或者app.vue中的onLaunch中添加如下部分：update() {uni.request({url: `${this.$store.state.apiBaseUrl}/users/versions`,//请求接口method:'POST',success: result => {if(result.data.code == 1) {plus....

原创 UNIAPP----调用手机上传图片及拍照功能并显示在页面上

直接上代码：HTML： 创建事件 image<view class="image" @click="image"> <image src="../../static/image.svg" mode=""></image></view>uni.chooseImage() API 将上传或拍照的图片，打印res。返回结果的tempFilePaths[0] 就是图片地址，但是这个地址不能直接用，可以放在新数组里面，因为最多...