自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

转载 JavaScript中的定时器(Timer) 是如何工作的!

作为入门者来说,了解JavaScript中timer的工作方式是很重要的。通常它们的表现行为并不是那么地直观,而这是因为它们都处在一个单一线程中。让我们先来看一看三个用来创建以及操作timer的函数。var id = setTimeout(fn, delay);- 初始化一个单一的timer,这个timer将会在一定延时后去调用指定的函数。这个函数(setTimeout)将返回一个唯一的ID...

2018-09-30 17:48:23 2050

转载 vue实现番茄钟

随笔 - 40  文章 - 0  评论 - 0vue 实现 tomato timer(蕃茄钟)近期在学习【时间管理】方面的课程,其中有一期讲了蕃茄工作法,发现是个好多东西。蕃茄工作法核心思想就是:工作25分钟,休息5分钟。如果您好了解更多可以自行度娘。 在加上本人是一个程序猿,就想用程序的方式来表达对此工作法的敬意。因此就产生了用vue实现一个tomato timer的想法。演示地址 ...

2018-09-30 17:44:31 1582 1

转载 Vue复习之生命周期created和mounted的区别

最近刚好在学习Vue.js,在实敲轮播demo时发现了一个当时感觉很奇怪的问题:初始化使用mounted钩子时,只调用了一次,之后就没有调用过了。害我一直以为是自己之后的代码书写有问题,结果自己再敲一遍还是只能初始化调用一次。。。发现这个问题后找找大神们的博客看了看,发现了created钩子的使用。下面就将这次的经历给记录下来。。。生命周期先上图什么是生命周期Vue实例有一个完整的生命...

2018-09-26 20:49:54 214

转载 js中获取时间new Date()详细介绍

var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)         // 所以获取当前月份是myDate.getMonth()+1;myDate.getDate(); //...

2018-09-25 19:53:07 233

转载 Date toLocaleString()、toLocaleDateString()、toLocaleTimeString()方法

Date toLocaleString()、toLocaleDateString()、toLocaleTimeString()方法 Date.toLocaleString()功能:根据本地时间把Date对象转换为字符串。语法:DateObject.toLocaleString()参数:无。返回值:Date对象的字符串表示,以本地时间区表示,并根据本地规则格式化。 Dat...

2018-09-25 19:52:24 4702

原创 第十章 文件和异常

动手试一试10-1 python 学习笔记.txt文件python 可以修图片python 可以做游戏python 可以爬取数据.py文件 filename="scratch.txt"with open(filename,encoding="utf-8")as file_object: contents=file_object.read() print...

2018-09-24 17:23:08 197

转载 JS闭包练习

http://www.qdfuns.com/notes/17398/e8a1ce8f863e8b5abb530069b388a158/page/.html --------------------- 本文来自 Byte_Dance 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/Byte_Dance/article/details/79047098?utm_sour...

2018-09-22 16:16:15 400

转载 javascript面试题精讲

1、javascript的typeof返回哪些数据类型 object number function boolean underfind string typeof isNaN 检测数组的几种方式: Array.isArray(); es5 toString.call([]);//”[object Array]” var arr=[]; arr.constructor;//Array instan...

2018-09-22 13:22:11 445

转载 web前端面试知识点总结(1)

(1)button是行内元素还是块级元素?答:它是可变元素,既不属于行内元素,也不属于块级元素。可变元素:根据上下文语境决定该元素为块级还是内联(可变元素如:button、iframe、map等)。(2)行内元素有哪些?块级元素有哪些?css盒子模型是什么? 答:块级元素:div , p , form, ul, li , ol, dl, form, address, fieldset, h...

2018-09-22 13:17:20 190

原创 Python第九章 类

9.1创建和使用类动手试一试9-1class Restaurant(): def __init__(self,name,type): self.name=name self.type=type def describe_restaurant(self): print(self.name+"is a "+self.type...

2018-09-19 13:27:30 284

原创 编译原理之文法

文法:以有穷的集合描述无穷的计划的工具。字母表:元素的非空有穷集合,其中的元素称为符号,因此也叫符号集。符号串:由字母表中的元素组成的任何有穷序列,串中的元素个数叫做符号串的长度,空符号串ε,长度为0。符号串的运算:连接-符号串x = ab,y=cd, xy = abcd方幂-z=xn,当n = 0, z = ε,当 n = 2, z = xx集合的闭包-∑* = ∑0 ∪∑1 ∪∑...

2018-09-17 19:23:14 30532 2

原创 编译原理之语法分析篇

引用: ==================== S-> aaS|a是什么型的,为什么 S-> aSb|ab是什么型的,为什么 S-> SaS|b是什么型的,为什么 ===================== 答:三种文法都属于上下文无关文法。 四种文法的判断非常简单,说到到,四种文法就是规定产生式的左和右边的字符的组成规则不同而已,其它的不能理解就不要去想了,你只...

2018-09-17 19:04:45 284

原创 Python中TypeError: object() takes no parameters问题的解决办法

class Car(): """模拟一次汽车的简单尝试""" def _init_(self, make, model, year): """初始化汽车属性""" self.make = make self.model = model self.year = year de

2018-09-17 12:15:00 1289

转载 逻辑思维类面试题汇编七

141.有四个人借钱的数目分别是这样的:阿伊库向贝尔借了10美元;贝尔向查理借了20美元;查理向迪克借了30美元;迪克又向阿伊库借了40美元。碰巧四个人都在场,决定结个账,请问最少只需要动用多少美金就可以将所有欠款一次付清?析:阿伊库支出30美元,剩下每人收入10美元。因此,三人每人付10美元给阿伊库即可。  142.某公司的办公大楼在市中心,而公司总裁温斯顿的家在郊区一个小镇的附近。他每次...

2018-09-16 11:42:27 2155

转载 逻辑思维类面试题汇编六

121.有十种水果: a 有550个,b 有600个,c 有700个,d 有700个,e 有650个,f 有500个,g 500个,h 有600个,i 有600个,j 有500个现在有个1000人小学校,要求把这些水果平均分到孩子手里一年级 200人 每人要求分到:9个二年级 100人 每人要求分到:8个三年级 200人 每人要求分到:5个四年级 100人 每人要求分到:3个五年级 2...

2018-09-16 11:41:19 757

转载 逻辑思维类面试题汇编五

101.运算符号的妙用在1、2、3、4、5、6、7、8、9这一串数字中间,加入运算符号“+”或“-”,使其代数和等于99,按(1 …… 9)可以有17种解,倒过 来的后者(9 …… 1)可以有11种解。有兴趣的读者,不妨一试。答:http://zhidao.baidu.com/question/30061382.html 析:这道题编程解决思路:穷举法1)9个数字间最少填5个运算符号,最多...

2018-09-16 11:38:48 949

转载 逻辑思维类面试题汇编四

81.白帽和黑帽老师让6名学生围坐成一圈,另让一名学生坐在中央,并拿出七顶帽子,其中四顶白色,三顶黑色。然后蒙住七名学生的眼睛,并给坐在中央的学生戴一顶帽子,而只解开坐在圈上的六名学生的眼罩。这时,由于坐在中央的学生的阻挡,每个人只能看到五个人的帽子。老师说:“现在,你们七人猜一猜自己的头上戴的帽子颜色。”大家静静地思索了好大一会。最后,坐在中央的、被蒙住双眼的学生举手说:“我猜到了。”问:中央...

2018-09-16 11:36:46 804

转载 逻辑思维类面试题汇编三

41.日本脱口秀表演家金语楼曾获多项专利。有一种在 打火机上装一个小抽屉代替烟灰缸的创意,在某次创意比赛中获得了大奖,备受推崇。比赛结束后,东京的一家打火机制造厂商将此创意进一步开发成产品推向市场,结果销路并不理想。   以下哪项如果为真,能最好地解释上面的矛盾?()   A.某家烟灰缸制造厂商在同期推出了一种新型的烟灰缸,可吸引很多消费者   B.这种新型打火机的价格比普通打火机贵20日元,...

2018-09-16 11:34:52 873 1

转载 逻辑思维类面试题汇集二

21.你有一桶果冻,其中有黄色,绿色,红色三种,,闭上眼睛选抓取同种颜色的两个。抓取多少个就可以确定你肯定有两个同一颜色的果冻?答:四个22.将汽车钥匙插入车门,向哪个方向旋转就可以打开车锁?答:逆时针。不清楚该题的目的是什么。23.如果要你能去掉50个州的任何一个,那你去掉哪一个,为什么?答:要自圆其说。24.对一批编号为1~100 全部开关朝上开着的灯进行以下操作:凡是...

2018-09-16 11:33:44 5565 4

转载 逻辑思维类面试题汇集一

1. 在临上刑场前,国王对预言家说:“我给你一个机会,你可以预言一下今天我将如何处死你。你如果预言对了,我就让你服毒死;否则,我就绞死你。”但是聪明的预言家的回答,使得国王无法将他处死。答:预言家说:我将被绞死。析:简单的悖论。2. 有三个箱子,一个只装苹果,一个只装橙,另一个装苹果和橙。三个箱子上的标签都标错。你只打开一个箱子,不能看里面,你拿出一个水果,看着这个水果,你能立刻为三箱水...

2018-09-16 11:30:47 17245 4

转载 75道逻辑思维题及答案

题目:【1】 假设有一个池塘,里面有无穷多的水。现有2个空水壶,容积分别为5升和6升。问题是如何只用这2个水壶从池塘里取得3升的水。 【2】 周雯的妈妈是豫林水泥厂的化验员。 一天,周雯来到化验室做作业。做完后想出去玩。 "等等,妈妈还要考你一个题目,"她接着说,"你看这6只做化验用的玻璃杯,前面3只盛满了水,后面3只是空的。你能只移动1只玻璃杯,就便盛满水的杯子 和空杯子间隔起来吗?...

2018-09-16 11:29:15 3244 1

原创 python的强制转换(当出现 not supported between instances of 'str' and 'int' 的错误时)

当我们编程时,有时会出现如下错误:TypeError: '>' not supported between instances of 'str' and 'int'如下图:这是因为input()返回的数据类型是str类型,不能直接和整数进行比较,必须先把str转换成整型,使用int()方法:age = int(input ("请输入你的年龄:"))改正之后为:这样程序...

2018-09-14 12:01:42 21928 1

转载 e.keycode 代码含义

本文摘自:http://www.cnblogs.com/king-sheng/archive/2012/01/06/2314041.html 感谢原作者 function submitLoginForm(e) { e = window.event || e; if(e.keyCode == 13) {  login(); }} keycode     8 = Ba...

2018-09-11 20:21:19 1169

原创 Python中字典的items(), keys(), values()方法

>>> dict = {1:2,'a':'b','hello':'world'}>>> dict.items()[('a', 'b'), (1, 2), ('hello', 'world')]>>> dict.keys()['a', 1, 'hello']>>> dict.values()['b', ...

2018-09-11 12:51:16 2263

转载 简单的音乐播放器

  纯Css,js前端音乐播放器,界面UI比较好。我特别喜欢,适合二次开发,调用了网易云第三方接口以及将歌曲链接导出可以访问的歌曲链接,实现了异步歌曲搜索播放,以及异步显示歌词等.结合html5 新特性实现歌曲暂停,下一首,快进等等.为大二前端练手项目.采用渐变质背景是前端练手的好项目,强烈推荐,会让你对js产生浓浓的兴趣挺好玩的,挺有意思的记得当时搞出来高兴了好久异步搜索歌曲链接...

2018-09-10 19:44:53 552

原创 JS中的innerHTML,innerText,value的区别

一、区别innerHTML在控件中加html代码 ,就是设置一个元素里面的HTML,标签对文本信息有效。innerTEXT打印标签之间的纯文本信息,显示标签,标签无效,低版本的火狐浏览器不支持。value显示双引号中的全部内容,显示标签,标签无效。二、举例例一1、innerHTML<!doctype html> <html lan...

2018-09-08 22:45:47 32055 2

原创 :before和:after在li中的应用

一、afterli:after  li+li+li:after二、beforeli:beforeli+li+li:before

2018-09-07 16:58:58 4414

转载 巧用margin/padding的百分比值实现高度自适应(多用于占位,避免闪烁)

一个基础却又容易混淆的css知识点本文依赖于一个基础却又容易混淆的css知识点:当margin/padding取形式为百分比的值时,无论是left/right,还是top/bottom,都是以父元素的width为参照物的!也许你会说,left/right以父元素的width为参照物好理解,但是top/bottom为什么也是以父元素的width为参照物的呢?网上众说纷纭,关键还是看W3C的规范...

2018-09-07 15:35:35 227

转载 编译原理之文法一

 一、先简单介绍一下形式语言基本知识 1、字母表:符号的非空有限集合称为字母表 2、符号串:由某一字母表中的符号组成的有限符号序列称为该字母表的符号串  二、非形式化的语言: ①语言L和M的合并,LUM={s|s∈L或 s∈M} ②语言L和M的连接,LM={st|s∈L,t∈M}③语言L的Kleene闭包,L*=     ④语言L的正闭包,L...

2018-09-06 15:50:16 1107

转载 block,inline和inline-block概念和区别

总体概念block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满。 大体来说HTML元素各有其自身的布局级别(block元素还是inlin...

2018-09-06 15:19:08 75

转载 webstorm快捷键

一、必备快捷键command+/:注释当前行 command+Shift+/:当前位置插入注释 command+Alt+/:块注释,并Focus到首行,写注释说明用的 command+Shift+A:选择当前标签前后,修改标签用的 F11:全屏 Shift+F11:全屏免打扰模式,只编辑当前文件 Alt+F3:选择所有相同的词 Alt+.:闭合标签 Alt+Shift+数字:分...

2018-09-05 20:47:02 360

转载 渐变虚框及边框滚动动画的纯CSS实现

一、渐变虚线边框的实现前段时间,有位小伙伴在微博上问了我这么一个虚线边框如何实现渐变效果的问题:如果对边框的样式细节不是很在意,则可以借助反向镂空的方法实现,也就是虚线原本实色的地方和周围颜色融为一体,看上去透明,而原来虚框透明的部分透出渐变背景色,于是看上去像是渐变色。如下HTML和CSS:<div class="box"> <div class=...

2018-09-05 20:05:12 8744 1

转载 CSS3 filter:drop-shadow滤镜与box-shadow区别应用

要使用标准的CSS3实现某元素的投影效果,有两个套路,第一个就是使用常见的box-shadow, 第二个就是使用CSS3的filter阴影滤镜drop-shadow,那这两个阴影实现有什么具体的差异呢?一、兼容性不一CSS3 box-shadow从IE9浏览器开始就支持了,兼容性如下截图:而filter中的drop-shadowIE13才开始支持,移动端Android4.4才开始支...

2018-09-05 20:00:45 425

原创 drop-shadow 详解

属性css3 属性:filter: drop-shadow 滤镜要使用标准的 css3 实现某元素的投影效果,有两个方法,第一个就是使用常见的 box-shadow ,第二个就是使用 css3 的 filter 阴影滤镜 drop-shadow。filter 中的 drop-shadow 与 box-shadow 有同样的参数值,但表现效果有差异例如:filter:drop-sh...

2018-09-05 19:57:29 1104

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除