原生js实现一个DIV的碰撞反弹运动:
关键在于DIV的边界检测,进而改变运动方向,即可实现碰撞反弹效果。
<!DOCTYPE html>
<html lang="en">
<head
元字符和字符类
元字符
正则表达式由两种基本字符类型组成:
1.原义(正常)文本字符:代表本身含义的字符,如:a、b、c、1、2、3等。
2.元字符:元字符是在正则表达式中有特殊含义的非字母字符,如b代表单词边界,可以是单词的开头或结尾。
常见的符号元字符:
*+?$^.|(){}[]
字符类
一般
一. 各类概念和指令介绍
1. NVM
(1). 全称:Node Version Manager,是一款针对Nodejs的版本管理工具,由于Node的版本很多,很多时候我要需要依赖多个版本,并且要求可以自动切换,这个时候采用NVM来管理Node再合适不过了。
(2)
JS也是一种脚本语言,他可以有两种方式在HTML页面进行引入,一种是外联,一种是内部。
外联JS的写法为:
<script src="相对路径"></script>
这是一条html语句,原则上可以放在html页面的任意位置,不用和l
想到做这个,是因为无意中在github上看到了这一个仓库https://github.com/lunlunshiwo/ChooseCity,做的就是一个城市选择控件,是用vue写的,说的是阿里的一道题目,然后想想自己闲着也是闲着,就动手用react又重新做了一遍。
演示
地址:城市选择控件
gith
原文地址:https://www.xingkongbj.com/blog/http/cross-origin.html
http://www.ruanyifeng.com/blog/2016/04/same-origin-policy.html
document.domain + iframe
最近在做项目的时候,用到了Date.toLocaleString来处理当前日期。在这之前,我都是通过get*等方式来获取数据进行拼接。无意间,发现了toLocaleString方法。遂想写一篇文章来记录Date中不常用到的方法,以便以后查看。
做个测试
条件:当前电脑设置时间为北京时间2018-
<picker class='fr' bindchange="onChangeBuild" range-key="{{'num'}}" value="{{buildIndex}}" range="{{aBuilding}}">
<view class="pic
vue-cli项目中,通过npm run swiper --save-dev安装的是swiper4版本的插件,这样安装以后在谷歌火狐等浏览器都可以正常运行,但是在safari浏览器(可能是版本太低)还有ie(9,10,11)打开会报错,页面空白,报错信息是:SyntaxError: Use of r
(一) 对象
对象是JS的基本数据类型,类似于python的字典。然而对象不仅仅是键值对的映射,除了可以保持自有的属性,JS对象还可以从一个称为原型的对象继承属性,对象的方法通常是继承的属性。(这种对象之间属性的继承,应该就是JS对象和Python字典的主要区别)。还有另一个区别就是,JS对象可以设
整理一份个人的 Todo List
前端技术点扩散出来实在太多太多,有些看起来已经不仅是前端了,路漫漫
以兴趣而学,才能学得来
1. 《CSS世界》 学习
2. ES6+语法完整学习,运用
3. 在MDN完整阅读CSS基础
1 <!DOCTYPE html>
2 <html lang="en">
3
4 <head>
5 <meta charset="UTF-8">
6 <meta name="viewport" cont
浏览器都有页面全屏的功能 F11 ,那么如何用JavaScript控制页面全屏呢?MDN上提供的的API , 一个小demo验证一下!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=
$(document).ready(function () { $('body').css({'height':$(window).height()})});//这行是解决输入框在输入信息弹出键盘后页面变形 $(function () {//微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法
在浏览器里做出EXCEL的效果,复制、粘贴、设置公式、双击编辑等效果,如果自己开发的话,比较麻烦,建议使用成熟的插件。这里介绍使用智表ZCELL插件,实现用户快捷操作。
首先下载插件,引入到页面中,一共4个文件,包括jquery 基础文件,插件和样式文件。
今天有时间讲讲我对面向对象的理解跟看法,尽量用通俗的语言来表达,多多指教!
如今前端开发已经越来越火了,对于前端开发的要求也是越来越高了,在面试中,经常有面试官会问:你对JS面向对象熟悉吗?
其实,也就是相当于在问你,在工作中有没有用过面向对象开发?说到这里,有人就问了,什么事面向对象?
面向对象:
一、一切引用类型都是对象。
JavaScript分为基本包装类型(值类型)和引用类型,引用类型是对象。引用类型主要有函数,数组,对象,null,因此它们都是对象。
判断一个变量是不是变量,值类型可以用typeof来判断,引用类型则可以用instanceof来判断。
console.log(ty
<--------栈内存--------->
俗称叫做作用域(全局作用域/私有作用域)
>为js代码提供的执行环境(执行js代码的地方)
>基本数据内省是直接存放在栈内存中的
<--------堆内存--------->
存储引用类型值得(相当
要点:使用select();
上代码:
if (e.keyCode === 27){
document.getElementById('input').select()
}
//当点击键盘esc键时候,对input框进行全选。
修改样式:
document.getEl
一、this的原理
this的设计主要和内存的数据结构有关系。
var obj= { foo:5 fn:funtion(){}}
以上的代码会把一个对象直接赋值给变量obj。JavaScript 引擎会先在内存里面,然后就生成一个对象{ foo: 5 },然后把这个