ninjacode-优快云博客

原创 JavaScript-Array数据类型学习

JavaScript-Array数据类型学习上一篇我们学习了JavaScript的对象数据类型，对象是一组键-值对，很多时候我们需要一组连续的数据集合，比如从后台获取博客列表，这个时候存储这个列表用数组是最合适的。数组在JavaScript中是很常用的数据类型，数组有很多操作方法，包括添加删除，查找索引，排序，遍历等等，掌握了这些方法，才能玩转数组，本篇我们来一起学一学JavaScript中的Array数据类型及一些常用的数组方法。创建数组中括号语法const skills = [];//定义一个

2020-06-13 13:07:44 283

原创 JavaScript-Object数据类型学习

JavaScript-Object学习今天来学习JavaScript的一个很重要的数据类型——Object创建对象创建一个对象有多种方式大括号语法let obj = {};内置构造函数new Object():let obj = new Object();new Function()function CreateObj(arg){ this.title = arg; //这里隐式返回了this,return this;}let obj = new CreateObj

2020-06-07 16:29:44 338

原创简单的响应式导航设计

响应式导航设计今天来做一个简单响应式导航不想看具体制作过程的，请直接前往这里 Responsive Header Demo布局先来码出基本的布局<header> <div class="logo"> <a href="#">Company Name</a> </div> <nav> <div class="nav-responsive"><a id="n

2020-06-06 15:46:27 3922

原创 javascript基础教程目录

javascript基础教程本教程是自己学习的一个总结加积累，发出来和大家一起学习，不求高深，哪怕能多帮到一个人，我也觉得值了。入门1.1 javascript 诞生1.2 javascript 学习资源1.3 javascript 编辑器基础知识学习2.1 Hello World2.2 变量2.3 数据类型2.4 操作符2.5 语句2.6 函数目前写到这里了，下一章预计将会学习以下内容：引用类型3.1 Object3.2 Array3.3 Date3.4 R

2020-05-31 17:53:17 285

原创 JavaScript-函数基础学习

JavaScript-函数基础学习任何编程语言都有函数，函数封装了一组语句，用以完成某些特定的功能，本篇一起来学习一下JavaScript的函数。函数申明JavaScript函数用function关键字来申明：function functionName(parameter){ //函数体}如下声明一个函数，函数名为hellofunction hello(){ console.log('world');}hello();通过hello()可以调用该函数，本例将在控制台输

2020-05-31 17:37:46 297

原创 JavaScript-语句学习

JavaScript-语句学习语句是用来控制程序的逻辑，流程等。语句可以很简单，如break，continue等，也可以很复杂，如for，while循环等。今天一起来学习一下JavaScript的语句方面的内容，本篇内容：ifwhile 和 do-whileforfor-in 和 for-ofcontinue 和 breaklabelwithswitchif语句当if块里面只有一条语句的时候，可以这样写：if (true) console.log('hello,lilei');

2020-05-30 21:33:44 250

原创 JavaScript-操作符简介

JavaScript-操作符简介本篇来讲一讲操作符，几乎包含了所有的操作符。内容较多，花了几个晚上写加修改，终于完稿!你将学到：一元操作符++和–+和-位操作符与AND或OR非NOT异或XOR按位左移<<按位右移>>无符号右移>>>布尔操作符逻辑非!逻辑与&&逻辑或||算术操作符加+减-乘*除/取余%幂等**关系操作符>、>=、<、<=、==、!====

2020-05-28 22:47:37 575

原创 JavaScript-数据类型简介

JavaScript-数据类型学习javascript数据类型首先来谈谈javascript到底有几种数据类型，我相信很多人都有困扰，我也一样。javascript数据类型普遍这么分：Number、BigInt、String、Boolean、Null、Undefined、Symbol、Object其中Object类型是复杂类型，其它类型都是简单类型。这里值得提一提Function，Function到底是不是JavaScript的一种数据类型？看下面的例子，输出的是"function"/* con

2020-05-24 17:15:27 169

原创 javascript-变量学习

javascript-变量学习var在ES6之前，定义变量是这样的var a = 'hello';甚至是这样(非严格模式下)，这里，js会自动为变量加上var，等于是定义了一个全局变量a。a = 'hello';letES6引入let a = 'hello';a = 'world';constconst由ES6引入，是指常量，用const定义的变量不能被重新赋值，如果被重新赋值会抛出错误。实际项目里面，你会发现很多变量其实都不会重新赋值，所以，一开始可以都用const来定义

2020-05-24 16:58:27 162

原创 javascript-Hello World

javascript-Hello World本篇介绍javascript的入门用法，有一定基础的可以不用看了，注意，役下内容仅介绍javascript在浏览器环境的使用，不包括NodeJS。怎样使用javascript?直接在body后通过script标签引入，类似这样<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie

2020-05-23 22:24:51 323

原创 javascript常用编辑器推荐

javascript编辑器其实编写javascript不需要特别的编辑器，一个简单的文本编辑器就能编写javascript，比如Notepad++，但是那样效率会很低，而且没有代码检错提示等功能，这样就容易造成一些不必要的烦恼，所以有一个好用的编辑器还是非常重要的。以下是一些推荐，仅供参考。Visual Studio Code微软推出的IDE，我平时就用的是这个，个人觉得用起来很方便，强大的插件功能，使用起来内存占用率也很低，用来写前端是非常好用，不要把它和Visual Studio搞混了，Visua

2020-05-23 20:28:23 4020

原创 javascript学习资源推荐

javascript学习资源文档ECMA262:这可能是最全且最权威的文档了吧，但是内容太大，太多，不太适合入门参考网站MDN:相信很多人应该都用过，里面有很多参考和实例，很实用。W3School:虽然很基础但也能学到东西，当初最开始学习javascript的时候没少逛这个网站兼容性兼容性是前端开发必须要考虑的一个难题，有合适的工具查看兼容性还是很重要的。can i use：这个网站可以查找任何与js相关的属性的兼容性，非常实用。ES 兼容表：这个是不同版本的ES在各个浏览器的兼

2020-05-23 20:26:51 343

原创 javascript 诞生

javascript 诞生javascript自1995年诞生以来，经历20多年发展，如今已成为全世界最受欢迎的前10种语言之一，今天我们就来聊一聊它的历史。javascript是怎样诞生的？在javscript诞生以前，web开发中一些简单的验证，例如是否输入为空等都是在后端进行验证。后端验证既耗时又费力，为了能解决这个问题，Netscape着手开发了javascript。其实，刚开始的需求就是为了解决客户端验证的问题。如今，客户端验证已经是web程序员的必备技能，但在90年代，能进行客户端验证绝对

2020-05-23 20:25:27 648

原创 css animation学习

css animation学习上一篇写了transition的用法，其实animation也是做动画利器，相比于transition，animation可以做出更多更大的动画效果今天就来学一下css的animation的用法用法如下所示animation属性可以有8个值，当然这8个值可以分开写.someclass { /*[animation-name] [animation-duration] [animation-timing-function] [animation-delay]

2020-05-22 22:12:15 407

原创 css transition学习

css transition学习transition英文意思是过渡，在css中用来展示过渡效果，它和animation很像，都可以展示网页的动效，那么它们有什么区别呢?主要记住一下这点，transition需要人为触发，比如鼠标点击，移上，移走等，而animation不需要人为触发，在页面加载滑动到特定位置或者其它时刻就可以自动展示动效不需要人为干预。今天就来学一下css的transition的用法，用熟了可以做出很出彩的效果。用法如下所示transition属性可以有4个值，当然这4个值可以分开

2020-05-20 23:43:09 351 1

原创 css flex布局学习

css flex布局学习网上有很多关于flex布局的教程，有些写的很不错，今天就用自己的理解写一篇博客吧，不追求术语的解释，尽量实用。什么是flex布局flex字面意思是弹性布局，是W3C提出的一种布局方式，为什么称之为弹性布局，是因为当你定义了一个元素为弹性布局时，它的子元素可以在大小未知时依然能很自然很优雅的布局在网页上，而不会到处乱飞。flex的关键术语喜欢看官方文档的可以去这里，术语解释在第二节官方文档图片出自https://www.w3.org/TR/css-flexbox/#int

2020-05-17 22:17:20 180

原创 css三种方式实现圣杯布局

css三种方式实现圣杯布局圣杯布局时很常见的网页布局方式，圣杯布局的主要结构如下图所示：头部，中间，底部，其中中间又分为三列：左，中，右，要求左右宽度固定，中间自适应。Dom 结构<div id="app"> <div class="header"></div> <div class="middle"> <div class="left"></div> <div class="main"></div

2020-05-16 23:25:15 1225

u012137648的博客