前端小白进阶-CSDN博客

原创利用Js中的正则实现邮箱校验

正常的邮箱格式为：<input type="text" id="txt1"><input type="button" id="btn1" value="邮箱校验"/>Js实现的代码为：<script>/*邮箱的正常格式：**一串英文、数字、下划线 @ 一串英文、数字 . 一串英文***/ var oTxt=d

2018-11-07 18:12:44 5816

原创 keydown,keypress,keyup三者之间的区别：

最近看了Javascript高级教程中对过滤输入的介绍，想实现比如电话号码中不能包好非数值的字符，而相应文本中插入字符的操作是keypress事件，所以就想通过阻止这个事件的默认事件行为来阻止这个事件的默认行为来屏蔽此类字符，但是屏蔽之后所有的安检操作都会被屏蔽，文本框会变成可读的。如果只想屏蔽特定的字符，需要检测keypress事件对应的字符编码，然后决定如何响应。但是我在利用keypree事...

2018-11-06 12:07:21 19967 1

原创 Js中事件委托的实现

**加粗样式**我们首先来看下面一段程序（定义了一个无序列表，其中包括三个li标签）：&lt;ul id="myLinks"&gt; &lt;li id="goSomewhere"&gt;Go somewhere&lt;/li&gt; &lt;li id="doSomething&

2018-11-04 23:58:16 2376

原创 angular中的插槽

https://juejin.cn/post/7070785485274087460

2023-04-11 17:38:01 152

转载闭包

闭包问题https://segmentfault.com/a/1190000006875662

2019-07-13 00:43:02 166

原创插入排序

思路：插入排序每次排一个数组项，以此方式构建最后的排序数组。假设第一项为已排列好的有序数组，接着，它和第二项进行比较，判断第二项应该待在原地还是插入第一项之前。这样，头两项就已经正确排序，接着和第三项比较（它应该是插入到第一、第二还是第三的位置），以此类推。<!DOCTYPE html><html lang="en"><head> <meta...

2019-07-03 10:35:13 205

原创 js实现选择排序算法

选择排序:顾名思义选择，选择排序属于O(N^2)的排序算法，意思就是选择数组中的最小的拿出来放在第一位，然后再剩下的数里面，选择最小的，排在第二位，以此类推。例如：8 3 4 5 6 2 1 7第一次：寻找数组中最小的数1，然后和8替换，得到 1 3 4 5 6 2 8 7第二次：因为1的位置已经确定，所以只需要找剩下数组中最小的就行了，2和3互换得到1 2 4 5 6 3 8...

2019-07-03 09:46:12 363

原创原生js实现时钟

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>电子表</title></head><style> #all{ margin-left: 150px; ...

2019-06-25 22:22:52 599

转载 webstorm中运行单个vue文件

https://cli.vuejs.org/zh/guide/prototyping.html#vue-serve

2019-06-24 11:08:08 2176

原创用原生js实现轮播

用原生js实现轮播参考自：https://blog.csdn.net/Zhangeq/article/details/84306332<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播</title> <...

2019-06-19 16:57:33 180

原创动态规划之剪绳子问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态规划-求绳子乘积最大值</title></head><body><script> function isMax(int...

2019-06-11 12:19:13 371

原创按照从小到大的顺序输出它的所有质数的因子，以空格隔开。最后一个数后面也要有空格。

按照从小到大的顺序输出它的所有质数的因子，以空格隔开。最后一个数后面也要有空格。直接贴代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body&g...

2019-06-06 23:37:53 1410

原创 cookie

在Http协议的定义中，cookie用来记录客户端和服务器端信息的交互，包括交互信息的格式、生存期、使用范围以及安全性。在js中可以通过document.cookie来读取或设置这些信息。由于cookie多用在客户端和服务端之间进行通信，所以除了js之后，服务器端的语言也可以存储cookie。 document.cookie="name:颜值;+expires="+new Date(new D...

2019-05-06 22:26:25 139

原创提交IEEE论文出现“Upload failed: One or more fonts are not embedded. See EDAS FAQ.”的问题

楼主提交ieee的论文一直提示这个，查了好几个小时的资料，试着用adobe 打印，但是就是没用，最后检查发现是因为adobe中存在始终不嵌入的字体，二楼主论文中图使用的字体刚好就在其中。现在推荐一个最有效的方法，楼主亲测;https://blog.csdn.net/qq_30592147/article/details/83592629下载cutePdf writer的链接为;http://...

2019-05-06 16:03:32 1078 1

原创统计字符串中某个字符出现的最大次数

function isMaxTime(str) { var obj={}; var a=[]; for (var i=0;i<str.length;i++) { var arr=str[i]; if (obj[arr]) { ...

2019-03-27 22:07:47 308

原创每个字符在字符串中出现的次数

function isMaxTime(str) { var obj={}; for (var i=0;i<str.length;i++) { var arr=str[i]; if (obj[arr]) { obj[arr]++; ...

2019-03-26 23:59:13 660

原创周长最大的三角形

爱奇艺2018校招：牛牛手中有三根木棍,长度分别是a,b,c。牛牛可以把任一一根木棍长度削短,牛牛的目标是让这三根木棍构成一个三角形,并且牛牛还希望这个三角形的周长越大越好。var line = readline().split(" ");var a = parseInt(line[0]);var b = parseInt(line[1]);var c = parseInt(line[...

2019-03-24 18:18:24 519

原创 js实现归并算法

function merge(left, right) { var tmp = []; while (left.length && right.length) { if (left[0] < right[0]) tmp.push(left.shift()); else ...

2019-03-23 21:46:53 323

原创 Js实现快速排序算法

var quickSort=function(arr) { //检查数组元素的个数，如果小于等于1，就返回 if (arr.length<=1) { return arr; } //选择“基准”（pivot）,将其与原数组分离，再定义两个空数组，用来存放一左一右的两个子集 ...

2019-03-23 21:44:30 1196

原创 js实现冒泡算法

思路：按照值小的元素上浮，值大的元素下沉的思路，代码如下 function bubbleSort(array) { for (var i=0;i<array.length-1;i++) { for (var j=array.length-1;j>i;j--) { if (array[j]...

2019-03-10 11:18:12 1671

原创返回值是一个包含被删除的重复条目的新数组

腾讯2015前端面试题：请给Array本地对象增加一个原型方法，它用于删除数组条目中重复的条目(可能有多个)，返回值是一个包含被删除的重复条目的新数组。解题思路：楼主对返回值这边不理解，不明白输出的删除重复数组元素之后的数组还是返回需要删除的重复的数组，给了两种解答，有人试过这个题嘛：Array.prototype.delete=function(){var res = []; ...

2019-03-02 23:55:33 146

原创集合的定义以及集合的交并补运算

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&am

2018-12-29 12:16:04 3887

原创单向链表实现：插入节点、删除节点操作

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&am

2018-12-27 00:00:51 2419

原创利用Generator实现的一个抽奖次数提醒的小程序

{ let draw=function (count) { console.info(`剩余${count}次`); }; let residue=function*(count) { while(count>0) { count--; yield draw(count); ...

2018-12-25 16:09:57 270

转载 js中==和===区别

简单来说： == 代表相同， ===代表严格相同, 为啥这么说呢，这么理解：当进行双等号比较时候：先检查两个操作数数据类型，如果相同，则进行=比较，如果不同，则愿意为你进行一次类型转换，转换成相同类型后再进行比较，而=比较时，如果类型不同，直接就是false.操作数1 == 操作数2，操作数1 === 操作数2比较过程：双等号==：（1）如果两个值类型相同，再进行三个...

2018-12-17 23:17:29 86

原创网易春招-数对

问题描述：找(x, y)的对数。已知x、y均不大于n，且x%y大于k。输入n和k，输出满足条件的(x， y)有多少对。思路1：暴力解（通过率为30%）：var line = readline().split(" ");var n = parseInt(line[0]);var k = parseInt(line[1]);var count=0;function isNum(n,k)...

2018-12-13 11:38:43 338

原创网易秋招测试-迷路的牛牛

牛牛去犇犇老师家补课，出门的时候面向北方，但是现在他迷路了。虽然他手里有一张地图，但是他需要知道自己面向哪个方向，请你帮帮他var count=0;/*用来计数：向左加1，向右减1*/function isDirection(num,str){ for (var i=0;i<str.length;i++) { if (str[i]...

2018-12-12 13:01:25 233

原创牛客网网易2018春招：小Q数列

问题描述小Q得到一个神奇的数列: 1, 12, 123,…12345678910,1234567891011…。并且小Q对于能否被3整除这个性质很感兴趣。小Q现在希望你能帮他计算一下从数列的第l个到第r个(包含端点)有多少个数可以被3整除。我是在webstorm上面实现的，实现的代码如下：var line = readline().split(' ');var l = parseInt(...

2018-12-10 19:21:28 563

原创 Js中的Applyg和call

/*定义一个Person类*/ function Person(name,age) { this.name=name; this.age=age; } /*定义一个学生类*/ function Student(name,age,grade) { /*第一种方法：使用apply*/ /*Person.apply(this,arguments)...

2018-12-09 15:16:39 119

原创 Js中的数值转化：Number（）、parseInt（）、parseFloat（）

Js中有3個函數可以把非数值转化为数值。Number（）：可以用于任何数据类型。parseInt、parseFloat：专门把字符串转化成数值Number（）函数的转换规则如下：如果是Boolean值，True转化为1，False转化为0；如果是数值，只是简单的传入和返回；如果是null，返回0；如果是undefined，返回NaN；如果是字符串，遵循下列规则：a、如果字符串中...

2018-12-08 23:02:31 1105

原创 Js中的函数表达式与函数声明

函数声明：function sum (num1, num2) { return num1 + num2; } 函数表达式：var sum = function(num1, num2){ return num1 + num2; }; 由于函数名仅仅是指向函数的指针，因此函数名与包含对象指针的其他变量没有什么不同。换句话说，一个函数可能会有多个名字，如下面的例子...

2018-12-08 00:36:55 150

原创 Js中的全局变量与局部变量

ECMAScript 的变量是松散类型的，所谓松散类型就是可以用来保存任何类型的数据。换句话说，每个变量仅仅是一个用于保存值的占位符而已。定义变量时要使用 var 操作符（注意 var 是一个关键字），后跟变量名（即一个标识符），如下所示：var message; 这行代码定义了一个名为 message 的变量，该变量可以用来保存任何值（像这样未经过初始化的变量，会保存一个特殊的值——und...

2018-12-07 23:53:47 263

转载在命令行输入ipconfig/flushdns，显示不是内部文件

在cmd中输入ipconfig/flushdns，显示不是内部文件，解决办法（转载）：https://blog.csdn.net/hi_boy_/article/details/78059189

2018-11-30 10:53:06 6948

转载 win10如何更改host

hosts文件的作用是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”，当用户在浏览器中输入一个需要登录的网址时，系统会首先自动从hosts文件中寻找对应的IP地址，一旦找到，系统会立即打开对应网页，可用于“加快域名解析”、“方便局域网用户”等方面。1、找到host文件在电脑中的存放位置：C:\Windows\System32\drivers\etc。刷新电脑的DNS缓存当计算机对...

2018-11-15 16:12:37 445

转载 Js中的call()方法和apply()方法

Js中的apply和call的用法以及二者之间的区别：在牛客网上看到这样一道题：题目描述将数组 arr 中的元素作为调用函数 fn 的参数示例1 输入function (greeting, name, punctuation) {return greeting + ', ' + name + (punctuation || '!');}, ['Hello', 'Ellie', '!']...

2018-11-13 22:32:57 3667

原创利用Js中的定时器实现图片的淡入淡出

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #div1 { height: 200px;

2018-11-09 12:35:25 1166

原创使用Canvas绘制矩形

其中的html中的代码为：<canvas id="drawing" width="200" height="200">方法1：fillRect（）方法在画布上绘制矩形/!*使用fillRect（）方法在画布上绘制矩形*!/ var drawing=document.getElementById("drawing"); // /!*确

2018-11-08 00:29:25 919

原创利用Js中的canvas对象绘制简单的时钟代码

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>使用canvans绘制路径</title> <style> </style>&am

2018-11-08 00:26:06 188

原创 Javascript中的字符操作以及有关正则的一些简介

Js中的一些常见的字符操作：search：查找（返回的是字符在字符串中的位置）substring：获取子字符串charAt：获取某个字符split：分割字符串，获得数组var str="abcdef";//随便定义一个字符串 alert(str.search('a'));/!*返回0（即字符a在字符串str中的位置）*!/ alert(str.substring(2,5));/!...

2018-11-07 18:23:54 80

原创利用Js自动切换焦点实现手机号码分段的输入

以美国的电话号码为例，假设分为三段：区号、局号、和另外四位数字。，主要的实现思路为：在一个文本框智能的字符达到最大的数量之后，自动将焦点切换到下一个文本框。换句话说，用户在第一个文本框中输入了3个数字之后，然后焦点就会切换到第二个文本框，在输入3个数字，焦点又会切换到第二个文本框。<script> var oTxt1=document.getElementById("txt...

2018-11-06 23:53:38 1287

空空如也

空空如也