js 添加事件 attachEvent 和 addEventListener 的用法

一般我们在JS中添加事件,是这样子的 obj.onclick=method 这种绑定事件的方式,兼容主流浏览器,但如果一个元素上多次添加同一事件呢? obj.onclick=method1; obj.onclick=method2; obj.onclick=method3; 如...

2018-12-28 16:55:00

阅读数:9

评论数:0

zoom和transform:scale的区别

zoom简介 在旧的web时代。*zoom: 1可以给IE6/IE7浏览器增加haslayout, 用来清除浮动,修复一些布局上的疑难杂症等。  其支持的值类型有:  百分比值:zoom:50%,表示缩小到原来的一半。  数值:zoom:0.5,表示缩小到原来的一半。  normal关键字:zoo...

2018-12-28 16:02:24

阅读数:13

评论数:0

div获得焦点

div正常情况下是无法获得焦点的,所以其blur方法和focus方法都是没有用的,解决方案如下: <div class="fileInfo" tabindex = "0" contenteditabl...

2018-12-28 11:36:11

阅读数:9

评论数:0

纯css修改下拉列表select的默认样式

select的一些默认样式我们很难修改,比如图标的替换。接下来就说说如何修改这些默认样式: html代码: <div> <select name=""> ...

2018-12-28 11:25:41

阅读数:7

评论数:0

JQuery获取各种宽度的问题

width() - 返回元素的宽度。 height() - 返回元素的高度。 innerWidth() 方法返回元素的宽度(包括内边距)。                      innerHeight() 方法返回元素的高度(包括内边距)。                     outerW...

2018-12-28 11:22:22

阅读数:6

评论数:0

即时反应的input和propertychange方法

在web开发中,我们有时会需要动态监听输入框值的变化,当使用onkeydown、onkeypress、onkeyup作为监听事件时,会发现一些复制粘贴等操作用不了,同时,在处理组合快键键的时候也很麻烦。这时候我们需要更专业的解决方案:HTML5标准事件oninput、onchange和IE专属的事...

2018-12-28 11:21:07

阅读数:8

评论数:0

JavaScript 实现密码可见性切换(显示和隐藏)

默认情况下,输入的密码的 input 标签 type="password",默认密码用小点或星号表示。要密码可见所以我们需要将type修改为"text"。在 Chrome、FireFox 等浏览器中通过修改 input 标签的...

2018-12-28 11:07:04

阅读数:13

评论数:0

JS实现密码加密

1、base64加密   在页面中引入base64.js文件,调用方法为: <!DOCTYPE HTML> <html> <head> <...

2018-12-28 10:38:32

阅读数:7

评论数:1

前端常见面试题

1、如何让一个元素垂直/水平(垂直水平)都居中,请列出你能想到的几种方式? 方式1 <div class="div-demo"></div> .div-demo{ wi...

2018-12-13 14:05:20

阅读数:5

评论数:0

容器文字溢出title显示

我们经常会出现容器内文字溢出问题,我们可以给容器添加属性: .className{ overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }   这样文字溢出会出现省略,在样式上好看了很多...

2018-07-23 17:03:09

阅读数:24

评论数:0

canvas标签学习之文本

1.font属性<body> <canvas id="myCanvas" width="300" height="150"...

2018-07-06 14:00:52

阅读数:47

评论数:0

canvas学习之转换

1.scale()<body> <canvas id="myCanvas" width="300" height="150&quot...

2018-07-06 10:27:42

阅读数:424

评论数:0

canvas标签学习之路径

1.fill()<body> <canvas id="myCanvas" width="300" height="150"...

2018-07-05 18:10:18

阅读数:75

评论数:0

如何在网页中用上自己下载的字体

在开发过程中市场会遇到需要特殊的字体,所谓的特俗字体就是常用字体库中不包含的字体。这时候,我们可以从网络上下载到我们需要的字体,然后引用到我们需要的网页中去。 我们可以用CSS来引用字体路径。 @font-face可以实现从服务器端加载字体,所有浏览器中使用的字体就可以不受本地字体的限制。@f...

2018-07-05 13:56:26

阅读数:1039

评论数:0

canvas标签学习之矩形

1.绘制矩形(rect())<body> <canvas id="myCanvas" width="300" height="150&...

2018-06-25 15:16:05

阅读数:35

评论数:0

canvas标签学习之线条样式

1.lineCap属性lineCap 属性设置或返回线条末端线帽的样式。<body> <canvas id="myCanvas" width="300" he...

2018-06-25 14:47:48

阅读数:70

评论数:0

canvas标签学习篇之fillStyle属性

1.fillStyle属性<body> <canvas id="myCanvas" width="300" height="150&...

2018-06-25 14:25:50

阅读数:217

评论数:0

创建vue项目错误 Error: No parser and no file path given, couldn't infer a parser

原因是prettier 更新到1.13.1导致的component-compiler-utils 1.3.1 已经更新修复了.现在不需要把1.13.1 降级了具体, https://github.com/vuejs/comp...error in ./src/App.vueModule build...

2018-05-28 22:48:25

阅读数:51

评论数:0

vue的知识点1

1. 文本插值是最常见的一种数据绑定方式,语法是使用双括号(Mustache)将变量包含<div id="app"> <p>{{message}}&a...

2018-05-03 23:40:57

阅读数:36

评论数:0

js值类型和引用类型的区别

1. javascript中变量类型分为值类型(基本数据类型)和引用类型(1) 值类型:String(字符串),Number(数值),Boolean(布尔值),Undefined,Null(2) 引用类型:Array(数组),Object(对象),Function(函数)2. 值类型和引用类型的区...

2018-04-28 10:42:48

阅读数:151

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭