Web-once-CSDN博客

原创 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 439

原创二分法查找（有序数组）JavaScript

<!DOCTYPE html><html><head> <title></title></head><body><script type="text/javascript"> // 二分法查找有序数组 function binarySearch(arr, target){ l...

2019-08-25 15:34:58 350

原创 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 163

原创 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 196

原创直接插入排序算法

<!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 120

原创 Vue+Node+Mongodb实现登录注册遇到的端口问题

经亲测，多次测验。总结以下：（不完全）首先node index.js开启后端服务，会占用一个8080端口再打开前端服务npm run dev会再打开一个8081的端口浏览器自启动8081的窗口，这时修改样式，即修改前端代码会更新，但是没有后端服务，即不能发送请求。在浏览器用8080端口也可以浏览项目。此时8080端口可以获取数据，8081端口获取数据失败，res is undefined...

2019-06-21 21:19:58 274

原创 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 165

原创 day3-牛客网HTML/CSS知识点总结

第一题：css属性overflow属性定义溢出元素内容区的内容会如何处理。scroll：必会出现滚动条auto：子元素内容大于父元素时出现滚动条visible：溢出的内容出现在父元素之外hidden：溢出隐藏第二题：当margin-top、padding-top的值是百分比时，分别是如何计算的？都是：相对最近父元素块级元素的width第三题：CSS3新增属性用法整理：...

2019-04-18 19:58:19 135

原创主流浏览器内核私有属性css前缀

mozilla内核（firefox,flock等）-mozwebkit内核（safari,chrome等）-webkitopera内核（opera浏览器）-otrident内核（ie浏览器）-ms

2019-04-18 18:25:21 232

原创 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 205

原创 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 700

原创 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 116

3.12日晚课由老师分享内推链接，晚上发送简历并且做完素质测评3.13日晚收到面试电话，预约电话面试时间，定在周六九点3.16日早上10:21接到电话，很是兴奋，面试官也很热情，还专门问到由于一些原因没有在约定时间打来电话，问是否方便面试，接下来就是简单的面试过程，先介绍自己，面试官需要对我的技术进行了解，我也认识到了自己的不足，没有自己的GitHub开源项目，没有研究过框架源代码，没有很好的使用...

2019-04-11 12:52:42 231

原创 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 90

原创解决给a标签添加点击事件时遇到的问题

前几天有人问我为什么她的点击事件不好使呢？效果闪一下就没有了？首先她的点击事件没有加给button或者其他标签，当然a标签是可以加的，但是一般a标签我们都是用来链接到某个网页或位置，它的href属性一般是有值的，或者尽管没有给href属性值，也会有#或者javascript:;这种，那么问题就是出现在了这个属性上。接下来分情况说一下：href="#"这个添加点击事件是没有问题的...

2018-11-04 16:07:24 6506 2

转载获取浏览器和屏幕各种高度宽度

原生JSdocument.body.clientWidth; //网页可见区域宽(body)document.body.clientHeight; //网页可见区域高(body)document.body.offsetWidth; //网页可见区域宽(body)，包括border、margin等document.body.offsetHeig...

2018-10-29 10:44:03 310

原创 CSS如何将元素垂直居中方法锦集

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>实现元素垂直居中</title> <style> .box{ background-color: pink;

2018-10-28 15:15:26 400

原创 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 152

原创简单导航栏制作

<!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 214

原创 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 114

原创 JS效果-灯箱效果-图片大图查看

一个简单的自己写的简陋版“灯箱效果”，不多说看代码：（自己找一下图片，路径记得改，用到jQuery）嫌js麻烦，主要想试一下实现逻辑。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>灯箱效果</title> <style&am

2018-10-19 19:44:41 2830

原创详解:nth-child()和:nth-of-type()选择器用法

一、:nth-child()选择器定义和用法:nth-child(n) 选择器匹配属于其父元素的第n个子元素，不论元素的类型。注解：注意这里的不论元素类型，我之前就老出错，在父元素里的所有子元素（同级），不论类型一下排下来的索引。而不是只有p标签或者span标签里的第几个，这个和下面的选择器做对比可以更好的理解。n 可以是数字、关键词或公式。数字：p:nth-child(1)这...

2018-10-10 17:04:18 967

原创 windows10配置jdk和tomcat

前几天刚刚入手一台笔记本！啊啊啊啊啊......想了很久，终于到手了，很是顺手，超级喜欢，于是经过两天的沉淀之后，开启了我的配置运行环境之旅，呀哈哈哈！（我也遇到一些问题，这里简单介绍）请看：我趁着拥有一个干净的笔记本，“趁机”搞一搞，哈哈首先我去网上找了教程，开始一步一步搭建，配置jdk环境变量用了很长时间，jdk安装没毛病，主要是配置这三个东东（我都怕搞坏新电脑）：1.JAVA_HOM...

2018-10-05 21:22:52 595

转载 Promise详解

Promise介绍：用于异步计算将异步操作队列化，按照期望的顺序执行，返回符合预期的结果可以在对象之间传递和操作promise，帮助我们处理队列由于promise是控制异步操作的，所以先来介绍一下在promise之前异步操作的常见语法。事件侦听与响应回调函数（例如ajax请求回调）异步回调的问题：回调地狱问题（一个回调嵌入一个回调，特别是一些数据库操作和文件操作 , ...

2018-09-28 20:35:20 349

转载 Promise 的基础用法

Promise 的含义Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise所谓Promise ，简单说就是一个容器，里面保存着某个未来才回结束的事件(通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息。Promise 对...

2018-09-28 19:59:27 132

原创解决Ajax获取文本数据为空的问题

今天学习了Ajax，想自己封装一个函数，结果第一步就难住了，我无论怎样都获取不到文本文件或者Json里的值，难受的找了半天bug，百度了好久，（不是很懂后台代码，用文本文件保存的数据），找不到适合我的解决方案。关键是控制台没有报错，就是alert();出来是个空字符串......但是，重点来了，我猛然发现会不会是变量作用域的问题！！我在外面定义的xmlDoc=xmlhttp.respons...

2018-09-27 16:55:32 3188

原创 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 473

原创 JS特效-星空太空效果-极简

今天早上心血来潮，看到自己的电脑桌面是太空的界面，便有心继上次星星海特效后的再一次制作。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>太空</title> <style> body{ width:

2018-09-12 08:24:49 5849 3

原创 JS特效-鼠标事件-进度条

这是今天写的进度条案例，主要用到了鼠标事件，分享出来给大家~<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>进度条</title> <style> #progress{ width: 1000px; h

2018-09-10 20:24:50 841

原创纯JS+CSS3制作星星海背景特效

今天刚学的用JS和CSS3制作星星海特效图片自己用PS简单做的一个星星，png格式js代码中有必要的步骤注释主要用到了随机函数，这个很重要，它让界面变得很炫，不是单调的闪烁，星星的变化主要是透明度和大小，动画展开时间不一样，设置了推迟时间，鼠标放到上面还会旋转放大。另外我在学习的基础上更加完善了代码，在浏览器窗口缩放的同时，星星海特效会再次刷新，以便适应不同大小的屏幕，用户体验更加...

2018-09-09 20:27:49 2912 2

原创 Vue实例结合Bootstrap-商城购物车效果

目前在学习Vue2.x 跟教程一起写的购物车实例，课程只讲获取数据和功能的实现，所以自己搭了一个简单界面，中间也遇到过问题，获取数据显示XML解析失败，后来发现我应该把项目放到服务器上运行，报错消失了。下面是代码，供大家参考<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%><%...

2018-09-07 20:22:42 1473

原创解决“vue-router子路由默认视图不显示”问题

今天在看Vue学习视频，老师讲解vue-router多级路由的使用，在写完视频里的例子后，自己测试发现一个小问题（当时视频里没有提及），我是用name实现的路由之间的切换，其中一个有子路由，发现子路由的默认显示没有了（第一次默认有，第二次点击就没有了），又发现控制台有警告提示，所以我百度想要解决问题。很幸运很快找到解决方案：针对vue-router子路由默认视图不显示这个问题，要有默认子路由，...

2018-09-05 18:03:26 11338

原创 JS特效/canvas-绚丽小球

根据网易云课堂的课程，编写的绚丽小球代码，分享一下~<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>绚丽小球</title> <link rel="stylesheet" type="text/c

2018-09-03 16:53:26 452

转载在线客服技术详解（理论）

前言在线客服是一个比较流行的功能，网络上有很多提供在线客服服务的公司，但介绍在线客服技术的文章却很少。另外，网上有一些免费的在线客服框架，但大部分都只适用与小规模的在线客服服务，对于大规模应用（几万人甚至几十万人同时在线），却基本没有。本文将根据自己的一些实际经验，讲解在线客服的各项技术。这里讲的在线客服系统是基于Web环境，采用Java、JavaScript来实现的。aJax...

2018-08-19 10:42:08 3045

原创 JS效果-原生JS-模仿商城五星评价

这个五星评价交互性很好，是我刚开始接触js写的，当时在学习妙味课堂的js实例课程，觉得很有趣，便琢磨了一下，没想到写出来了，准备工作很简单，三种不同颜色（灰黑红）的五角星图片各五张~话不多说，看代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>五...

2018-08-15 08:48:46 1005

原创实现CSS3图片鼠标移入移出缓慢放大缩小

今天早上心血来潮，想写我的第一篇文章，于是找出来了半年前做的一个小小测试，分享给大家~跟学姐讨论学习，发现一个小小问题，在使用CSS3写鼠标移入图片放大移出图片缩小效果时，只能实现缓慢放大，不能缓慢缩小。之后我进行了小测试：<!DOCTYPE html><html><head> <meta charset="utf-8"> &l...

2018-08-13 09:37:02 8507 8

qq_42381297的博客