banni6813-优快云博客

转载 js事件 -- addEventListener事件

百度上很多篇文章讲解addEventListener DOM0级事件的时候讲解的都是覆盖，概念如下：同一个元素的同一种事件只能绑定一个函数，否则后面的函数会覆盖之前的函数其实不然，官网讲解添加的事件不会覆盖已存在的事件。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"...

2019-05-08 12:14:00 554

转载 victory-native的使用

Victory用于构建交互数据可视化的可组合React组件的生态系统想写又不想写，真尴尬。。。转载于:https://www.cnblogs.com/CCxi/p/9968074.html

2018-11-16 10:57:00 882

转载 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 239

转载 NodeJS NPM 镜像使用方法

每次npm的时候，走国外的镜像，非常的慢，可以配置一下通过改变默认npm镜像代理服务，以下三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候不用重新配置。通过config命令 npm config set registryhttps://registry.npm.taobao.org npm info underscore (如果上面配置正确...

2018-10-23 10:53:00 622

转载用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 877

转载 create-react-app创建的项目中registerServiceWorker.js文件的作用

使用React官方的脚手架工具create-react-app创建的项目，目录中会存在registerServiceWorker.js这个文件，这个文件的作用是什么呢？这个文件可以使用也可以不使用，使用它可以使你的react项目变成一个PWA（Progressive Web Application）, 也就是说，在线上，只要访问过一次你的网站，下一次即使没有网络，这个应用依然可以被访...

2018-10-14 00:12:00 794

转载前端应该从哪些方面优化网站？

作者：斯迪链接：https://www.zhihu.com/question/21658448/answer/18903129来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目...

2018-09-24 09:46:00 121

转载 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 270

转载函数的递归

函数的递归递归：针对的是函数；是JS中一种重要的思想；函数：分为定义和执行函数递归：在函数体内部，调用函数自己本身，让其执行；这就是递归； var i=0;// 1 2 function fn() { if(i>100){ return; } console.log(i); i++; fn() } fn(...

2018-08-13 22:40:00 139

转载数据类型检测及封装

数据类型检测 1、typeOf;返回一个字符串 1.局限性： typeof null –>”object” 2.只能检测通过字面量方式创建的基本数据类型值，不能细分对象数据类型下具体的数据类型； 2、instanceOf：检测当前实例是否属于某个实例的方法局限性：只要当前类在当前的实例原型链上，都返回true var ary=[]; console....

2018-08-13 22:28:00 219

转载隔行变色

隔行变色： .html：写一个ul标签，里面多放几个li，为了显示更好的效果 .css ：设置宽高，边距和边框，居中显示 .js　：获取所有的Li，通过标签名来获取元素集合；判断奇偶数，给背景设置不同的颜色　　鼠标滑过变成高亮，onmouseover : 当鼠标划上这个元素时，触发这个函数；　　鼠标滑出恢复原色，onmouseout : 当鼠标移出时，触发这个函数； ...

2018-08-12 20:55:00 151

转载 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 567

转载作用域

作用域的销毁全局作用域和私有作用域；全局作用域的销毁：只有当关闭页面时，或关闭浏览器时，全局作用域才会销毁；不销毁的作用域；私有作用域的销毁：函数执行：形成一个私有作用域；提供代码运行环境；存储基本数据类型值；闭包： 1.保护了里面的私有不受外界的干扰； 2.存储值； function fn() { var num =...

2018-08-11 15:43:00 152

转载数据类型核心操作步骤和原理

数据类型核心操作步骤和原理 JS中的数据类型基本数据类型（值类型） number string boolean null undefined 引用数据类型对象 {}普通对象 []数组 /^$/正则 Math 对象数据类型的。。。 ...

2018-08-11 10:58:00 187

转载 this

this this –> 关键字；在JS有特殊意义； var a = 10; /*console.log(this); window.a = 10; this.b = 18;*/ this的用法函数中的this，指的是当前函数的执行主体；谁让函数执行的，那么this就指向谁；在全局作用域下，this指向window； ...

2018-08-11 00:09:00 154

转载 Git

Git webstorm:代码编辑器浏览器：代码解析器git：是一个工具；用于团队协作开发项目管理代码的工具；代码的协作工具;工作中：git、svn集中式：需要一个中央服务器；每次开发前需要从中央服务器把最新的代码拉取下来，然后进行开发，并且需要网络；git : 分布式；每个人的电脑都是一个中央服务器；不需要网络也可以进行提交代码；代码管理 git：...

2018-08-11 00:01:00 110

转载 CSS预编译语言-LESS

LESS的作用 CSS层叠样式表，它是标记语言，不是编程语言；所有的预编译CSS语言（less/sass…）都是赋予了CSS的面向对象思想 LESS的编译 LESS叫做预编译CSS：写好的LESS代码浏览器是不能渲染的，需要我们把它编译成为能渲染的CSS才可以开发环境在本地开发中这是开发环境生产环境本地开发完成了，我们需要把代码上传到服务...

2018-08-10 22:49:00 449

转载 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 269

转载 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 158

转载 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 199

转载 JavaScript基础知识（DOM）

获取元素的方法要操作谁，就要先获取谁；获取元素 1、document.getElementById:通过ID名来获取元素兼容性：在IE8以下，会默认把name属性当做id来获取； document : 文档；上下问必须是document get : 获取 element : 元素 By : 通过 Id : ID名字； id 是唯一的；不能重复 ...

2018-08-09 15:39:00 228

转载 JavaScript基础知识（数组的方法）

数组的方法(15个) 对象数据类型；数组成员有一个与之对应的索引 length : 代表数组成员的个数；操作改变数组一些方法；这些数组的方法都是内置的； // 1. 方法作用； // 2. 方法的参数 // 3. 方法返回值 // 4. 原有的数组是否发生改变； 1.push 1): 向数组末尾新增一项； 2): 参数是新增的那一...

2018-08-09 15:19:00 174

转载 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 189

转载 JavaScript基础知识（Number的方法）

Number的方法 number : 数字正数负数 0 NaN 小数; NaN : not a number; 不是一个数字，但是属于数字类型的； 1.typeof :检测当前的数据类型的；首先返回一个字符串，字符串中包含当前值所对应的数据类型；只能检测基本数据类型，不能区分对象数据类型下具体的对象数组正则； console.log(...

2018-08-09 11:12:00 296

转载 JavaScript基础知识（函数）

函数的基础函数：把实现相同功能的代码放到一个函数体中，当想实现这个功能时，直接执行这个函数即可；减少了的冗余；高内聚，低耦合--> 函数的封装；函数：引用数据类型； var a = 10; function : 关键字：声明定义一个函数； function 函数名(){} function : 功能；方法；函数分为定义和执行； f...

2018-08-09 10:29:00 152

转载 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 266

转载 JavaScript基础知识（数据类型）

数据类型布尔：true/fasle console.log(typeof true);// "boolean" Number : true -->1 false -->0 console.log(Number(true)); console.log(Number(false)); Boolean : 把其他数据类型转换布尔值； ...

2018-08-08 20:39:00 160

转载 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 137

转载 HTML、CSS知识点,面试开发都会需要--No.7 数据列表

No.7 数据列表 1.无序列表Unordered List 无序列表用block-level元素ul(unordered list)表示，每个item单独使用li(list)标记。如下代码所示： <ul> <li>Orange</li> <li>Green</li> &lt...

2016-05-20 16:20:00 194

转载 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 245

转载 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 136

转载 HTML、CSS知识点,面试开发都会需要--No.4 内容布局

No.4 内容布局 1.列举场景同一行布局三个元素。三个元素等比显示，并且其他元素不会围绕这三个元素。如下要让下面的三个column等比显示在一行： 2.通过Float属性实现（1）float:left, 对于块级别的div可设置float:left让几个元素同行显示。但需要阻止其他元素追尾。（2）解决追尾方案一：在Column3的后面添加...

2016-05-20 16:10:00 132

转载 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 179

转载 HTML、CSS知识点,面试开发都会需要--No.2 CSS

No.2 CSS 1.选择器类型选择器类型包括：type、class、id。 2.引用外部css文件使用link元素，添加rel和href属性：<link rel="stylesheet" href="main.css" />。 3.重置浏览器的css样式（1）为什么重置：每个浏览器都有自己默认的选择器样式设置，例如元素的...

2016-05-20 12:18:00 88

转载 HTML、CSS知识点,面试开发都会需要--No.1 HTML

No.1 HTML 1.网页结构网页结构一般都包含文档声明DOCTYPE，并且在head中的meta应该包含编码格式、关键字、网页描述信息。简单格式如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...

2016-05-20 12:05:00 145

转载 Web前端开发推荐书籍

Web前端开发推荐书籍前言学校里没有前端的课程，那如何学习JavaScript，又如何使自己成为一个合格的前端工程师呢？读书吧~相对于在网上学习，在项目中学习和跟着有经验的同事学习，书中有着相对完整的知识体系，每读一本好书都会带来一次全面的提高。而如果深一脚浅一脚的学习，写出代码的质量会参差不齐。初学者的首要任务是成为靠谱的熟练开发者，能够稳定的输出有一定质量的代码，这样...

2016-05-19 17:30:00 230

banni6813的博客