前端开发
关注
分享
扫一扫
十一/shell
一个小小前端...
展开
-
移动端中文输入法输入过程中,但是还未选择结果时不断触发onChange事件解决方法
使用compositionstart和compositionend事件来监听开始使用中文输入法和结束使用. compositionstart:输入法编辑器开始新的输入合成时会触发compositionstart事件。 例如，当用户使用拼音输入法开始输入汉字时，这个事件就会被触发。compositionend:当文本段落的组成完成或取消时,compositionend事件将被触发. 如中文输入,语音识别或移动中的字词建议输入完成或取消时.由于co...原创 2021-03-30 18:03:05 · 1004 阅读 · 0 评论 -
移动端输入框比较靠页面下部,输入时键盘会遮挡input输入框,处理方法.
Android:input输入框比较靠页面下部,输入时键盘会遮挡input输入框,处理方法.使用系统自带键盘时,只安卓会遮盖输入框,原因:页面高度由'视口高度'变成了'视口高度-键盘高度'.使用antd-mobilemoney自带键盘时,安卓和iOS都会遮盖输入框.解决方法:1. input聚焦时,页面外框设置margin-bottom:200px(键盘的高度),//使用系统自带键盘时不需要设置此项2.计算可以使输入框进入可视区的scrollTop值,3.设置容器s...原创 2021-03-30 17:46:22 · 1641 阅读 · 0 评论 -
移动端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 · 1900 阅读 · 0 评论 -
javaScript 继承简单总结
javaScript继承继承给我们提供了一种优雅可复用的编码方式,使得我们可以复用父类的属性和方法.常用继承方式有: 1.原型链继承 2.借用构造函数继承 3.组合继承(伪经典继承) 4.原型式继承 5.寄生式继承 6.寄生组合式继承 7.Class继承1.原型链继承将父类的实例作为子类的原型基本模式:functionPeople(name){...原创 2020-06-30 15:49:05 · 243 阅读 · 0 评论 -
闭包的简单理解
闭包,是一个作用域.简单的讲,函数套函数,父函数里面的子函数,就是闭包.任何一个函数都是一个闭包.functiona(){console.log('这个a函数,就是一个闭包.')}闭包的特性:1.函数内部可以读取全局变量;2.函数外部不能读取函数内部的变量.父函数不能读取子函数的变量.父函数读取子函数里面的变量,要使用return.fu...原创 2020-06-30 15:36:55 · 293 阅读 · 0 评论 -
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 · 1889 阅读 · 0 评论 -
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 · 9024 阅读 · 1 评论 -
git下载国内镜像地址
快速下载 git 安装包.国内镜像地址：https://npm.taobao.org/mirrors/git-for-windows/原创 2020-03-09 14:47:11 · 606 阅读 · 0 评论 -
单条消息通知滚动
<!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 · 516 阅读 · 0 评论 -
消息无缝滚动
<!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 · 282 阅读 · 0 评论 -
使用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 · 1653 阅读 · 0 评论 -
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 · 2294 阅读 · 0 评论 -
VUE.JS--绑定方法到WINDOW对象
公司有一个项目需求，需要写一个全局函数给客户端调用，通过客户端传数据回来渲染到页面；通过jsBridge方法，H5可以调用客户端（ios，android）的内部方法，同样，客户端也需要能调用H5页面里定义的js方法。之前项目是通过jsBridge方法调的客户端方法（拍照，扫描二维码，选择通讯录等），由于客户端换了一个项目组的方法，他们只提供链接，当H5打开这个链接后，客户端调用全局函数，通...原创 2019-03-08 10:10:51 · 10348 阅读 · 0 评论 -
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 · 4171 阅读 · 0 评论 -
Axure 8.0.0.3312可用注册码
Axure 8.0.0.3312可用注册码转载 2017-10-20 10:12:34 · 7930 阅读 · 0 评论 -
Select 的绑定值为对象类型时用法 同时获取option选项的label和value值
如果 Select 的绑定值为对象类型，请务必指定 value-key 作为它的唯一性标识。 export default { data() { return { comp: { compName: '', compOrgNo: '' }, compList: [ {compName: '上海分公司',compOrgNo:原创 2017-10-17 14:36:58 · 14505 阅读 · 0 评论 -
js文件上传，elementUi el-upload文件上传
js文件上传，elementUi el-upload文件上传原创 2017-11-16 20:05:30 · 3623 阅读 · 0 评论 -
将鼠标放在A标签上时浏览器左下角会显示跳转后界面地址，如何隐藏
将鼠标放在A标签上时浏览器左下角会显示跳转后界面地址，如何隐藏 点击 OK了，状态栏不会显示地址原创 2018-01-04 16:03:36 · 13467 阅读 · 1 评论 -
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 阅读 · 0 评论 -
下载/导出文件
exportFile(params) { constself = this; self.$axios.get(baseURL+'/attence/exportAttenceInfo',{ params: params, responseType: 'blo原创 2018-01-04 16:10:45 · 788 阅读 · 0 评论 -
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 · 5166 阅读 · 0 评论 -
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 · 779 阅读 · 0 评论 -
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 · 183 阅读 · 0 评论 -
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 · 6022 阅读 · 0 评论 -
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 · 1458 阅读 · 0 评论 -
移动端启用与禁用页面默认的touchmove事件
移动端,同一页面不同层的划动操作会造成相互影响,需要额外处理 如:页面层和弹出层(如picker选择划动)都有划动,同一个页面的不同层划动操作,造成相互影响,需要启用与禁用touchmove来处理. addEventListener()和removeEventListener()用于处理指定和删除事件处理程序操作,所有DOM节点中都包含这两种方法, 并动接受3个参数: element....原创 2018-06-29 16:49:46 · 14491 阅读 · 0 评论 -
vue-cli项目本地代理实现跨域请求
vue-cli项目本地代理实现跨域请求原创 2017-10-19 18:04:40 · 4629 阅读 · 0 评论