得er-CSDN博客

原创 Vue中axios的简单使用&二次封装

Vue中axios的简单使用&二次封装1.axios是什么Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。2.安装2.1 npm安装$ npm i axios -S2.2 bower安装$ bower install axios3.目录结构（src/api下）3.简单封装以及相关配置// http.jsimport axios from 'axios'; import qs from 'qs'; /* *q

2021-09-02 19:22:56 318

原创 JavaScript运行机制

关于JavaScript运行机制，我今天终于整明白了JavaScriptjavascript是一门单线程的非阻塞的脚本语言。单线程意味着javascript在执行代码的任何时候，都只有一个主线程来处理所有的任务。为什么JavaScript是单线程？JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用

2021-03-16 18:11:57 146

原创 CSS 盒子模型(Box Model)

4.CSS 盒子模型(Box Model)所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。1.看一个button实例<button style="margin: 10px;padding: 10px;border:

2021-03-01 11:28:45 194

原创防抖(debounce)与节流(throttle)

防抖函数(debounce)短时间内多次触发同一事件，只执行最后一次，或者只执行最开始的一次，中间的不执行。应用场景：search搜索联想，用户在不断输入值时，用防抖来节约请求资源。window触发resize的时候，不断的调整浏览器窗口大小会不断的触发这个事件，用防抖来让其只触发一次分类：立即执行版立即执行版的意思是触发事件后函数会立即执行，然后 n 秒内不触发事件才能继续执行函数的效果。function debounce(fn,wait = 500){ let

2021-02-26 12:02:17 544 2

原创常用CSS

1.css文本超出隐藏显示省略号单行 overflow: hidden; text-overflow:ellipsis; white-space: nowrap;多行因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端； display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;2

2021-02-22 10:21:00 62

原创 uni-app scroll-view去除滚动条

/deep/.uni-scroll-view ::-webkit-scrollbar { /* 隐藏滚动条，但依旧具备可以滚动的功能 */ display: none; width: 0; height: 0; color: transparent; background: transparent; } /deep/::-webkit-scrollbar { display: none; width: 0; height: 0; color: transparen

2020-09-24 11:20:37 927 3

原创 Vue之项目打包部署到服务器

第一步：在build/utils/webpack.prod.conf.js 中的output中添加一条 publicPath:’./’在build/utils/webpack.prod.conf.js 中的output中添加一条 publicPath:’./'如果有则继续往下走，come on！！！没有的话看第二步 Vue-cli3.0文件配置Vue-cli3.0没有config文件，需要自己在根目录新建一个vue.config.js文件。具体内容如下：const webpac

2020-09-18 17:45:03 2125

原创 Vue中计算属性中传参(闭包函数)

因为使用不同的仓库来区分付款，所以要把相对应的参数传进去 {{total_price(item.goods_shop_cart)}} computed: { // 在计算属性中使用了闭包函数 total_num () { return function (a) { return this.goodNum(a) } }, total_price () { return function (a) { r.

2020-09-17 17:10:26 1182

原创 Js实现阳历转阴历

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>lunar date</title></head><body> <script> var lunar = { tg: '甲乙丙丁戊己庚辛壬癸', dz: '子丑寅卯辰巳午未申酉戌亥', number

2020-09-17 17:07:22 538

原创 (原生JS)Ajax与jQuery跨域

原生JSget方式<script> window.onload = function(){ var btn = document.getElementById("btn"); btn.onclick = function(){ var username = document.getElementById("username").value; //第一步创建XmlHttpRequest对象

2020-09-17 17:04:53 111

原创验证平台、设备、操作系统

//验证平台、设备和操作系统 var _devices= navigator.userAgent.toLowerCase(); var bIsIpad = _devices.match(/ipad/i) == "ipad"; var bIsIphoneOs = _devices.match(/iphone os/i) == "iphone os"; var bIsMidp = _devices.match(/midp/i) == ...

2020-09-17 16:15:18 173

原创将数据转换为url形式

需求将接口需要的参数组装成数组将接口参数按字典排序之后，将Key_value拼接为一个字符串例如：arr = array( ‘a’=> 1, ‘b’=>2)；拼装之后为a1b2let obj = { makeSign(data){ var timestamp = Date.parse(new Date()) / 1000; data.timestamp = timestamp var newkey = Object.keys(data).sort()

2020-09-17 16:05:26 1127

原创 Vue分页器踩坑

分页器点击页码，内容跳转，页码不变解决方案 <div v-if="pageshow"> // 外层包裹一个元素 <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="page"

2020-09-17 15:40:27 335

原创 WeChat(微信)二维码支付轮询

2020-09-17 14:55:07 1209

原创 Vue中修改后台富文本数据

本文以修改富文本中img地址为例import url from './urls' // imgUrl 图片要修改的urlfunction changePhoto (data) { let result = data.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match, capture) { match = '<img src=' + url.imgUrl + capture +

2020-09-16 18:30:33 620

原创 Vue中百度地图简单应用

百度地图简单应用1. 前置操作第一步：安装vue-baidu-map插件 npm i vue-baidu-map --save第二步：全局或局部注册组件// 全局组件import BaiduMap from 'vue-baidu-map';Vue.use(BaiduMap, { /* Visit http://lbsyun.baidu.com/apiconsole/key for details about app key. */ ak: 'YOUR_A

2020-09-16 18:24:01 289

原创 Vue中用户长时间未操作返回登录页

以下举例为vue(浏览器、小程序、uniapp等都适用)如需在其他环境下使用，对代码稍加修改就好(储存的写法)。HTML部分<template> <div id="app" @click="isTimeOut"> <transition> <router-view></router-view> </transition> </div></template>JS.

2020-09-16 18:00:47 397

原创 vue根据详细地址获取经纬度(不需引入地图)

前言业务需求：根据用户输入详细地址，获取地址的经纬度传给后台，但是不要地图。准备内容1. 安装josnp，解决跨域，不安转会报跨域问题执行命令：npm install vue-jsonp --save入口文件main.js添加：import VueJsonp from 'vue-jsonp'Vue.use(VueJsonp)基本使用方法：this.$jsonp(地址, 传参参数对象{} ).then(json => {　　// 返回的内容 console

2020-09-09 18:27:29 1196

原创 Vue中video.js踩坑日记单页切换后视频无法播放

使用video.js踩坑。单页切换后视频无法播放切换页面以后正常显示效果但是我切换路由返回上一层或者点击跳转下个页面的返回的时候就不显示了？？解决思路在生命周期beforeDestroy函数中销毁创建的video实例。html代码<div class="videoListBox"> <ul class="videoList"> <li v-for="(item,i) in videoList" :k

2020-09-09 18:21:28 2971

ChenXj0.0的博客