- 博客(36)
- 收藏
- 关注
RSS订阅转载 js事件 -- addEventListener事件
百度上很多篇文章讲解addEventListener DOM0级事件的时候讲解的都是覆盖，概念如下：同一个元素的同一种事件只能绑定一个函数，否则后面的函数会覆盖之前的函数其实不然，官网讲解添加的事件不会覆盖已存在的事件。<!DOCTYPE html><html><head><meta charset="utf-8"...
2019-05-08 12:14:00
531
转载 victory-native的使用
Victory用于构建交互数据可视化的可组合React组件的生态系统想写又不想写，真尴尬。。。转载于:https://www.cnblogs.com/CCxi/p/9968074.html
2018-11-16 10:57:00
862
转载 React Native搭建开发环境 之 --走过的坑
React Native是使用JavaScript和React编写原生移动应用我的开发平台是基于windows系统，所以只支持android，要是想开发ios系统，那就只能考虑使用沙盒环境接下来就是必须安装它的依赖注意：Node 的版本必须高于 8.3，Python 的版本必须为 2.x（不支持 3.x），而 JDK 的版本必须是 1.8（目前不支持 1.9 及更高版...
2018-10-24 17:26:00
209
转载 NodeJS NPM 镜像使用方法
每次npm的时候，走国外的镜像，非常的慢，可以配置一下通过改变默认npm镜像代理服务，以下三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候不用重新配置。通过config命令npm config set registryhttps://registry.npm.taobao.orgnpm info underscore (如果上面配置正确...
2018-10-23 10:53:00
608
转载 用for; while...do; do...while; 写出九九乘法表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="div1"></div&g...
2018-10-21 12:59:00
862
转载 create-react-app创建的项目中registerServiceWorker.js文件的作用
使用React官方的脚手架工具create-react-app创建的项目，目录中会存在registerServiceWorker.js这个文件，这个文件的作用是什么呢？这个文件可以使用也可以不使用，使用它可以使你的react项目变成一个PWA（Progressive Web Application）, 也就是说，在线上，只要访问过一次你的网站，下一次即使没有网络，这个应用依然可以被访...
2018-10-14 00:12:00
768
转载 前端应该从哪些方面优化网站？
作者：斯迪链接：https://www.zhihu.com/question/21658448/answer/18903129来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目...
2018-09-24 09:46:00
104
转载 JS基础整理面试题
1、DOM和BOM的区别DOM:document object model;文档对象模型，提供操作页面元素的方法和属性BOM:browser object model;浏览器对象模型，提供一些属性和方法可以操作浏览器2、JS有几种引入方式1、行内式 直接在标签中写js代码2、内嵌式 可以有多个script标签，从上到下3、外联式 直接导入s...
2018-09-17 21:52:00
239
转载 函数的递归
函数的递归递归： 针对的是函数； 是JS中一种重要的思想；函数： 分为定义和执行函数递归： 在函数体内部，调用函数自己本身，让其执行；这就是递归；var i=0;// 1 2function fn() {if(i>100){return;}console.log(i);i++;fn()}fn(...
2018-08-13 22:40:00
126
转载 数据类型检测及封装
数据类型检测1、typeOf;返回一个字符串1.局限性： typeof null –>”object”2.只能检测通过字面量方式创建的基本数据类型值，不能细分对象数据类型下具体的数据类型；2、instanceOf：检测当前实例是否属于某个实例的方法局限性：只要当前类在当前的实例原型链上，都返回truevar ary=[];console....
2018-08-13 22:28:00
190
转载 隔行变色
隔行变色：.html：写一个ul标签，里面多放几个li，为了显示更好的效果.css ：设置宽高，边距和边框，居中显示.js ：获取所有的Li，通过标签名来获取元素集合；判断奇偶数，给背景设置不同的颜色 鼠标滑过变成高亮，onmouseover : 当鼠标划上这个元素时，触发这个函数； 鼠标滑出恢复原色，onmouseout : 当鼠标移出时，触发这个函数；...
2018-08-12 20:55:00
136
转载 if-else案例–开关灯
首先，创建一个html页面，添加一个div盒子，用css设置相应的样式，用js获取盒子的元素，通过点击事件，设置body的背景颜色，用if..else来判断当什么状态设置相应的颜色，(swith...case同理)break:跳出当前循环continue：结束本次循环.css<style type="text/css">*{ma...
2018-08-12 20:17:00
545
转载 作用域
作用域的销毁全局作用域和私有作用域；全局作用域的销毁： 只有当关闭页面时，或关闭浏览器时，全局作用域才会销毁；不销毁的作用域；私有作用域的销毁：函数执行：形成一个私有作用域；提供代码运行环境；存储基本数据类型值；闭包：1.保护了里面的私有不受外界的干扰；2.存储值；function fn() {var num =...
2018-08-11 15:43:00
122
转载 数据类型核心操作步骤和原理
数据类型核心操作步骤和原理JS中的数据类型基本数据类型（值类型）numberstringbooleannullundefined引用数据类型对象{}普通对象[]数组/^$/正则Math 对象数据类型的。。。...
2018-08-11 10:58:00
169
转载 this
thisthis –> 关键字； 在JS有特殊意义；var a = 10;/*console.log(this);window.a = 10;this.b = 18;*/this的用法函数中的this，指的是当前函数的执行主体；谁让函数执行的，那么this就指向谁；在全局作用域下，this指向window；...
2018-08-11 00:09:00
139
转载 Git
Gitwebstorm:代码编辑器浏览器：代码解析器git：是一个工具；用于团队协作开发项目管理代码的工具；代码的协作工具;工作中：git、svn集中式：需要一个中央服务器；每次开发前需要从中央服务器把最新的代码拉取下来，然后进行开发，并且需要网络；git : 分布式；每个人的电脑都是一个中央服务器；不需要网络也可以进行提交代码；代码管理git：...
2018-08-11 00:01:00
96
转载 CSS预编译语言-LESS
LESS的作用CSS层叠样式表，它是标记语言，不是编程语言；所有的预编译CSS语言（less/sass…）都是赋予了CSS的面向对象思想LESS的编译LESS叫做预编译CSS：写好的LESS代码浏览器是不能渲染的，需要我们把它编译成为能渲染的CSS才可以开发环境在本地开发中这是开发环境生产环境本地开发完成了，我们需要把代码上传到服务...
2018-08-10 22:49:00
430
转载 CSS3中的3D动画实现(钟摆、魔方)--实现代码
CSS3中的3D动画实现(钟摆、魔方)transition-property过渡动画属性 all|[attr] transition-duration过渡时间 transition-delay延迟时间 transition-timing-function运动类型ease：（逐渐变慢）默认值linear：（匀速）ease-in：...
2018-08-10 13:33:00
246
转载 JavaScript基础知识（Date 的方法）
Date 的方法console.log(typeof Date);// "function"Date的实例console.log(typeof new Date());// "object"console.log(new Date());// 获取本机的系统时间；var time = new Date();console.log(t...
2018-08-09 15:52:00
130
转载 JavaScript基础知识（Math的方法）
Math的方法Math : 对象数据类型 ；Math: {} 是window下的一个键值对；属性名叫Math,属性值是一个对象var obj = {a:1};console.log(obj.a);console.log(window.Math);1. Math.abs() : 取绝对值；Math.abs(-1.2)...
2018-08-09 15:50:00
177
转载 JavaScript基础知识（DOM）
获取元素的方法要操作谁，就要先获取谁；获取元素1、document.getElementById:通过ID名来获取元素兼容性： 在IE8以下，会默认把name属性当做id来获取；document : 文档；上下问必须是documentget : 获取element : 元素By : 通过Id : ID名字；id 是唯一的；不能重复...
2018-08-09 15:39:00
210
转载 JavaScript基础知识（数组的方法）
数组的方法(15个)对象数据类型；数组成员有一个与之对应的索引length : 代表数组成员的个数；操作改变数组一些方法；这些数组的方法都是内置的；// 1. 方法作用；// 2. 方法的参数// 3. 方法返回值// 4. 原有的数组是否发生改变；1.push1): 向数组末尾新增一项；2): 参数是新增的那一...
2018-08-09 15:19:00
141
转载 JavaScript基础知识（字符串的方法）
字符串的方法1.字符串： 在js中被单引号或双引号包起来的内容都是字符串；var t = "true";console.log(typeof t);// "string"console.log(typeof true);// "boolean"var str = "yyy./NIha";var s = 'www';var str = "hellowor...
2018-08-09 12:28:00
173
转载 JavaScript基础知识（Number的方法）
Number的方法number : 数字 正数 负数 0 NaN 小数;NaN : not a number; 不是一个数字，但是属于数字类型的；1.typeof :检测当前的数据类型的；首先返回一个字符串，字符串中包 含当前值所对应的数据类型；只能检测基本数据类型，不能区分对象数据类型下具体的对象数组正则；console.log(...
2018-08-09 11:12:00
278
转载 JavaScript基础知识（函数）
函数的基础函数： 把实现相同功能的代码放到一个函数体中，当想实现这个功能时，直接执行这个函数即可；减少了的冗余；高内聚，低耦合--> 函数的封装；函数：引用数据类型；var a = 10;function : 关键字：声明定义一个函数；function 函数名(){}function : 功能；方法；函数分为定义和执行；f...
2018-08-09 10:29:00
139
转载 JavaScript基础知识（三个判断、三个循环）
三个判断if…else…只会执行其中一个条件如果if条件中只有一个值，那么会默认转布尔；if(1=="1"){// 当括号中条件为true时，执行此处的代码console.log(100);}else{//如果括号中条件不成立，此处代码是不执行的；console.log(200);}if(true==[]){console.lo...
2018-08-09 10:05:00
239
转载 JavaScript基础知识（数据类型）
数据类型布尔：true/fasleconsole.log(typeof true);// "boolean"Number : true -->1 false -->0console.log(Number(true));console.log(Number(false));Boolean : 把其他数据类型转换布尔值；...
2018-08-08 20:39:00
134
转载 JavaScript基础知识（初识JS）
js的组成部分1、 ECMAScript : JS的基础语法 变量 数据类型，操作语句，函数es3 es5 es6;2、DOM : document object model : 文档对象模型；给提供一系列操作页面元素的方法和属性；document.getElementById(): 通过ID获取元素var b = document.getElemen...
2018-08-08 10:23:00
120
转载 HTML、CSS知识点,面试开发都会需要--No.7 数据列表
No.7 数据列表1.无序列表Unordered List 无序列表用block-level元素ul(unordered list)表示，每个item单独使用li(list)标记。如下代码所示：<ul> <li>Orange</li> <li>Green</li> <...
2016-05-20 16:20:00
164
转载 HTML、CSS知识点,面试开发都会需要--No.6 设置背景
No.6 设置背景1.background （1）如何设置背景：背景可通过color、image、gradient渐变或者组合方法设置。 （2）background-color：颜色格式可以是十六进制或者rgb以及rgba。为了保证兼容性，有些浏览器不支持rgba，需要在设置rgba之前添加一个十六进制设置。如下：div { background...
2016-05-20 16:18:00
211
转载 HTML、CSS知识点,面试开发都会需要--No.5 文章段落
No.5 文章段落1.文字属性 文字属性包含font-*和text-*两类。2.基于font的属性 （1）font-family：字体属性，多个字体之前用逗号隔开。如果第一个字体没找到，则依次找后面的字体。例如：body { font-family: "Helvetica Neue", Helvetica, Arial, sans-...
2016-05-20 16:17:00
121
转载 HTML、CSS知识点,面试开发都会需要--No.4 内容布局
No.4 内容布局1.列举场景 同一行布局三个元素。三个元素等比显示，并且其他元素不会围绕这三个元素。如下要让下面的三个column等比显示在一行：2.通过Float属性实现 （1）float:left, 对于块级别的div可设置float:left让几个元素同行显示。但需要阻止其他元素追尾。 （2）解决追尾方案一：在Column3的后面添加...
2016-05-20 16:10:00
119
转载 HTML、CSS知识点,面试开发都会需要--No.3 盒子模型
No.3 盒子模型1.盒子模型属性（1）包含的CSS属性：width、height、padding、border、margin。1.盒子模型属性（1）包含的CSS属性： width、height、padding、border、margin。（2）盒子模型宽度计算： margin-right + border-right + padd...
2016-05-20 16:05:00
155
转载 HTML、CSS知识点,面试开发都会需要--No.2 CSS
No.2 CSS1.选择器类型 选择器类型包括：type、class、id。2.引用外部css文件 使用link元素，添加rel和href属性：<link rel="stylesheet" href="main.css" />。3.重置浏览器的css样式 （1）为什么重置： 每个浏览器都有自己默认的选择器样式设置，例如元素的...
2016-05-20 12:18:00
73
转载 HTML、CSS知识点,面试开发都会需要--No.1 HTML
No.1 HTML1.网页结构 网页结构一般都包含文档声明DOCTYPE，并且在head中的meta应该包含编码格式、关键字、网页描述信息。简单格式如下:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
2016-05-20 12:05:00
127
转载 Web前端开发推荐书籍
Web前端开发推荐书籍前言学校里没有前端的课程，那如何学习JavaScript，又如何使自己成为一个合格的前端工程师呢？读 书吧~相对于在网上学习，在项目中学习和跟着有经验的同事学习，书中有着相对完整的知识体系，每读一本好书都会带来一次全面的提高。而如果深一脚浅一脚的 学习，写出代码的质量会参差不齐。初学者的首要任务是成为靠谱的熟练开发者，能够稳定的输出有一定质量的代码，这样...
2016-05-19 17:30:00
216
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人