weixin_45846263-CSDN博客

原创 vue写ToDoList

主要功能就是通过数据的双向绑定，列表循环渲染html代码：<div id="app"> <header> <section> <label for="title">ToDoList</label> <input type="text" v-model = "todo" @keyup.enter = "addtodo".

2020-08-02 16:26:20 363

原创 vue的挂载流程与生命周期

vue的挂载流程首先看看图<div id="app"> {{ msg }} </div> <script> var vm = new Vue({ el:"#app", template:"<h1>{{ msg }}</h1>",//替换模板 render(createElement){

2020-08-01 20:34:38 1690

什么是RedisRedis是一款内存高速缓存数据库,是Nosql数据库中使用较为广泛的非关系型内存数据库。Redis全称为：Remote Dictionary Server （远程数据服务），使用C语言编写，Redis是一个key-value存储系统（键值存储系统），支持丰富的数据类型，如：string(字符串)、list(链表)、set(集合)、zset(sorted set –有序集合)和hash（哈希类型，类似于Java中的map）。 Redis基于内存运行并支持持久化的NoSQL数据库，也被人们称

2020-07-26 17:27:54 98

原创函数防抖和节流

函数防抖是指在事件被触发 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。这可以使用在一些点击请求的事件上，避免因为用户的多次点击向后端发送多次请求。函数节流是指规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。节流可以使用在 scroll 函数的事件监听上，通过事件节流来降低事件调用的频率。...

2020-07-26 16:11:22 76

原创 MongoDB简单的使用

MongoDB简介传统的关系数据库（如mysql）一般由数据库（database）、表（table）、记录（record）三个层次概念组成，MongoDB是由数据库（database）、集合（collection）、文档对象（document）三个层次组成。MongoDB的优点：易扩展、高性能、灵活的数据模型MongoDB的缺点：数据重复存储，占用空间大使用数据库.创建一个新的文件夹，这个文件夹就是数据库2.数据库开机mongod --dbpath 文件夹路径waiting for conn

2020-07-19 16:24:43 71

原创关系型数据库和非关系型数据库

什么是数据库？数据库是数据的仓库。与普通的“数据仓库”不同的是，数据库依据“数据结构”来组织数据，因为“数据结构”，所以我们看到的数据是比较“条理化”的也因为其“数据结构”式，所以有极高的查找速率（比如B-Tree查找法），（由于专精，可以根据自己的结构特性来快速查找，所以对于数据库的查找会比较快捷；不像普通文件系统的“查找”那么通用）如果与EXCEL来比的话，能明显的看出数据库的好处，我们能给一个个“字段”添加“约束”（比如约束一列的值不能为空）数据库与普通的文件系统的主要区别（起因）：数据库能

2020-07-18 10:05:11 171

原创 nodejs仿写Apache htdocs文件

首先自己先在随便什么盘创建一个文件夹来装文件或文件夹，这里我在c盘创建了一个app文件夹下面写页面部分，给些特殊的字符到时候去替换内容<html><head> <meta charset="utf-8"> <style> h1 { border-bottom: 1px solid #c0c0c0; margin-bottom: 10px; .

2020-07-12 18:14:06 155

原创 Node.js模块

noNode.js是什么node.js 是一个基于 Chrome V8 引擎的 JavaScirpt 运行环境。既不是语言，也不是框架，它是一个平台，是一个让 JavaScript 运行在服务端的开发平台Node.js 中的 JavaScript没有 BOM、DOMEcmaScript 基本的 JavaScript 语言部分在 Node 中为 JavaScript 提供了一些服务器级别的 API文件操作的能力http 服务的能力优点及缺点优点：Node.js 使用了一个事件驱动、

2020-07-11 11:19:36 74

原创迭代器生成器

迭代器生成器迭代器(Iterator)生成器(Generator)Promise来实现异步也会存在一些问题，比如代码量增多，不易理解。另外一种异步操作的方法—-生成器。这是ES6新增的方法，在讲它之前，咱们还得理解另外一个东西：迭代器。迭代器(Iterator)迭代从一个数据集合中按照一定的顺序，不断的取出数据的过程迭代和遍历区别迭代强调是依次取出，不能确定取出的有多少，也不能保证把数据全部取完遍历要知道数据的长度，不断的全部取出数据迭代器对迭代过程的封装，通常为对象，不同的语言中，表现出

2020-07-04 10:24:36 156

原创数组的API（包含 ES6）

数组的API不改变原数组1、将数组转化为字符串2、数组拼接和获取子数组：3.返回某个指定的字符串值在数组中首次出现的位置（indexOf）改变原数组1.删除，插入，替换 splice()2.反转数组元素（reverse）3.对数组的元素进行排序（sort）4.结尾出入栈5.开头出入栈迭代方法全部满足条件部分满足条件过滤forEachmap归并方法 reduce静态方法（es6）1.Array.of(...args)2.Array.from(arg);实例方法（es6）1.find(callback)2.f

2020-07-01 20:17:07 306

原创 js鼠标拖动图片拼图完成验证

这里就是创建两个块一个为白色的背景随机位置显示，一个从白色块的位置大小获取他的背景图片，初始y坐标与白色块相同，鼠标按下拖拽按钮隐藏的块显示并随拖拽按钮移动，比对它与白色块的位置。就是拖拽原理html代码<div class="minbtn"><a href="javascript:void(0)"><i></i><span>图片不好看? 换一张!</span></a></div>这里就是刷新按钮，其余.

2020-06-26 22:04:16 1448

原创 JS事件循环

JS事件的循环JS运行环境称为宿主环境ECMAscript 和 JavaScript是什么关系浏览器端：JavaScript = ECMAscript + WEBAPI服务器端： Node.js = ECMAscript+ NodeAPI服务端其实没有JavaScript这个说法，只有ECMAscript这个说法，我们用到的核心语法为ECMAscript，只是我们习惯性把他称为JavaScript，严格上说法JavaScript是跟服务端没有关系的，他的服务端用到的核心语法是ECMAscript

2020-06-26 19:35:26 191

原创 TypeScript

TypeScript源起一、TypeScript 是什么TypeScript 与 JavaScript 的区别TypeScript 的流行趋势源起随着时间的推移，微软发现外部客户在开发大规模 JavaScript 应用的过程中遭遇了语言本身的短板，在 2012 年 10 月，微软发布了首个公开版本的TypeScript，2013年6月19日，在经历了一个预览版之后微软正式发布了正式版TypeScript，当前最新版本为TypeScript 3.9。TypeScript 是 JavaScript 的严格

2020-06-21 19:01:49 123

原创跨域问题

跨域问题什么是跨域为什么会出现跨域问题？什么是同源策略及其限制解决办法什么是跨域当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域注意：localhost和127.0.0.1虽然都指向本机，但也属于跨域。浏览器执行javascript脚本时，会检查这个脚本属于哪个页面，如果不是同源页面，就不会被执行。为什么会出现跨域问题？跨域并不是请求发不出去，请求能发出去，服务端能收到请求并正常返回结果，只是结果被浏览器拦截了。之所以会跨域，是因为受到了同源策略的限制，同源策略要

2020-06-21 15:09:44 278

原创原生js ajax post请求

POST 请求ajax在表单中常用，一般都是使用post方法，ajax请求：前台提交数据→后台查询数据→返回给前台用法//1、创建请求对象 XHR var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); //其他浏览器 }else if(window.Act

2020-06-12 22:48:51 4466

原创使用Ajax接收json格式的响应消息

json 格式：特殊的对象JSON的全称是 Javascript Object Notation（轻量级的字符串数据格式），对于我们更容易阅读和编写，对于机器：易于机器解析和生成，在Web编程领域可以取代XML字符串格式！！！1、数据分两种： [] {} json不要对象套对象2、整个字符串要么是一个数组，要么是一个对象3、数组中可以包含各种：数字、boolean、字符串、null、[]、{}4、对象中可以包含多个键值对，键必须用双引号，值若是字符串也必须用双引号applicatio

2020-06-11 21:44:59 334

原创原生js的ajax请求

服务器的分类：1.静态Web服务器任何人任何时间访问都完全相同的！技术： HTML CSS JS Flash Gif 音视频常见静态Web服务器：Apache Httpd、Microsoft IIS、Nginx2.动态Web服务器提供的内容在不同的时间不同人访问会有变化技术：JSP = HTML + Java、PHP = HTML + Php、ASP.NET = HTML + C#、NodeJs = HTML + NodeJS向服务器发送网络请求有哪些方式1、浏览器地址栏中输入网址2

2020-06-06 22:09:07 162

原创 js一些题目

1. 请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象，如：var url = “http://witmax.cn/index.php?key0=0&key1=1&key2=2″;var url = "http://witmax.cn/index.php?key0=0&key1=1&key2=2"; var obj = parseQueryString(url); function p

2020-06-06 17:25:15 288

原创当在浏览器地址栏输入一个URL按回车键后发生了什么

HTTP工作原理HTTP协议定义Web客户端如何从Web服务器请求Web页面，以及服务器如何把Web页面传送给客户端。HTTP协议采用了请求/响应模型。客户端向服务器发送一个请求报文，请求报文包含请求的方法、URL、协议版本、请求头部和请求数据。服务器以一个状态行作为响应，响应的内容包括协议的版本、成功或者错误代码、服务器信息、响应头部和响应数据HTTP 请求/响应的步骤：客户端连接到Web服务器一个HTTP客户端，通常是浏览器，与Web服务器的HTTP端口（默认为80）建立一个TCP套接字连接。

2020-05-30 14:47:41 319

原创 fullpage框架

现在经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面（查看）fullpage.js的主要功能fullPage.js是一个基于jquery的插件，它能很方便的制作出全屏网站主要功能有：支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等full

2020-05-29 21:40:24 104

原创 jQuery中animate()动画方法

自定义动画方法animate()animate(params,[speed],[easing],[fn])参数说明：（1）params：一个包含样式属性及值的映射，比如{property1: “value1”, property2: “value2”, ····· }要特别注意所有用于动画的属性必须是数字的，除非另有说明；这些属性如果不是数字的将不能使用基本的jquery功能。比如常见的，borderwidth、margin、padding、 width、height、fontsize、left

2020-05-21 21:32:33 752

原创 jquery换一换效果

页面部分<div class="wrapper"> <div class="tit"> <div class="left">百度热榜</div> <div class="right"> <span title="百度热搜榜" class="btnhuan">换一换</span> .

2020-05-20 20:32:36 831

原创 JQuery选择器

.css的选择器：标签选择器：divID选择器：#idf类选择器：.d群组选择器：div,span后代选择器：ul li通配选择符: *.JQery与Css选择器的比较：Css选择器添加的样式、风格、外观；JQuery添加的行为；运用JQuery判断元素是否存在是不能运用下面的方式： if($("#v")){.......}应用运用长度来判断：if($("#v").length>0){........}.JQuery基本选择器：$("*"): 匹配所有元素；$(

2020-05-16 20:30:56 90

原创 jQuery对象与DOM对象之间的转换

DOM对象jQuery 对象就是通过jQuery包装DOM对象后产生的对象。jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#test”).html();比如：$("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法这段代码等同于用DOM实现代码：document.getElementById(" test “).innerHTML;虽然j

2020-05-15 18:46:53 119

原创 jQuery简介

jQuery简介jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情极大地简化了 JavaScript 编程。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1

2020-05-11 15:44:45 243

空空如也

空空如也