- 博客(19)
- 收藏
- 关注
RSS订阅原创 常用数据处理方式（持续更新）
55555-55555-55555let province_id = cityId.substr(0,cityId.indexOf("-"));//55555let city_id = cityId.substr(cityId.indexOf("-")+1,6);//55555let county_id = cityId.substr(cityId.lastIndexOf("-")+1);/...
2020-09-22 09:11:49
316
原创 获取url中携带的参数进行处理，拿到所需值
就拿我写页面来说：let url = 'https://editor.csdn.net/md/?not_checkout=1'观察这个结构，？后面携带的参数not_checkout=1现在我们就来拿到这个参数首先我们拿到这个url:window.location.href//https://editor.csdn.net/md/?not_checkout=1window.location.search//?not_checkout=1我们已经拿到携带的参数片段，现在对这个片段进行处理
2020-05-13 09:38:56
358
原创 VUE实现一个简单的购物车增加，添加，减少，删除等对商品操作。
由于是一个小的页面，所以就没有用到VUEX对于数据处理，实际开发中，会用到VUEX。这边用到的思想是将商品信息存到一个数组里面去。简单看一下页面：页面就不说了，非常简单；我们主要来说一下关系逻辑是否需要向储存购物信息通过判定数量是否为0就能达到；下面我们来看一下代码，代码注释得很详细，就不多说了。<script> let app = new Vue({ el:'#store', data(){ return{ yesMoney:'100',
2020-05-12 17:36:50
3352
原创 移动端调试工具，以及移动端点击复制功能的实现。
1.调试工具 erudacdn:<script src="https://cdn.bootcdn.net/ajax/libs/eruda/2.2.2/eruda.js"></script>使用：eruda.init();2.点击复制功能cdn:<script src="https://cdn.bootcss.com/clipboard.js/2.0....
2020-04-27 13:48:01
413
原创 中国银行app，H5页面调取支付，并返回状态码。
/** * 识别设备终端，获取app相关信息 */ window.terminal = (function () { var u = navigator.userAgent;//app = navigator.appVersion; return { //浏览器版本信息 trident: u.indexOf('Trident') > ...
2020-04-24 13:52:41
3012
12
原创 模板字符串通过条件渲染数据
模板字符串通过条件进行渲染首先我们来看看获取到的数据：我们将通过is_refund和request_staus的状态进行渲染，先看看后端要求的条件is_refund：1已退款 -1未退款；request_staus： 1已发货 -1未发货 2发货失败有了以下代码：我们来看看效果...
2020-04-02 10:42:39
936
原创 jquery Form表单数据获取 并输出为Json格式
本方式主要通过对JQuery中原有的方法serialize() serializeArray() 进行再封装；使输出的数据为JSON格式<div class='sxccb-title-inputPhone'> <form id='form'> <input type="number" placeholder="请输入手机号码" name='phone'/>...
2020-03-28 16:02:39
2812
原创 IOS与安卓关于select样式兼容性问题
让我们先来看看IOS和安卓的区别造成这样的原因是IOS有自己的默认样式所以我们在兼容的时候首先清除默认的样式-webkit-appearance: none;然后select的边框已经倒三角样式都会被清除所以我们需要自己绘制倒三角 添加border.slectIos1{ width: 0; height: 0; border-top: 1rem solid black;...
2020-03-26 22:30:15
581
原创 GIT 'Please enter a commit message to explain why this merge is necessary.'
在git pull 或者 git push 可能会出现的问题1.按键盘字母 i 进入insert模式2.修改最上面那行黄色合并信息,可以不修改3.按键盘左上角"Esc"4.输入":wq",注意是冒号+wq,按回车键即可不修改就是直接显示信息...
2019-12-09 17:29:33
166
原创 详细理清浮动与清除浮动的几种方式
一、浮动产生原因浮动是因为使用了float:left或float:right或两者都有而产生的浮动，导致样式缺失或者不正确显示等问题。二、浮动产生负作用1、背景不能显示由于浮动产生，如果对父级设置了（CSS background背景）CSS背景颜色或CSS背景图片，而父级不能被撑开，所以导致CSS背景不能显示。2、边框不能撑开如果父级设置了CSS边框属性（css border），由于子...
2019-11-29 12:20:14
248
原创 VUEX state增、删、清空
VUEX的函数代码：let mutations = { changeChooseModule (state, module) { state.chooseModule[module.id] = module //增加 }, delChooseModule (state, id) { state.chooseModule.map((v, i) => { ...
2019-11-28 18:24:50
2171
1
原创 原生JS三种方式判断元素是否存在某个类名
1.如果不考虑兼容IE10以下的话，可以用HTML5中的classList API，非常方便：let modulYes = document.querySelectorAll('.modul li') for (let i = 0; i < modulYes.length; i++) { modulYes[i].onclick = () => { ...
2019-11-27 15:46:44
7395
1
原创 原生JS查找所有兄弟节点并操作
通过遍历的方式，查找元素的所有兄弟节点<div class='device fl'> <ul> <li>选择功能模块</li> <li class='on'>通用功能</li> <li>自定义功能</li> &...
2019-11-27 10:32:39
1476
原创 实现DIV标签背景充满整个浏览器可视窗口
通常，我们想要整个浏览器窗口都是一个背景是通过设置body来实现的，但是在VUE中，这个方式过于繁琐，所以我们可以通过设置路由的DIV背景实现窗口。这里用到了CSS三中的新单位VH；.hello{ background: url('../assets/bg.png') no-repeat center 100%; background-size: 100% 100%; height...
2019-11-18 10:51:26
708
原创 通过匹配的方式实现文档遇到"。"自动换行
例如：<p id='content'> 台湾（Taiwan），简称“台”，是中华人民共和国省级行政区 [1] ，省会台北，位于中国大陆东南海域 [1] ，东临太平洋，西隔台湾海峡与福建省相望，南界巴士海峡与菲律宾群岛相对。 [2] 台湾省由中国第一大岛台湾岛和周围属岛以及澎湖列岛两大岛群，共80余个岛屿所组成，总面积3.6万平方公里。 [2-3] 台湾省人口约2350万，超过70%集...
2019-11-11 11:29:29
707
原创 Vue 查找节点出现 Strings must use singlequote 错误
在VUE 中用原生JS 进行节点查找时这样的书写方法会出现Strings must use singlequote 错误 http://eslint.org/docs/rules/quotes Strings must use singlequote src\components\Left.vue:88:39 let ulIn = document.querySelector(...
2019-11-06 18:36:27
4566
1
原创 webpack.config.js模板
webpack.config.js 书写模板。const path = require('path');const MiniCssExtractPlugin = require("mini-css-extract-plugin"); //提取成单个css文件const OptimizeCssAssetsPlugin = require('optimize-css-assets-...
2019-11-01 14:50:01
249
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人