- 博客(26)
- 收藏
- 关注
RSS订阅
原创 Git命令使用记录
博客持续更新中，如果有哪里不对或者需要完善的请指出，共勉！vim: 后面提到的进入vim模式的命令都会用vim代替；vim编辑模式都是如此：按 i 进入编辑模式 — 修改信息 — ESC(退出编辑模式) — :(输入) — wq(保存并退出); 或者 q(不保存强制退出)工作区(Working Directory)暂存区(Stage/Index)版本库(commit History)写代码的地方暂时存放 git add 后数据的区域存放 git commit 提交的数
2022-05-07 09:50:33
511
1
原创 vue中使用input[type=“file“]进行文件上传
注意:input[type="file"] 标签中的属性accept="application/msword,application/pdf" 在pc上正常,但是在手机ios和android上这个文件格式限制会被忽略,所以需要在js中增加格式的判断,以及对应显示样式的设置.(我也是刚发现,如果有遇到这个问题的可以参考下---下面有更改:)```<template><...
2018-08-30 18:42:49
8516
2
原创 vue中老虎机效果的简单实现-带立即停止功能
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .slo
2018-08-17 17:12:44
8499
18
原创 css文本换行以及出现省略号简单处理
1. 使用word-wrap:break-word 不生效的情况:1. 对行元素不生效;2. 代码里有默认设置的不换行;3. 由于粘贴复制的英文段落,导致文字换行不生效,有时候是文字被切割,于是 删除掉被切割的那个单词,然后手动输入一遍 就解决了.(这个是我自己遇到的,也许可能帮到你)2. 下面是,平时用到的一些, 文字处理css:文本多出隐藏（从第二行开始）overflow: hidden;display: -webkit-box;-webkit-box-orient:vert
2022-05-07 10:43:56
2336
原创 vue+elementUI(el-select)实现全选功能
需求: 单级下拉选择框, 增加全选功能;这里方法封装了一下, 适用于一个页面任意多个多选框增加全选百度查了很久,只有几个相关的语言描述, 然后综合翻阅文档,发现: element中的下拉选择框(el-cascader/el-select)都没有, 获取当前选中的option的方法或者参数, 只有当前已选择的option列表. 个人感觉这个有点不太友好,所以就自己写了全选的功能, 希望能帮到需要的小伙伴!!!el-select<el-select v-model="ceshi.v.
2021-08-23 15:30:06
1598
原创 vue+elementUI(el-cascader)实现全选功能
vue+elementUI(cascader/select)全选功能实现需求: 树形以及单级下拉选择框, 增加全选功能;el-select的写在另外一篇文章里,自己把方法封装了一下, 适用于一个页面任意多个多选框增加全选vue+elementUI(el-select)实现全选功能...
2021-08-23 14:49:49
9191
47
原创 vue中axios取消、上传以及下载进度
记录工作中积累的知识点，有不足，请指出，非常感谢支持，一起加油学习！！！git文档地址 传送门1. axios使用场景之取消某个请求方法一:const CancelToken = axios.CancelToken;let cancel;axios.get('/user/12345', { cancelToken: new CancelToken(function executor(c) { // An executor function receives a cancel fu.
2021-04-22 14:54:17
1953
3
原创 JS的神奇用法
JS的一些神奇用法总结，很多都是非常实用的小技巧, 持续更新。。。1. 可选链操作符（?.）可选链操作符( ?. ) 允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空 (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值。const animals = { name: 'Alice', cat: { name: 'Dinah' }}const dogNa
2021-04-21 18:16:56
212
1
原创 JS工作中遇到的数据格式转化
工作项目中， 遇到一些数据转化格式的问题，特此记录一下：1. 数组转化为具有层级关系的对象需求： 如下图所示实现思路： 先找出一级节点，然后对应父子级依赖关系进行遍历，递归。具体实现方法如下：// { 女装: { 连衣裙: {}, ... }, 数码: { 电脑配件: 内存 } } const list = [ { parent_ind: '女装', name: '连衣裙' }, { name: '女装' }, { parent_ind: '女
2021-03-08 16:10:08
116
原创 APP 内嵌H5, H5页面可见性改变事件 : visibilitychange
摘要:本文主要描述的是本人在开发过程中遇到的问题, 以及如何利用 visibilitychange 解决的相关记录。visibilitychange 事件, 简单的说就是 document 对象绑定的一个方法, 在H5页面 隐藏或者显示 的时候触发。遇到的问题(H5, 指的是Vue的页面)前景: APP 内嵌 H5 活动页面, 入口在原生, 活动页面有登陆状态的判断逻辑, 登陆为 APP 原生登陆, 登陆成功返回该活动页面;----- 流程图如下:Created with Ra..
2020-08-27 16:09:28
2200
原创 JS变量提升简单了解
JS 变量提升简单了解, window 属性 和 var 定义的全局变量 有 映射关系1. 变量提示以及私有作用域 console.log(a, b); //1: undefined, undefined, 变量提升(var 只声明), var a; var b; fn => 普通函数,声明 + 定义 var a = 12, b = 12; function fn1 () { /*fn1() 私有作用域下 * => 带var就是私有变量; * =&.
2020-08-04 15:24:44
248
原创 vue中无限轮播的简单实现
JS部分data () { return { list: [], scrollX: 0, prizeTimer: null }},watch: { prizeList (val) { if (val.length > 0) { this.list = val; this.scrollAuto(this.li...
2019-12-18 16:25:10
2268
7
原创 APP 内嵌H5, H5遇到的 兼容性问题
H5, 遇到的 ios 兼容性问题因为需求需要 APP内嵌H5页面 , 所以在开发测试过程中,发现了一下兼容性问题, 都已解决,不好的地方还请指出. 希望对大家有所帮助!1.ios 中日期格式 new Date('2019-10-11') 无效;解决: new Date('2019-10-11'.replace(/\-/g, '/'));2.ios 中日期格式 new Date('...
2019-11-21 11:11:09
1790
原创 vue中模拟四格验证码输入
vue中模拟四格验证码输入１．Template 代码２．JS代码３．css代码插入链接与图片新的甘特图功能，丰富你的文章１．Template 代码<template> <div class="send_otp"> <h3 class="cancel_otp_title">Cancel Trip</h3> <p clas...
2019-05-21 11:16:49
1339
原创 vue中仿写下拉菜单功能-带有过渡效果(移动端)
vue-仿写下拉菜单功能-带有过渡效果(移动端) 查看完整代码 效果图clickOutside.js 点击目标之外的地方,下拉框隐藏,代码如下:export const clickOutside = { bind(el, binding, vnode) { function documentHandler(e) { if (el.contains...
2018-12-05 15:22:50
3570
原创 vue中数字变化滚动效果
原文链接如下: https://www.jb51.net/article/143262.htm ,本人在此基础上根据个人项目稍作修改 !滚动组件部分代码如下:&lt;template&gt; &lt;div class="number-grow-warp"&gt; &lt;span ref="numberGrow" :data-tim
2018-10-25 11:49:10
4685
2
转载 APP 内嵌H5, vue中使用WebViewJavascriptBridge
原文地址请访问: http://mengyujing.com/vue项目使用WebViewJavascriptBridge/app开发的时候, 需要H5 页面会嵌入到 IOS 客户端 app 中，于是就涉及到了 H5 与 IOS 交互的问题。在这里记录一下项目中用到的交互方式，重点介绍 WebViewJavascriptBridge GitHub 地址。H5 调用 IOS，无返回项目中...
2018-09-19 15:49:12
5405
21
原创 Vue-mint-ui一个简单的上拉加载,下拉刷新的效果
一个简单的上拉加载,下拉刷新的效果html代码如下:&amp;lt;template&amp;gt; &amp;lt;div id=&quot;shoplist2&quot;&amp;gt; &amp;lt;head-top id=&quot;header&quot;&amp;gt;
2018-09-13 11:54:20
459
原创 前端H5各种qq,微博,fb,whatsapp等网页分享的链接
前端H5各种qq,微博,fb,whatsapp等网页分享的链接(我用到过的,一点点汇总)代码链接如下:&lt;a href = "https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的网址&amp;sharesource=qzone&amp;title=你的分享标题&amp;pics=你的分享图片&amp;s...
2018-09-13 11:18:43
6166
4
原创 vue中本地时间转换其它时区的时间(js)
<p>距离印度的中秋8月15还剩</p><div class="count-down"><span class="child child0" :style="timeBg">{{time.day1}}</span><span class="child child00&qu
2018-08-30 14:43:50
7210
原创 css文本换行以及出现省略号简单处理
注意:使用word-wrap:break-word 不生效的情况:1.对行元素不生效;2.代码里有默认设置的不换行;3.由于粘贴复制的英文段落,导致文字换行不生效,有时候是文字被切割,于是 删除掉被切割的那个单词,然后手动输入一遍 就解决了.(这个是我自己遇到的,也许可能帮到你)下面是,平时用到的一些,文字处理css:1.##文本多出隐藏（从第二行开始）overflow: h...
2018-08-21 12:00:41
3442
原创 vue中简单分页功能
***父组件如下:orderObj:{status:'To be paid',pageNum:1,pageSize:8,},<pagination v-if="orderList.length != 0" :pagination="pagination" @currentPageData="currentPageData"></pagination>...
2018-08-17 17:04:55
342
原创 vue中Clipboard 复制剪切功能的实现
使用前提:了解各个属性***1.data-clipboard-action=""属性来指明 复制（copy）还是剪切（cut）内容。如果你省略这个属性，则默认为复制（copy）。cut只能在input和textare中起作用.***2.data-clipboard-target指向复印节点，这里指input的目标id ;***3.好消息是，如果你需要支持旧浏览器，clipboard.j...
2018-08-17 10:51:43
2343
原创 vue环境搭建以及git的简单使用记录
先安装node，然后node -v npm -v 查看是否已经安装npm install -g cnpm --registry=https://registry.npm.taobao.org 淘宝镜像（先装上，以后npm不行了就用cnpm）1.可以直接npm install vue 2.也可以如下:2.1安装全局的vue-clicnpm install --global vu...
2018-08-17 10:47:20
829
原创 回到顶部的几种方案(js)
我最喜欢用最后一种:过渡回到顶部!推荐注意: 最外层父级不可以设置overflow:scroll;否则失效.解决方法:是在外面在加一层div.1.锚点<body style="height:2000px;"> <div id="topAnchor"></div> <a href="#topAnchor" style="
2018-08-08 17:54:08
595
原创 bootstrap三级目录样式
bootstrap -->简单的三级目录样式,可以直接使用<div class="dropdown"> <a id="dLabel" role="button" data-toggle="dropdown" class="btn btn-primary" data-target="#" href=&qu
2017-12-28 16:55:34
2559
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人