- 博客(36)
- 收藏
- 关注
原创 js数组不同类型元素去重
<html><body> <script> Array.prototype.removeRepeatItem = function () { let len = this.length; let obj = {}; for (let i = 0; i < l...
2019-09-03 11:46:02
452
原创 二分法查找(有序数组)JavaScript
<!DOCTYPE html><html><head> <title></title></head><body><script type="text/javascript"> // 二分法查找 有序 数组 function binarySearch(arr, target){ l...
2019-08-25 15:34:58
355
原创 JavaScript快速排序算法
<!DOCTYPE html><html><head> <title></title></head><body><script type="text/javascript"> function quickSort(array){ function recursion(arr, le...
2019-08-25 14:25:51
170
原创 JS直接选择排序算法
<html><body> <script> function directSelectSort(arr) { let len = arr.length; let m; for (let i = 0; i < len - 1; i++) { //len-1 ...
2019-08-22 11:18:56
211
原创 直接插入排序算法
<!DOCTYPE html><html><head> <title></title></head><body><script type="text/javascript"> function directInsertSort(arr){ let len = arr.length; ...
2019-08-21 23:25:19
128
原创 Vue+Node+Mongodb实现登录注册遇到的端口问题
经亲测,多次测验。总结以下:(不完全)首先node index.js开启后端服务,会占用一个8080端口再打开前端服务npm run dev会再打开一个8081的端口浏览器自启动8081的窗口,这时修改样式,即修改前端代码会更新,但是没有后端服务,即不能发送请求。在浏览器用8080端口也可以浏览项目。此时8080端口可以获取数据,8081端口获取数据失败,res is undefined...
2019-06-21 21:19:58
280
原创 day4-牛客网JavaScript知识点总结
下列代码存在几个变量没有被回收?var i = 1;var i = 2;var add = function() { var i = 0; return function() { i++; console.log(i); }}();add();答案: 3个。####### 代码回收规则如下:1.全局变量不会被回收。(i...
2019-04-18 20:59:16
177
原创 day3-牛客网HTML/CSS知识点总结
第一题:css属性overflow属性定义溢出元素内容区的内容会如何处理。scroll:必会出现滚动条auto:子元素内容大于父元素时出现滚动条visible:溢出的内容出现在父元素之外hidden:溢出隐藏第二题:当margin-top、padding-top的值是百分比时,分别是如何计算的?都是:相对最近父元素块级元素的width第三题:CSS3新增属性用法整理:...
2019-04-18 19:58:19
145
原创 主流浏览器内核私有属性css前缀
mozilla内核(firefox,flock等)-mozwebkit内核(safari,chrome等)-webkitopera内核(opera浏览器)-otrident内核(ie浏览器)-ms
2019-04-18 18:25:21
247
原创 day2-牛客网HTML/CSS知识点总结
第一题:使用CSS来格式化网页,共有三种方式,以下哪一种不是:1. 在HEAD中引用(内链)2. 作为标记来引用(行内)3. 在BODY中引用4. 作为文件来引用(外链)第二题:下列不属于bootstrap3的标签是row2. row-fluid(BootStrap3移除了.container-fluid 和 .row-fluid 两个大框架容器,所有都是fluid)col-...
2019-04-17 17:27:32
223
原创 ES6-Set数据结构实现-数组去重-问题详解
ES6-Set数据结构类似于数组,但是成员的值都是唯一的,没有重复。Set本身是一个构造函数,用来生成Set数据结构实现去重:const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));console.log(s);Set(4) [ 2, 3, 5, 4 ]还有一种更简单方法,需要结合…扩展运算符来实现数...
2019-04-16 16:24:15
714
原创 day1-牛客网JavaScript知识点总结
第一题js的六种基本类型Undefined Null Boolean Number String Symbol(ES6新增)复杂数据类型Object第二题函数声明function sum(num1, num2){ return num1 + num2; }//尾部可以不加分号var sum = function(num1, num2){ return num1 + num2...
2019-04-16 15:10:29
121
原创 深刻纪念我的第一次阿里面试
3.12日晚课由老师分享内推链接,晚上发送简历并且做完素质测评3.13日晚收到面试电话,预约电话面试时间,定在周六九点3.16日早上10:21接到电话,很是兴奋,面试官也很热情,还专门问到由于一些原因没有在约定时间打来电话,问是否方便面试,接下来就是简单的面试过程,先介绍自己,面试官需要对我的技术进行了解,我也认识到了自己的不足,没有自己的GitHub开源项目,没有研究过框架源代码,没有很好的使用...
2019-04-11 12:52:42
238
原创 Vue环境搭建
首先要安装node环境,终端:node -v检查是否安装 npm -v检查是否安装之后 (Mac系统)sudo npm install -g @vue/clisudo获取最大权限vue --version检查版本号sudo npm install -g @vue/cli-initvue init webpack first-vuecd...
2019-03-13 19:55:33
98
原创 解决给a标签添加点击事件时遇到的问题
前几天有人问我为什么她的点击事件不好使呢?效果闪一下就没有了?首先她的点击事件没有加给button或者其他标签,当然a标签是可以加的,但是一般a标签我们都是用来链接到某个网页或位置,它的href属性一般是有值的,或者尽管没有给href属性值,也会有#或者javascript:;这种,那么问题就是出现在了这个属性上。接下来分情况说一下:href="#"这个添加点击事件是没有问题的...
2018-11-04 16:07:24
6530
2
转载 获取浏览器和屏幕各种高度宽度
原生JSdocument.body.clientWidth; //网页可见区域宽(body)document.body.clientHeight; //网页可见区域高(body)document.body.offsetWidth; //网页可见区域宽(body),包括border、margin等document.body.offsetHeig...
2018-10-29 10:44:03
321
原创 CSS如何将元素垂直居中方法锦集
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>实现元素垂直居中</title> <style> .box{ background-color: pink;
2018-10-28 15:15:26
409
原创 CSS如何将元素水平居中方法锦集
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>实现元素水平居中</title> <style> .box{ background-color: skyblue; margin-bottom: 30p
2018-10-28 14:43:19
172
原创 简单导航栏制作
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>导航栏</title> <style> nav{ text-align: center; margin: 100px 0 0 0; backgro
2018-10-28 13:56:52
224
原创 inline,inline-block,block的区别
inline行内元素,如:a、span、i等常用标签,它们很“大气”,喜欢分享,和别人可以在一行共处,有一个缺点是设置它的宽和高是不起作用的,书写完成后不会自动换行。inline-block行内块级元素,如img、input、td等标签,它们也会和别人共占一行,还可以设置高和宽。block块级元素,这个很多了:div、p、各种h、form、table等等很多,这些标签就比较霸道...
2018-10-24 21:16:12
130
原创 JS效果-灯箱效果-图片大图查看
一个简单的自己写的简陋版“灯箱效果”,不多说看代码:(自己找一下图片,路径记得改,用到jQuery)嫌js麻烦,主要想试一下实现逻辑。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>灯箱效果</title> <style&am
2018-10-19 19:44:41
2851
原创 详解:nth-child()和:nth-of-type()选择器用法
一、:nth-child()选择器定义和用法:nth-child(n) 选择器匹配属于其父元素的第n个子元素,不论元素的类型。注解:注意这里的不论元素类型,我之前就老出错,在父元素里的所有子元素(同级),不论类型一下排下来的索引。而不是只有p标签或者span标签里的第几个,这个和下面的选择器做对比可以更好的理解。n 可以是数字、关键词或公式。数字:p:nth-child(1)这...
2018-10-10 17:04:18
984
原创 windows10配置jdk和tomcat
前几天刚刚入手一台笔记本!啊啊啊啊啊......想了很久,终于到手了,很是顺手,超级喜欢,于是经过两天的沉淀之后,开启了我的配置运行环境之旅,呀哈哈哈!(我也遇到一些问题,这里简单介绍)请看:我趁着拥有一个干净的笔记本,“趁机”搞一搞,哈哈首先我去网上找了教程,开始一步一步搭建,配置jdk环境变量用了很长时间,jdk安装没毛病,主要是配置这三个东东(我都怕搞坏新电脑):1.JAVA_HOM...
2018-10-05 21:22:52
603
转载 Promise详解
Promise介绍:用于异步计算 将异步操作队列化,按照期望的顺序执行,返回符合预期的结果 可以在对象之间传递和操作promise,帮助我们处理队列由于promise是控制异步操作的,所以先来介绍一下在promise之前异步操作的常见语法。事件侦听与响应 回调函数(例如ajax请求回调)异步回调的问题:回调地狱问题(一个回调嵌入一个回调,特别是一些数据库操作和文件操作 , ...
2018-09-28 20:35:20
363
转载 Promise 的基础用法
Promise 的含义Promise 是异步编程的一种解决方案,比传统的解决方案–回调函数和事件--更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了语法,原生提供了Promise所谓Promise ,简单说就是一个容器,里面保存着某个未来才回结束的事件(通常是一个异步操作)的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息。Promise 对...
2018-09-28 19:59:27
138
原创 解决Ajax获取文本数据为空的问题
今天学习了Ajax,想自己封装一个函数,结果第一步就难住了,我无论怎样都获取不到文本文件或者Json里的值,难受的找了半天bug,百度了好久,(不是很懂后台代码,用文本文件保存的数据),找不到适合我的解决方案。关键是控制台没有报错,就是alert();出来是个空字符串......但是,重点来了,我猛然发现会不会是变量作用域的问题!!我在外面定义的xmlDoc=xmlhttp.respons...
2018-09-27 16:55:32
3212
原创 Canvas时钟特效-JS效果
今天上传一个前一阵子做的Canvas实例,时钟特效,是根据课程编写的,主要的是JS和Canvashtml代码:@charset "utf-8";body{ background-color: AntiqueWhite;}canvas{ background-color: white;}CSS代码:<!DOCTYPE html><html>...
2018-09-16 20:47:10
486
原创 JS特效-星空太空效果-极简
今天早上心血来潮,看到自己的电脑桌面是太空的界面,便有心继上次星星海特效后的再一次制作。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>太空</title> <style> body{ width:
2018-09-12 08:24:49
5891
3
原创 JS特效-鼠标事件-进度条
这是今天写的进度条案例,主要用到了鼠标事件,分享出来给大家~<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>进度条</title> <style> #progress{ width: 1000px; h
2018-09-10 20:24:50
850
原创 纯JS+CSS3制作星星海背景特效
今天刚学的用JS和CSS3制作星星海特效图片自己用PS简单做的一个星星,png格式js代码中有必要的步骤注释主要用到了随机函数,这个很重要,它让界面变得很炫,不是单调的闪烁,星星的变化主要是透明度和大小,动画展开时间不一样,设置了推迟时间,鼠标放到上面还会旋转放大。另外我在学习的基础上更加完善了代码,在浏览器窗口缩放的同时,星星海特效会再次刷新,以便适应不同大小的屏幕,用户体验更加...
2018-09-09 20:27:49
2918
2
原创 Vue实例结合Bootstrap-商城购物车效果
目前在学习Vue2.x 跟教程一起写的购物车实例,课程只讲获取数据和功能的实现,所以自己搭了一个简单界面,中间也遇到过问题,获取数据显示XML解析失败,后来发现我应该把项目放到服务器上运行,报错消失了。下面是代码,供大家参考<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%><%...
2018-09-07 20:22:42
1490
原创 解决“vue-router子路由默认视图不显示”问题
今天在看Vue学习视频,老师讲解vue-router多级路由的使用,在写完视频里的例子后,自己测试发现一个小问题(当时视频里没有提及),我是用name实现的路由之间的切换,其中一个有子路由,发现子路由的默认显示没有了(第一次默认有,第二次点击就没有了),又发现控制台有警告提示,所以我百度想要解决问题。很幸运很快找到解决方案:针对vue-router子路由默认视图不显示这个问题,要有默认子路由,...
2018-09-05 18:03:26
11366
原创 JS特效/canvas-绚丽小球
根据网易云课堂的课程,编写的绚丽小球代码,分享一下~<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>绚丽小球</title> <link rel="stylesheet" type="text/c
2018-09-03 16:53:26
462
转载 在线客服技术详解(理论)
前言在线客服是一个比较流行的功能,网络上有很多提供在线客服服务的公司,但介绍在线客服技术的文章却很少。另外,网上有一些免费的在线客服框架,但大部分都只适用与小规模的在线客服服务,对于大规模应用(几万人甚至几十万人同时在线),却基本没有。本文将根据自己的一些实际经验,讲解在线客服的各项技术。这里讲的在线客服系统是基于Web环境,采用Java、JavaScript来实现的。aJax...
2018-08-19 10:42:08
3087
原创 JS效果-原生JS-模仿商城五星评价
这个五星评价交互性很好,是我刚开始接触js写的,当时在学习妙味课堂的js实例课程,觉得很有趣,便琢磨了一下,没想到写出来了,准备工作很简单,三种不同颜色(灰 黑 红)的五角星图片各五张~话不多说,看代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>五...
2018-08-15 08:48:46
1077
原创 实现CSS3图片鼠标移入移出缓慢放大缩小
今天早上心血来潮,想写我的第一篇文章,于是找出来了半年前做的一个小小测试,分享给大家~跟学姐讨论学习,发现一个小小问题,在使用CSS3写鼠标移入图片放大移出图片缩小效果时,只能实现缓慢放大,不能缓慢缩小。之后我进行了小测试:<!DOCTYPE html><html><head> <meta charset="utf-8"> &l...
2018-08-13 09:37:02
8584
8
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人