- 博客(59)
- 收藏
- 关注
RSS订阅原创 leetcode（6）之Longest Common Prefix 找出字符串数组中最长的公共字符串前缀
题目描述 题目要点 1，这是一个字符串数组2，要寻找最长的公共字符串前缀代码 /** * @param {string[]} strs * @return {string} */var longestCommonPrefix = function(strs) { if(strs.length==0) return ""; strs....
2018-09-05 21:43:30
223
原创 leetcode(5)之Roman to Integer 将罗马数字转换成数字
题目描述 题目要点1，相同的数字连写，表示把这些数字加起来的效果2，如果左边的数字比右边的数字小，那么得到的就是左边的数字减去右边的数字的结果3，如果左边的数字比右边的数字大，那么得到的就是两者相加的结果解法一思路：遍历整个罗马字符串，如果前一个字符表示的数值比后一个字符表示的数值小，那么就在结果变量中减去小的这个字符代表的数值，否者就加上这个字符代表的数值代码：...
2018-09-05 21:08:40
162
原创 leetcode(4) Palindrome Number 判断一个数是否是回文
题目描述 题目要点 1，给定一个数字，将这个数字反转之后，如果与原来的数字相等，那么这就是回文2，一个负数不可能是回文3， 一位数字必然是回文解法一思路：由于题目下面强调了不要把数字转换成字符串，所以可以沿用之前反转数字那道题的方法，先将数字反转，再判断是否相等，需要注意的是在反转数字之前，需要将数字先保存代码：/** * @param {number} x...
2018-09-05 19:30:24
229
原创 leedcode(3)之Reverse Integer 将一个整数反转
题目描述 题目要点 1，给定的是整数，有正有负2，将数字反转之后，数的正负性不变3，反转之后的数字前面不能有04，当结果溢出时返回0解法一思路：看到反转，立马想到了js中数组的一个方法，reverse();想要用这个方法必然先把数字变成数组，这个过程是先将数字变成字符，再变成数组，这样再把数组反转，然后判断首元素是否是0 ，如果是0，就用shift将其删除（在这里感...
2018-09-05 09:28:54
142
原创 leetcode(2) Two Sum II - Input array is sorted 在升序数组中找到两个数相加等于目标值
题目描述：题目要点 1，该数组是按照升序排列的2，在数组中有唯一一组值满足二者相加等于target3，这两个数值的下标不能相等4，返回值不是下标，而是下标+1解法一思路：前面做过一道十分相似的题，唯一的区别在于上一道题的数组并没有说明是按顺序排列的，所以要想有比较好的解法，必然要在这一点上展开思考。由于该数组是按升序排列的，那么可以将数组的第一个元素和最后一个元素相...
2018-09-04 22:35:44
262
原创 leetcode（1）two sum
今天开始自己的leetcode刷题之旅，希望能多多锻炼自己的思维和代码能力！先从easy的开始 题目简介：给出一个数组，从中找到两个数相加等于目标值，返回这两个数的下标 解法一：暴力突破，时间复杂度o(n*n) 思路：两层循环，第一层循环确定第一个加数，第二层循环，让第一个加数与数组的每一个值相加，如果结果等于目标值，并且两个数的下标不相等，那么就输出这两个数的下标/...
2018-09-04 21:01:39
111
原创 VUE安装
今天开始正式的学习vue.js，希望能先快速的掌握这个框架。第一次了解vue这个框架，感觉非常的震撼，有如常年用c写代码的人，突然开始用python,内心在不住的惊叹：哇哇哇！太棒惹！大概就是，一个原始人穿越到现代社会了，哈哈哈哈哈哈。现在的学习是一边看教程，一边看官方文档，希望快点掌握呀。也要提醒自己，多做总结与记录。VUE的安装过程：1，安装node.js(http://node...
2018-09-04 09:29:12
164
原创 javascript中清空数组的几种方法
方法一：lengthvar arr=[1,2,3,4];arr.length=0;console.log(arr);//Array(0),输出为空数组方法二：arr=[ ];var arr=[1,2,3,4];arr=[];console.log(arr);//[],输出为空数组方法三：splicevar arr=[1,2,3,4];arr.splice(0,a...
2018-09-01 09:11:28
237
原创 一些被忽略的小知识之Nan、undefined、null
要不是因为去面试，我才发现自己原来有那么的小知识点不知道，还有一些原理理解的不透彻，想来面试真的是检验自己学的是否扎实的不二途径，所以，多多总结才会变得更稳呐。Nan1，Nan表示not number，中文解释是“非数字的特殊值”；2，Nan的数据类型是number(这是事实，我没有说错)；typeof NaN; //numberconsole.log(NaN =...
2018-08-31 21:29:28
1150
原创 仿Flash图片轮播
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>实现图片轮换播放</title> <link rel="stylesh
2018-07-19 16:31:47
373
原创 JS运动框架中关于offsetWidth的一个小bug
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>JS运动框架中关于offsetWidth的一个小bug</title> <styl
2018-07-16 15:51:31
185
原创 JS运动址多物体任意值运动框架
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>JS运动之多物体任意值运动框架，可以改变任意属性（包括透明度）</title> <
2018-07-16 14:23:13
159
原创 JS运动之多物体运动淡入淡出
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>JS运动之多物体运动淡入淡出:要点：当涉及多物体的运动时，最好不要有公共使用的变量，避免造成混乱</title&
2018-07-15 15:21:26
184
原创 JS运动之多个物体同时运动，如何不相互干扰
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>JS运动之多个物体同时运动</title> <style>
2018-07-15 10:10:28
806
原创 Ajax的一次小练习从服务器端读取静态文件以及阻止缓存
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>用Ajax读取一个服务器上的文件</title> <style>&a
2018-06-15 09:55:10
235
原创 JS键盘事件之ctrl+enter来提交留言
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>键盘事件之ctrl+回车提交留言</title> <style>&a
2018-06-15 09:05:14
1734
原创 JS小练习之鼠标事件——让物体跟随鼠标移动
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>鼠标事件</title> <style> #div1{
2018-06-14 12:27:25
3593
1
原创 JS小练习之实现一个仿select下拉框来解释什么叫事件冒泡以及如何避免冒泡
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>JS事件基础</title> <style> div{
2018-06-14 11:02:47
591
原创 JS运动之匀速运动如何精准在目标处停下
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>关于匀速运动的停止问题</title> <style> #d
2018-06-13 22:54:26
186
原创 JS运动之实现页面侧边的居中浮动框
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>实现右侧的浮动栏</title> <style> #div1
2018-06-13 22:02:35
656
原创 JS运动之实现图片的淡入淡出
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>图片淡入淡出</title> <style> #div1{
2018-06-13 20:32:04
265
原创 JS运动——缓冲运动
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>缓冲运动——逐渐变满，直到最后停下</title> <style>
2018-06-13 19:58:18
128
原创 JS小练习之实现网站的侧边栏分享操作
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>运动框架</title> <style> /* #div1{
2018-06-13 11:46:26
490
1
原创 JS小练习之实现表格排序
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>实现表格排序</title> <style> #ul1{
2018-06-12 11:16:17
179
原创 表格练习——DOM关于表格的高级操作、隔行变色、选中变色、添加／删除表格的一行,查找表格中的内容（模糊搜索，多关键字搜索）
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>表格-隔行变色，鼠标移入变色</title> <style>
2018-06-11 22:45:09
577
原创 DOM基础—3 使用文档碎片减少页面渲染完成时间
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>文档碎片</title> <style></style
2018-06-11 19:46:20
221
原创 DOM基础-2 createElement(),appendChild(),insertBefore()，removeChild()
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>DOM基础-2</title> <style></st
2018-06-11 16:52:04
177
原创 DOM元素灵活获取元素
一，JS有获取元素的方法：getElementById(); 这个只适合那种只要获取一两个元素的操作，一旦要批量操作很多元素的时候就显得很麻烦了getElementsByTagName();这个只适合那种要获取一大批元素操作权的地方，但是也很烦，太不精确了用className选择元素：这样你就可以根据自己的需要来选中你想要的元素，这个简直太方便啦！下面举个例子看看怎么使用className://将...
2018-06-11 15:44:44
138
原创 JS小练习之childNodes，children，parentNode，offsetparent，firstChild与firstElementChild的用法
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>DOM基础</title> <style></styl
2018-06-11 10:10:02
295
原创 JS小练习之实现无缝滚动
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>定时器</title> <style> /* #div1{
2018-06-09 19:54:23
157
原创 JS小练习之实现延时提示框
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>实现延时提示框</title> <style> div{fl
2018-06-07 22:51:08
237
原创 JS小练习之实现一个酷炫时钟
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>超酷炫时钟</title> <style> .wrapper
2018-06-07 18:56:12
1190
原创 JS之关于数组的小知识
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>数组笔记</title> <script type="text/java
2018-06-07 11:41:08
111
原创 JS小练习之实现简易日历
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>简易日历</title> <style> .wrapper{
2018-06-05 22:08:46
315
原创 JS小练习得到的一些散碎小笔记
window.onload();这个方法就是你可以把JS代码放在这个方法中，然后就会等待页面加载完成之后再来执行JS代码，它比较适合：当你把JS代码写在最前面，并且要对下面的页面的做修改时，如果没有使用这个函数，程序就会报错关于写前端时的一个小建议：行为（js）、样式(css)、结构(html)相分离，也就是说最好做到不添加行间样式和行间JS代码，这样会使得代码更为健壮这个方法与之前常用的getE...
2018-06-05 15:41:25
113
原创 JS 小练习之实现选项卡
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>实现选项卡</title> <style> #div1 di
2018-06-02 20:45:57
997
原创 JS小练习之实现全选、不选、反选
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>全选、不选、反选</title> <style> &
2018-06-02 16:05:40
166
原创 JS中操作HTML页面的两种方法
在大部分情况下，我们都习惯用第一种方法：这种方法在点号后面是style的属性值的时候，都不会出错，也就是说，这种形式的操作是默认点号后面是样式的一种属性那么，当点号后面不是样式的一种属性，而是函数传参进来的一个变量怎么办，比如一下这种操作：在这里这么写是无法得到正确的结果的，因为浏览器还是会把name看作是样式的属性之一，但是这并不是样式的属性，所以导致修改样式不成功，这个时候就要用到第二种方法了...
2018-06-02 09:07:20
4262
原创 JS小练习之实现点击显示／隐藏
这段代码实现的是：点击一个按钮显示一段文字，然后再点击一次，文字消失；这个可以联想到一些网站导航栏里，点击一个按钮出现一个下拉框，里面有很多链接那种效果这里主要需要注意的一点是：在用JS改变HTML页面中的一些样式时，html里的代码怎么写，js里面的代码就怎么写但是有一个例外，那就是，如果你想用JS动态的为HTML页面的某个元素增加一个class类，你需要这样写：而不是：obj.class="a...
2018-06-01 22:53:48
3059
原创 JS小练习之鼠标移入移出实现的一些效果
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>鼠标移入移出显示效果</title> <style> #di
2018-06-01 15:33:54
4645
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人