- 博客(65)
- 收藏
- 关注
RSS订阅原创 websocket通信案例
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。
2022-11-09 16:56:28
418
1
原创 vue + element UI 中 el-table 数据导出Excel表格
单页表格导出最近写的一个后台VUE项目需要把表格里的数据导出到Excel中，这是第一次接触这个功能，查了一下资料，发现了一个比较简单又快捷得方法：1、 安装相关依赖主要是两个依赖:(xlsx 和 file-saver)npm install --save xlsx file-saver2、引入两个js文件在src目录下新建excel文件夹，里面放入Blob.js和Export2Excel.js两个JS文件（插件自己去找）3、在组件头里边引入插件(测试的时候，下边代码放到入口js文件main.
2020-12-30 11:44:34
2830
2
原创 解决正则验证匹配不上的问题
为了解决正则验证匹配不上的问题原来的代码，可以验证非空，也可以验证不合法的情况，就是不能验证合法的情况，如下图代码function vailPhone(){ var phone = jQuery("#phone").val(); var flag = false; var message = ""; var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0]{1})|(15[0-3]{1})|(1
2020-11-03 15:31:51
3170
原创 MongoDB的数据交互旅程
数据库数据库是“按照数据结构来组织、存储和管理数据的仓库”。是一个长期存储在计算机内的、有组织的、可共享的、统一管理的大量数据的集合。数据库是以一定方式储存在一起、能与多个用户共享、具有尽可能小的冗余度、与应用程序彼此独立的数据集合，可视为电子化的文件柜——存储电子文件的处所，用户可以对文件中的数据进行新增、查询、更新、删除等操作。类型关系数据库关系型数据库，存储的格式可以直观地反映实体间的关系。关系型数据库和常见的表格比较相似，关系型数据库中表与表之间是有很多复杂的关联关系的。 常见的关系型数据
2020-08-01 15:12:53
382
原创 统筹之Ajax的秘密
是什么？Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。Ajax的三种写法知道ajax的原生js 写法是入门级别，知道ajax的jquery写法也没什么稀奇的，但是你知道ajax的prom
2020-07-25 16:16:01
126
原创 前端优化之防抖和节流
函数防抖概念：函数防抖 是指在事件被触发 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。这可以使用在一些点击请求的事件上，避免因为用户的多次点击向后端发送多次请求。规则：未完成操作时不执行相关函数处理用户完成操作后，执行相关函数处理实现： // 函数防抖的实现 function debounce(fn, wait) { var timer = null; return function() {
2020-07-18 17:08:37
388
原创 服务端之node.js
是什么？Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。 发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。Node对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得
2020-07-13 18:50:32
362
原创 前端后台交互之原生node设计数据及接口
简介一个网站，不仅仅只是前端所编写的，也离不开后台数据的交互。其中node起着桥梁的作用，它连接着前后台。下面就来探讨一下，用原生的node实现接口交互实现登录和注册功能（ps：没有数据库，数据是自己编写的，数据库是用文件夹充当的）前端与后台的交互方式在开发web应用时，前端与后端的交互方式分为以下几种：1.href页面跳转模式前端通过url访问后端的servlet，后端返回一个html页面或字符串可以在url地址后附加参数，例如http://www.123.com?name=jay&a
2020-07-11 17:06:49
898
原创 ES6补充之生成器
什么是生成器？生成器就是通过构造函数Generator创建出来的一个对象，这个对象及时一个迭代器，同时又是一个可迭代的对象。所谓“生成器”，其实是一个函数，但是这个函数的行为会比较特殊：它并不直接执行逻辑，而是用来生成另一个对象（这也正是“生成器”的含义）它所生成的对象中的函数可以把逻辑拆开来，一片一片调用执行，而不是像普通的函数，只能从头到尾一次执行完毕生成器的语法和普通函数类似，特殊之处在于：字面量（函数声明/函数表达式）的关键字function后面多了一个*，而且这个*前后允许有空白
2020-07-04 16:14:47
133
原创 ES6补充之Reflect
1、什么是Reflect？Reflect俗名为反射，是js的一个内置对象，对象中提供了一系列的方法，供开发者调用，访问js的底层功能2、为什么使用Reflect？ES6 中将 Object 的一些明显属于语言内部的方法移植到了 Reflect 对象上（当前某些方法会同时存在于 Object 和 Reflect 对象上），未来的新方法会只部署在 Reflect 对象上。Reflect 对象对某些方法的返回结果进行了修改，使其更合理。Reflect 对象使用函数的方式实现了 Object 的命令式操作
2020-07-01 19:27:52
158
原创 ES5之对象方法
ES5简介ECMAScript 5.1 (或仅 ES5) 是ECMAScript(基于JavaScript的规范)标准最新修正。 与HTML5规范进程本质类似，ES5通过对现有JavaScript方法添加语句和原生ECMAScript对象做合并实现标准化。ES5还引入了一个语法的严格变种，被称为”严格模式(strict mode)”。ECMAScript 5 为 JavaScript 添加了大量新的对象方法。ES5 新的对象方法// 添加或更改对象属性Object.defineProperty(ob
2020-06-27 22:35:51
314
原创 了解语言之编程语言
什么是编程语言？编程语言（programming language）可以简单的理解为一种计算机和人都能识别的语言。编程语言处在不断的发展和变化中，从最初的机器语言发展到如今的2500种以上的高级语言，每种语言都有其特定的用途和不同的发展轨迹。编程语言并不像人类自然语言发展变化一样的缓慢而又持久，其发展是相当快速的，这主要是计算机硬件、互联网和IT业的发展促进了编程语言的发展。简介计算机编程语言能够实现人与机器之间的交流和沟通，而计算机编程语言主要包括汇编语言、机器语言以及高级语言，具体内容如下：汇
2020-06-27 22:12:06
513
原创 jQuery与Ajax之间的那些事儿
定义和用法ajax() 方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, .post等。.post 等。.post等。.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。最简单的情况下，$.ajax() 可以不带任何参数直接使用。注意：所有的选项都可以通过 $.ajaxSetup() 函数来全局设置。参数必须要的参数：url类型
2020-06-20 16:24:54
146
原创 走进TypeScript
简介一）TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集，最终会被编译为JavaScript代码。二）TypeScript扩展了JavaScript的语法，所以任何现有的JavaScript程序可以运行在在TypeScript环境中。TypeScript是为大型应用的开发而设计，并且可以编译为JavaScript。三）TypeScript 支持为已存在的 JavaScript 库添加类型信息的头文件，扩展了它对于流行的库如 jQuery，MongoDB，No
2020-06-20 15:03:15
283
原创 揭开python的神秘面纱
Python （计算机程序设计语言）Python是一种跨平台的计算机程序设计语言。 是一个高层次的结合了解释性、编译性、互动性和面向对象的脚本语言。最初被设计用于编写自动化脚本(shell)，随着版本的不断更新和语言新功能的添加，越多被用于独立的、大型项目的开发。Python简介及应用领域Python是一种解释型脚本语言，可以应用于以下领域：Web 和 Internet开发科学计算和统计人工智能桌面界面开发软件开发后端开发网络爬虫下载Python在您开始之前，在你的计算机将需要P
2020-06-13 15:47:20
202
原创 PHP之与Ajax那些事儿
PHPPHP 即 “超文本预处理器”，是一种通用开源脚本语言。PHP是在服务器端执行的脚本语言，与C语言类似，是常用的网站编程语言。PHP独特的语法混合了C、Java、Perl以及 PHP 自创的语法。利于学习，使用广泛，主要适用于Web开发领域。AjaxAJAX = Asynchronous JavaScript And XML（异步 JavaScript 及 XML）AJAX 是 Asynchronous JavaScript And XML 的首字母缩写。AJAX 并不是一种新的编程语言，而
2020-06-13 11:05:28
1121
原创 回顾时间
在不断学习的同时也要回过头看看那些自己遗忘的，没记牢固的知识点，分享一下小编遗忘的知识。DOM对象 和 jQuery对象有什么不同DOM对象DOM对象是由W3C制定的， 浏览器实现的现有对象， 里面的API非常繁琐。jQuery对象1）jQuery对象是由jQuery库创建的，第三方实现的2）DOM对象只能使用原生的 JS API3）jQuery对象使用jQuery对象自己的API数组去重 eg:var arr = [‘a’,’b’,’234’,’a’,‘b’,3,1,234];(在原型链
2020-06-06 15:13:34
253
原创 与php的第一次相识
什么是php？PHP 即 “超文本预处理器”，是一种通用开源脚本语言。PHP是在服务器端执行的脚本语言，与C语言类似，是常用的网站编程语言。PHP独特的语法混合了C、Java、Perl以及 PHP 自创的语法。利于学习，使用广泛，主要适用于Web开发领域。简介PHP自20世纪90年代国内互联网开始发展到现在，互联网信息几乎覆盖了我们日常活动所有知识范畴，并逐渐成为我们生活、学习、工作中必不可少的一部分。PHP 语言作为当今最热门的网站程序开发语言，它具有成本低、速度快、可移植性好、 内置丰富的函数库等
2020-06-05 11:32:59
449
1
原创 浅谈网络基础知识
计算机网络学习的核心内容就是网络协议的学习。网络协议是为计算机网络中进行数据交换而建立的规则、标准或者说是约定的集合。因为不同用户的数据终端可能采取的字符集是不同的，两者需要进行通信，必须要在一定的标准上进行。所以我们就该学习学习网络基础知识。网络层次划分为了使不同计算机厂家生产的计算机能够相互通信，以便在更大的范围内建立计算机网络，国际标准化组织（ISO）在1978年提出了"开放系统互联参考模型"，即著名的OSI/RM模型（Open System Interconnection/Reference M
2020-05-29 16:27:14
217
原创 JQuery之笔试题
最近做几套JQuery的笔试题，感觉还不错，值得好好学习学习，所以我整理一些一起探讨探讨。(ps:以下题目是我做过的，还错过的题，不全面)1.下面选项中，针对工厂函数$()的说法错误的是 ( D )A .当$( )的参数为DOM对象时，则该对象不需要使用双引号进行包裹B .在JQuery中，$( )等价于JQuery( )C .当DOM对象转化为JQuery对象后，就可以调用JQuery的方法D .$( )的作用是将DOM对象转化为Window对象正确答案：D答案解析：jQuery核心函数主
2020-05-29 15:04:45
2930
原创 了解jQuery事件之键盘事件
键盘事件键盘事件分为keypress、keydown和keyup事件 1.keydown()事件，当按钮被按下时，发生 keydown 事件。可以在绑定的函数中欧能够返回false来防止触发浏览器的默认事件. 2.keypress()事件，keypress 当按钮被按下时，会发生该事件，我们可以理解为按下并抬起同一个按键。 3.keyup事件，keyup 事件会在按键释放时触发，也就是你按下键盘起来后的事件键盘事件可以传递一个参数event,其实说有的jQuery事件函数中都可以传递这么一个参
2020-05-23 16:40:31
222
原创 了解jQuery事件之鼠标事件
jQuery事件概述jQuery 是为事件处理特别设计的。事件方法会触发匹配元素的事件，或将函数绑定到所有匹配元素的某个事件。什么是事件？页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法在元素上移动鼠标。选取单选按钮点击元素在事件中经常使用术语"触发"（或"激发"）例如： “当您按下按键时触发 keypress 事件”常见 DOM 事件：鼠标事件鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。 click事件：clic
2020-05-23 14:37:31
309
原创 JQuery之了解其选择器
一、基本分类JQuery选择器大致可以分为两类，基本选择器和过滤选择器，结构体系如下：基本选择器1.$(“#demo”): 选择 id为demo的第一个元素 $("#demo").css('background','black") //有多个只选择第一个2.$(“.item”) : 选择所有class为item的元素 $(".item").css('background','black")3.$(‘div’) : 选择所有标签为div的元素$('div') .css('backg
2020-05-17 17:00:45
235
原创 JQuery之初识
jQuery概述javascript概念基于Js语言的API和语法组织逻辑，通过内置window和document对象，来操作内存中的DOM元素JQuery概念基于javascript的，同上，提高了代码的效率jQuery是什么:是一个javascript代码仓库，我们称之为javascript框架。是一个快速的简洁的javascript框架，可以简化查询DOM对象、处理事件、制作动画、处理Ajax交互过程。jQuery的优势：1、轻量级。jQuery非常轻巧，采用Uglify
2020-05-17 12:41:35
92
原创 Bootstrap写的丑丑响应式布局小案列
简介：Bootstrap是一种前端开发框架，它由规范的css，javascript插件构成好处：其最大的优势是响应式布局，使得开发者可以方便的让网页无论在台式机、平板设备、手机上都获得最佳的体验. Bootstrap在以下方面优势比较显著盒子关于各种尺寸下的隐藏先看看效果图：这是正常屏幕下，也就是超大屏视图下，蓝色背景的盒子被隐藏了这大屏视图下，灰色背景的盒子被隐藏了这是中屏视图下，绿色背景的盒子被隐藏了这是小屏视图下，红色背景的盒子被隐藏了这是超小屏视图下，黄色背景的盒子被隐藏
2020-05-10 18:16:27
220
原创 浅看Bootstrap组件之按钮
普通的按钮<button>普通的按钮</button><input type="button" value="input按钮"><!-- 提交按钮必须要放在form表单中才有提交功能，否则就是普通按钮 --><input type="submit" value="提交按钮"><input type="reset" value="重置按钮">效果：Bootstrap按钮<!-- 蓝底白字 --><b
2020-05-10 17:17:03
605
原创 HTML5之SVG小案例
SVG可以绘制矩形、线条、圆、折线等等…现在就来看看用SVG做出的小案例，话不多说，上图一、国际象棋这是国际象棋的棋盘，使用了64个矩形绘制而成，其中黑白矩形各一半，使用了JS和HTML代码，话不多说，上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...
2020-05-05 19:23:22
582
原创 HTML5之浅浅了解SVG
什么是SVG？SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准SVG 的优势与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于：SVG 图像可通过文本编辑器来创建和修改...
2020-05-05 17:37:34
182
原创 Bootstrap全局样式之栅格系统
Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。在你项目中的每个页面都要参照下面的格式进行设置。<!DOCTYPE html><html lang="zh-CN"> ...</html>栅格系统一，简介栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就...
2020-05-05 15:19:05
326
原创 安装插件之sublime text3插入Bootstrap
Bootstrap简述Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包...
2020-05-04 11:10:20
872
原创 CSS3之好看的特效
我们在网站上浏览时都会或多或少地出现一些炫酷的网页效果，看着很高大上的小小特效，这些特效一般使用HTML、CSS和JS结合做出来的。但是某些简单的特效可以直接用HTML和CSS3就能做出想要的，而且有时候用CSS3比用JS简单。话不多说，现在我就来介绍HTML和CSS3做的特效（因为不能传视频，所以只能用图片解释了）。1. 左右切换特效网页初始的样子鼠标移入到目标元素上的样子代码：...
2020-04-25 21:37:40
1998
原创 CSS3之transition、transform和translate傻傻分不清
身为程序猿的我经常把transition、transform和translate这三者搞混，相信大多数程序猿也有同样的烦恼。既然如此我们就来探究探究。先把这三者做一个简单解释： transform： 是 转换，描述了元素的静态样式，本身不会呈现动画效果，可以对元素进行 旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix，而其中的位移的函数名叫tr...
2020-04-25 11:24:24
3125
1
原创 CSS3之优秀的Hack
了解CSS Hack1.什么是CSS Hack?由于不同厂商的浏览器，比如Internet Explorer、Chrome、Mozilla Firefox、Safari等，或者是统一厂商的浏览器的不同版本，比如IE6和IE7，对CSS的解析和认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候，我们就需要针对不同的浏览器，去写不同CSS，让它能够同时兼容不同的浏...
2020-04-19 12:00:14
159
原创 CSS3之新增选择器神秘面纱
一、概念： CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模。 要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。 HTML页面中的元素就是通过CSS选择器进行控制的。二、css3之前的...
2020-04-18 15:59:56
160
原创 HTML5之画布
HTML5中的画布是什么？HTML5 的 canvas 元素（简称画布）是使用 JavaScript 在网页上绘制图像的元素。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建 canvas 元素<canvas width="1000" height="800">浏览器不支持HTML5！</canvas&g...
2020-04-13 13:14:53
640
原创 使用第三方插件之百度地图API
百度地图是一个开发者喜爱的开源的第三方控件之一，第三方控件是一些团队或者个人开发根据实际需要的应用开发出来的控件。接下来我就来讲讲如何使用百度地图做dome（这里主要针对前端开发者）第一步打开百度地图，在底部导航栏中点击地图开放平台第二步然后鼠标下滑找到开发文档，找到Web端，然后根据你的需求选择JavaScript API或是微信小程序JavaScript API（这里我选择的是Ja...
2020-04-12 18:00:19
792
原创 ES6之 Promise的神秘面纱
在 JavaScript 中，所有代码都是单线程的，也就是同步执行的。而 Promise 就是为异步编程提供了一种解决方案。ES6 规定，Promise对象是一个构造函数，用来生成Promise实例。Promise 状态状态的特点 Promise 异步操作有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。除了异步操作的结果，任何其他操作都无...
2020-04-12 15:37:12
183
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人