- 博客(32)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 移动端中文输入法输入过程中,但是还未选择结果时不断触发onChange事件解决方法
使用compositionstart和compositionend事件来监听开始使用中文输入法和结束使用. compositionstart:输入法编辑器开始新的输入合成时会触发compositionstart事件。 例如，当用户使用拼音输入法开始输入汉字时，这个事件就会被触发。compositionend:当文本段落的组成完成或取消时,compositionend事件将被触发. 如中文输入,语音识别或移动中的字词建议输入完成或取消时.由于co...
2021-03-30 18:03:05
998
原创 移动端输入框比较靠页面下部,输入时键盘会遮挡input输入框,处理方法.
Android:input输入框比较靠页面下部,输入时键盘会遮挡input输入框,处理方法.使用系统自带键盘时,只安卓会遮盖输入框,原因:页面高度由'视口高度'变成了'视口高度-键盘高度'.使用antd-mobilemoney自带键盘时,安卓和iOS都会遮盖输入框.解决方法:1. input聚焦时,页面外框设置margin-bottom:200px(键盘的高度),//使用系统自带键盘时不需要设置此项2.计算可以使输入框进入可视区的scrollTop值,3.设置容器s...
2021-03-30 17:46:22
1633
原创 移动端6位验证码输入框实现
移动端6位验证码输入框实现参考文章效果图:react demo部分代码verCode\verCode.jsximport { useState, useRef } from 'react';import styles from './verCode.module.less';import classnames from 'classnames';/** * 手机端6位验证码输入框 * 用1个输入框输入,输入框设置opacity:0 * 使用6个li标签显示验证码,点.
2021-03-11 21:01:11
1890
1
原创 javaScript 继承简单总结
javaScript继承继承给我们提供了一种优雅可复用的编码方式,使得我们可以复用父类的属性和方法.常用继承方式有: 1.原型链继承 2.借用构造函数继承 3.组合继承(伪经典继承) 4.原型式继承 5.寄生式继承 6.寄生组合式继承 7.Class继承1.原型链继承将父类的实例作为子类的原型基本模式:functionPeople(name){...
2020-06-30 15:49:05
241
原创 闭包的简单理解
闭包,是一个作用域.简单的讲,函数套函数,父函数里面的子函数,就是闭包.任何一个函数都是一个闭包.functiona(){console.log('这个a函数,就是一个闭包.')}闭包的特性:1.函数内部可以读取全局变量;2.函数外部不能读取函数内部的变量.父函数不能读取子函数的变量.父函数读取子函数里面的变量,要使用return.fu...
2020-06-30 15:36:55
291
原创 vue 项目兼容IE浏览器和360浏览器
vue项目在IE浏览器和360兼容模式显示空白解决方法1.安装babel-polyfill模拟ES2015以上的环境，主要用于对ES6新语法不支持的浏览器.安装:npminstallbabel-polyfill--save-dev配置:main.js在最顶部添加,确保全面加载import'babel-polyfill'webpack.base.conf.js中app入口添加"babel-polyfi...
2020-06-30 15:23:43
1880
原创 svg text文本换行
1.svg text文本换行的方法.常用的有两种方法:方法一.使用text添加多个tspan绘制文字用tspan把text拆成多行，重新计算每个tspan的y坐标。<svg xmlns="http://www.w3.org/2000/svg"> <text font-size="14"> <tspan x="0" y="10">医药制造业国家</tspan> <tspan x="0" y="2...
2020-06-30 14:44:51
8989
1
原创 git下载国内镜像地址
快速下载 git 安装包.国内镜像地址：https://npm.taobao.org/mirrors/git-for-windows/
2020-03-09 14:47:11
604
转载 为什么电脑浏览器打不开网页但微信可以登陆
为什么电脑浏览器打不开网页但微信可以登陆有时电脑会出现可以上网但是不能打开浏览器的事情，这是为什么呢又怎么才可以解决呢？今天就来一起交给大家吧~具体如下： 1. 鼠标单击右下角的网络图标，打开网络和共享中心。 2. 随后点击框出的“本地连接”。 3. 在本地连接中点击下方的“属性”。 4. 随后点击框出的Internet 协议版本...
2019-07-16 10:55:19
49709
4
转载 单条消息通知滚动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me...
2019-07-09 11:05:20
513
原创 消息无缝滚动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>JS+CS...
2019-07-09 10:53:23
280
原创 使用ssh公钥clone代码
在Windows下查看[c盘->用户->自己的用户名->.ssh]下是否有"id_rsa、id_rsa.pub"文件，如果没有需要手动生成,有的话直接跳到第二步。1. 生成公钥 打开Git Bash , 执行 cd ~/.ssh 如果提示错误 ，表示ssh文件夹不存在， 执行 mkdir ~/.ssh ，生成ssh文件夹, 然后 cd ~/.ssh 然后执行...
2019-07-08 10:55:22
1650
原创 vue + vue-resource + element-ui项目中遇到的问题总结
运营智享遇到的问题(前端)vue + vue-resource + element-ui + vue-router + node.js + sass1. el-table filter tag 使用filter-method处理数据过滤,当该标签下没有数据时标签切换不起作用 解决: 1.用el-table的filter-change方法处理过滤逻辑,而不用el-table-column...
2019-03-08 10:41:40
2289
原创 VUE.JS--绑定方法到WINDOW对象
公司有一个项目需求，需要写一个全局函数给客户端调用，通过客户端传数据回来渲染到页面；通过jsBridge方法，H5可以调用客户端（ios，android）的内部方法，同样，客户端也需要能调用H5页面里定义的js方法。之前项目是通过jsBridge方法调的客户端方法（拍照，扫描二维码，选择通讯录等），由于客户端换了一个项目组的方法，他们只提供链接，当H5打开这个链接后，客户端调用全局函数，通...
2019-03-08 10:10:51
10347
原创 vscode插件离线安装方法
vscode 插件下载和离线安装方法: 1、进入vscode插件官网（https://marketplace.visualstudio.com/）2、找到需要安装的插件3、如何下载https://code.visualstudio.com/docs/editor/extension-gallery?pub=HookyQR&ext=beautify#_common-questions该网站上提供了...
2018-07-03 15:32:38
4100
原创 移动端启用与禁用页面默认的touchmove事件
移动端,同一页面不同层的划动操作会造成相互影响,需要额外处理 如:页面层和弹出层(如picker选择划动)都有划动,同一个页面的不同层划动操作,造成相互影响,需要启用与禁用touchmove来处理. addEventListener()和removeEventListener()用于处理指定和删除事件处理程序操作,所有DOM节点中都包含这两种方法, 并动接受3个参数: element....
2018-06-29 16:49:46
14471
原创 vee-validate使用
1.安装 npm npm install vee-validate --save2.引入import Vue from 'vue'import zh_CN from 'vee-validate/dist/locale/zh_CN';import VeeValidate, { Validator } from 'vee-validate';Validator.localize('zh_C...
2018-06-24 19:18:08
1457
原创 VueJS ElementUI el-table 的 formatter 和 scope template 不能同时存在
解决办法：使用 slot ,自定义 formatter贴代码table -colum 代码如下：<el-table-column :prop="item.label" v-for="item in tableDayItems" :label="item.value" min-width="120" align="center"> <template scope=
2018-02-24 12:04:43
6019
原创 element-ui 时间日期选择器格式化为yyyy-mm-dd格式
element-ui 时间日期选择器格式化时间日期选择器 获取到的时间格式为Fri Sep 22 2017 00:00:00 GMT+0800 (中国标准时间) 但是 后台需要"yyyy-MM-dd"格式的element ui的'change'方法转换type="date" v-model="formdata2.startTime" @change="change
2018-01-17 17:27:26
28187
原创 用ref唯一属性获取select元素内容
用ref获取select元素内容 请选择机构类型 一级部门 二级部门 三级部门check() {//用ref获取select元素内容 let value = this.$refs.inputSelect.value console.log(value); if (value !== '') { this.i
2018-01-17 17:22:56
6765
转载 git 设置不需要输入密码, 去除 fetch / pull 代码每次都需要输入密码的烦恼
git 设置不需要输入密码, 去除 fetch / pull 代码每次都需要输入密码的烦恼https方式每次都要输入密码，按照如下设置即可输入一次就不用再手输入密码的困扰而且又享受https带来的极速设置记住密码（默认15分钟）：git config --global credential.helper cache如果想自己设置时间，可以这样做：git
2018-01-17 17:05:49
5826
原创 VSCode 常用插件（前端类）
VSCode 常用插件（前端类）1. Open-In-Browser 由于 VSCode 没有提供直接在浏览器中打开文件的内置界面，所以此插件在快捷菜单中添加了在默认浏览器查看文件选项，以及在客户端（Firefox，Chrome，IE）中打开命令面板选项。2. Quokka Quokka 是一个调试工具插件，能够根据你正在编写的代码提供实时反馈。它易于配置，并能够预览变量的函数和计
2018-01-12 15:05:38
9443
转载 65条最常用正则表达式
一、校验数字的表达式1 数字：^[0-9]*$2 n位的数字：^\d{n}$3 至少n位的数字：^\d{n,}$4 m-n位的数字：^\d{m,n}$5 零和非零开头的数字：^(0|[1-9][0-9]*)$6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$7 带1-2位小数的正数或负数：^(\-
2018-01-04 18:48:45
179
原创 hover时背景从内向外辐射改变css
//原样式 li { float: left; width: 250px; background: #fff; margin-left: 2px; margin-bottom: 2px; height: 140px; position: relative; overflow: hidden; } li:before { conten
2018-01-04 18:19:57
777
原创 Vue.set()例 -->直接对数组中的元素赋值不会触发Vue的响应式更新
Vue.set()例 -->直接对数组中的元素赋值不会触发Vue的响应式更新 data () { return { dataSource: [{ id: 1, name: Bill, age: 21 },{ id: 2, name: stive, age: 23 }
2018-01-04 16:20:04
5163
原创 下载/导出文件
exportFile(params) { constself = this; self.$axios.get(baseURL+'/attence/exportAttenceInfo',{ params: params, responseType: 'blo
2018-01-04 16:10:45
783
原创 git -->提交分支步骤
git -->提交分支步骤 git pull origin master 从远端拉取代码 git add . git commit -m '' 提交暂存 git status git fetch 更新分支 git rebase origin/master 合并暂存代码 git push --force origin work20171217(本地分支名) 提交分支到远程
2018-01-04 16:07:14
261
原创 将鼠标放在A标签上时浏览器左下角会显示跳转后界面地址，如何隐藏
将鼠标放在A标签上时浏览器左下角会显示跳转后界面地址，如何隐藏 点击 OK了，状态栏不会显示地址
2018-01-04 16:03:36
13448
1
原创 Select 的绑定值为对象类型时用法 同时获取option选项的label和value值
如果 Select 的绑定值为对象类型，请务必指定 value-key 作为它的唯一性标识。 export default { data() { return { comp: { compName: '', compOrgNo: '' }, compList: [ {compName: '上海分公司',compOrgNo:
2017-10-17 14:36:58
14501
Axure8.0下载
2019-05-16
Git小乌龟TortoiseGit
2017-10-18
git-2.12.0下载
2017-09-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人