input获取焦点的时候输入框放大
input添加样式box-sizing: border-box 浏览器最小字体是12px,如果输入框太小的,就会被撑开,这时候给输入框一个宽度.
2019-06-13 14:41:25 前端
css
原生JavaScript复制任意节点文字
1.html部分 <div id="copyText">点击下面的按钮我会被复制</div> <button class="btn">点击我复制上面的文字</button> 2.JavaScript部分 // 复制的文字 const target2 = document.querySelector('#cop
2019-06-10 15:05:38 前端
JavaScript
浏览器的三个储存
cookie、localStorage 和 sessionStorage 的使用以及区别 localStorage 和 sessionStorage 的增删改查: 存储数据: sessionStorage.setItem('key', 'sessionStorage的值'); // 存储数据 获取指定键名数据: let dataSession=sessionStorage.getItem
2019-05-27 15:43:55 前端
Javascript
随机数数组
随机数数组 由随机数组成的数组 所谓的随机数数组就是:由随机数组成的数组(数组的长度和随机数的范围可自定义) 当然有很多方法,只是用下面这个API只用一行代码就可以实现这个功能,见猎心喜,然后放了上来。 原理 1.先创建一个类似数组的对象(即对象拥有length属性) 2.利用Array.from的第二个参数,对每个元素进行处理(生成随机数)。 /** * 由随机数组成的数组:长度和随机数范围可
2019-05-27 15:32:26 前端
JavaScript
前端怎样操作网页的复制粘贴
API 介绍: 复制、剪切、粘贴事件: copy 发生复制操作时触发; cut 发生剪切操作时触发; paste 发生粘贴操作时触发; 每个事件都有一个 before 事件对应:beforecopy、beforecut、beforepaste; 这几个 before 一般不怎么用,所以我们把注意力放在另外三个事件就可以了。 触发条件: 鼠标右键菜单的复制、粘贴、剪切; 使用了相应的键盘
2019-05-27 14:58:48 前端
Javascript
JavaScript random方法得到随机整数
Math.random()可以随机0~1之间任意的数   一、得到1-3的随机整数 代码: 总结:Math.random()方法得到随机小数 *3将会得到小于3的数字,Ceil方法始终向上舍入。   二、得到0-3的随机整数 代码: 总结:Math.random()方法得到随机小数 *4将会得到小于4的数字,floor方法始终向下舍入。     附:舍入
2019-05-24 17:04:19 前端
Javascript
JavaScript复习总结
JavaScript 一、JavaScript组成和数据类型 1.JavaScript由三部分组成 1.ECMScript 2.BOM 整个浏览器 3.DOM document(文档) 整个文档 从html开始到html结束 【注】每一条JavaScript语句后面都必须加分号,语法规范。 2.JavaScript的数据类型 【注】JavaScript的数据类型分为两大类 1.基本数据类型 &
2019-05-21 13:09:58 前端
Javascript
VSCode中使用Emmet神器快速编写HTML代码
Emmet 的前身是大名鼎鼎的 Zen coding. 它使用仿 CSS 选择器的语法来生成代码, 大大提高了 HTML/CSS 代码编写的速度, 而且作为一款插件能够支持大部分的代码编辑器, VSCoder 内置了 Emmet 插件. 请看下面演示:    编码演示 一、快速编写 HTML 代码 1.  初始化 HTML 文档需要包含一些固定的标签, 比如 、、 等, 现在你只需要 1 秒钟就可
2019-05-17 11:27:01 前端
VSCode
Vue的几个Ui框架
vue-awesome-mui 最接近原生APP体验的高性能前端框架 在线预览:https://wscats.github.io/vue-awesome-mui/public/#/index github地址:https://github.com/Wscats/vue-awesome-mui Mand Mobile 2 面向金融场景的Vue移动端UI组件库,丰富、灵活、实用,快速搭建优质的金融类产
2019-05-13 17:17:27 前端
Vue
关于element-ui项目的分页返回默认显示第一页的问题解决
关于vue+element-ui项目的分页,返回默认显示第一页的问题解决 示例代码 <template> <div style="text-align: center"> <el-pagination @current-change="list" background layout="prev, pager
2019-05-08 15:50:26 前端
element
SourceTree 3.0.17跳过注册
个人版本的跳过注册方式已经无效,需要下载企业版本下载地址:https://www.sourcetreeapp.com/enterprise首次点击msi进行安装 (当前最新版SourcetreeEnterpriseSetup_3.0.17.msi) 然后找到在 %programfiles(x86)%\Atlassian\Sourcetree 目录下找到SourceTree.exe 运行后
2019-05-07 17:16:37 Git
SourceTree
Egret在localStorage存储读取JSON对象的方法
一、存储数据 数据obj let data = [ { usernametext: 'test1', money: 100, PlayerId: 1}, { usernametext: 'test2', money: 200, PlayerId: 2}, { usernametext: 'test3', money: 200, PlayerId: 3}, { usernametext: 'test
2019-04-22 15:46:34 前端
Egret
localStorage存储JSON对象的小方法
有时候, 我们需要将数据存储到 sessionStorage 和 localStorage 中, 这样做的好处有: 1 缓存数据 2 减少对内存的占用 但是, storage 只能存储字符串的数据, 对于 JS 中常用的数组或对象却不能直接存储. var obj = { name: 'Jim' }; sessionStorage.obj = obj; localStorage.obj = ob
2019-04-22 15:12:33 前端
localStorage
JavaScript遍历JSON对象数据的方法
JSON 中, 有两种结构: 对象和数组, 对象是没有 length 这个属性, 而数组结构是有的, 下面分别说下这两种结构之间的区别和遍历方式. 对象 一个对象以 "{" 开始, "}"结束. 每个 "key" 后跟一 ":", "'key/value' 对" 之间运用 ", &qu
2019-04-20 19:44:15 前端
JavaScript
普通函数与箭头函数的区别
箭头函数是 ES6 的 API,相信很多人都知道,因为其语法上相对于普通函数更简洁,深受大家的喜爱。就是这种我们日常开发中一直在使用的 API,大部分同学却对它的了解程度还是不够深... 普通函数和箭头函数的区别: 箭头函数的 this 指向规则: 1. 箭头函数没有prototype(原型),所以箭头函数本身没有 this let a = () =>{}; console.log(a.pr
2019-04-15 16:54:14 前端
Javascript
TypeScript 遍历Array的方法:
Typescript 的官方文档 Iterators and Geneators 一、for..of 方法 这是最常用的方法, 遍历的值是数组中的 value 值 let someArray = [1, "string", false]; for (let entry ofsomeArray){ console.log(entry); // 1, "string&q
2019-04-15 14:07:28 前端
TypeScript
TypeScript 的简单使用
// 声明三个基本类型的变量:boolean、number、string // 这些变量只能被赋予相同类型的值 let isDone:boolean = false; let count:number = 123; let userName:string = "Mike"; userName += count; // 声明数组 // 可以声明 N 维数组 const arr:
2019-04-15 13:49:16 前端
TypeScript
Egret学习总结
显示对象 --egret.DisplayObject 只要你的父类是DisplayObject,就说明你是一个显示对象,就可以添加到舞台上。 矢量图、位图、文本、位图文本(在舞台上出现的东西都是显示对象) 显示对象容器 --egret.DisplayObjectConatiner 用来存放显示对象所以有两个最基本的方法 1.addChild() 向这个显示对象添加到显示对象容器 2.remov
2019-03-30 22:22:36 前端
Egret