橘子:o-CSDN博客

原创零基础学习Vue--Vue.js脚手架安装

vue.js官网地址 https://cn.vuejs.org/安装`npm i @vue/cli -g ` 全局安装vue最新版本创建项目`vue create 项目名`建议新手选择 default (babel, eslint) 选项

2020-06-03 20:25:48 251

原创 jQuery选择器

1.id选择器选择id为box的元素：$("#box")2.class选择器选择class为box的元素$(".box")3.标签选择器选择标签为span的所有元素$("span")4.包含选择器选择id为box内标签为p的所有元素$("#box p")5.子选择器选择id为box中子元素是span的元素$("#box > span")6.群...

2020-03-21 10:30:11 381

原创认识jQuery

什么是jQuery？jQuery是JavaScript的函数库，就是把我们常用的功能封装成函数。为什么使用jQuery？jQuery实现写的更少、做的更多，极大地简化了JavaScript编程。怎么使用jQuery？想要使用jQuery,就需要把jQuery库引入到你的html中，jQuery文件可以去jQuery官网获取（https://jquery.com/download/），也可...

2020-03-21 07:31:24 95

原创 JavaScript中ajax的使用

ajax = Asynchronous JavaScript and XML，既异步的JavaScript和XML。ajax是js语言和服务端交互的手段，通过在后台与服务器进行少量数据交换，ajax可以使网页实现异步更新，这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。js中ajax请求过程：创建 XMLHttpRequest 对象、配置请求信息、发送请求、接收响应数据...

2020-03-14 22:38:18 1013

原创 JavaScript中的同步和异步

JavaScript语言的一大特点就是单线程，所有任务需要排队，前一个任务结束，才会执行后一个任务，也就是说，同一个时间只能做一件事，这种执行就叫做同步。在JavaScript中存在着另外一种执行，不等后面的代码执行,会自己先执行，那这种执行就叫做异步。js的运行机制：1、同步任务在主线程上执行，形成一个执行栈；2、主线程外，还存在一个任务队列，异步执行后，就会在任务队列里放置一个事件；...

2020-03-14 22:11:24 77

cookie是一种会话跟踪技术，cookie自身是html中ducument中的一个属性，可以用来保存一些简单的数据信息，比如用户名、密码等，下面我们一起了解一下cookie，它有下面几个特点：1.有过期时间，可以设置，默认是关闭浏览器则清除；2.有大小限制，一般cookie的数量在50条左右，单个cookie的大小是4k左右；3.cookie只能存字符，且以键值对的形式保存在物理硬盘上的，...

2020-03-14 21:10:01 135

原创原生JS贪吃蛇小游戏

思路：在页面上添加一个地图，以提供边界，在地图中随机出现食物，给蛇身设置一个初始长度，用键盘方向键控制蛇的走向，当蛇触碰到食物时（既坐标重复时），增加蛇身长度，碰到墙壁或自身时，程序停止，游戏结束。HTML结构：<body> <div id="map"></div></body>CSS样式：<style> #m...

2020-03-07 17:25:20 1360 2

原创浅谈JavaScript中的this

this是JavaScript语言的一个关键字，在编写JavaScript代码的时候，经常会见到或者用到它。那么this是什么？this在哪里？this怎么使用？this是一个指针，this指向当前所在函数的执行对象，this的值是动态的，在不同环境下，this的值会发生变化。1、全局环境thisconsole.log(this); //此时this指向window在全局环境下this指...

2020-03-07 00:51:20 148

原创原生js实现简单瀑布流效果

CSS样式：<style> .cont{margin: 0 auto;position: relative;} .box{float: left;padding: 5px;} .imgbox{border: black solid 1px;padding: 5px;border-radius: 5px;} .imgbox img{width: 200px;display: b...

2020-03-07 00:35:59 130

原创 js无缝轮播图

CSS样式：<style type="text/css"> #box{width: 1000px;height: 375px;border: 3px solid black; margin: 30px auto;position: relative;overflow: hidden;} #box .img{position: absolute;left: 0;top: 0;}...

2020-03-03 22:46:29 111

原创 JavaScript内置对象之String

一、字符串的定义：方法1：var str = "hello"; //string方法2：var str = new String("hello"); //object方式3：var str = String("hello"); //string二、字符串的属性：length: 表示字符串的长度var str = "hello";console.log(str.length...

2020-02-23 19:46:12 193

原创 JavaScript内置对象之Math

Math对象可以用于执行数学任务。Math对象的常用方法：1、Math.round(num);取最近整数console.log(Math.round(6.6)); //结果为7console.log(Math.round(-6.6)); //结果为-72、Math.random();返回0-1之间的随机数，不包括0和1console.log(Math.random());利用Ma...

2020-02-23 19:45:30 146

m0_46370469的博客