12 2017 档案
摘要:何为锚点链接?这里引用一下百度百科里面对于锚点链接的介绍:锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更能当作"精准链接"的便利工具,让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。
阅读全文
摘要:有时候我们需要复用一个页面,但是又希望他们拥有各自的标题,这时候就需要动态的去更改页面的title了,不然所有页面都是一个标题。 这时候就会想到使用js或jQuery去实现了。 1、js方式。 首先,我想到了使用document.getElementsByTagName()去获取页面的title标签
阅读全文
摘要:所谓图片热点链接就是为图片指定一个或多个区域以实现点击跳转到指定的页面。简单来说就是点击某一区域就能跳转到相应的页面,而无需点击整个图片才能跳转。 说到图片热点链接,我首先想到了map + area,当然了,可能还有其他方法也能实现。 以前只是知道有这个功能,但是具体如何实现却没有去真正的了解。由于
阅读全文
摘要:这里说的cookie。是指javascript中的cookie 与jquery中的cookie。 (1)、javascript cookie Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。 可以为 co
阅读全文
摘要:今天get到一个新的知识点,虽说不是什么复杂的东西,但是能实现效果还是蛮高兴的。 为网站添加标识性的的图标(头像)?也许有人像我一样,刚开始并不知道啥意思,但是看到别人网站都有标识性的头像,立马就明白了是啥意思。效果如下: 这样可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站,
阅读全文
摘要:今天遇到一个新的问题,就是图片拖拽上传至服务器,一般,我们会想到使用ajax,但是现在问题是ajax默认是不能直接提交文件的的,也就是说,我们拖拽上传图片后,没法将上传的图片信息发送到服务器,这时候就要模拟form表单的提交了。 既然要上传,这里首先要讲到的就是图片拖拽上传了。 图片拖拽完成,现在要
阅读全文
摘要:之前用过定时器,只不过用的不是很多,关于js定时器,一般而言我们很容易想到setInterval和setTimeout这两种。 刚开始学js定时器时,记住了setInterval,该方法一般用于每隔多久就调用定时器中的方法一次,是可以循环执行的,而setTimeout则是过多久后才执行定时器中的方法
阅读全文
摘要:今天在使用input[type=file]上传图片到服务器时,因为项目要求,并不是像常见的通过按钮来提交表单事件,而是图片上传后就自动执行表单提交事件,将上传的图片信息传给服务器。 刚开始我是这样执行的: 后来发现不行,原来是form标签里缺少一句很重要的代码:enctype="multipart/
阅读全文
摘要:以前知道input[type=file]可以上传文件,但是没用过,今天初次用,总感觉默认样式怪怪的,想修改一下,于是折腾了半天,总算是小有收获。 以上是默认样式,这里我想小小的修改下: HTML代码如下: css代码如下: 更改后,效果如下(样式很丑,这里主要是阐述下怎么更改input[type=f
阅读全文
摘要:以前无论声明变量还是常量,总是使用var一勺端,知道接触了es6之后,发现原来变量、常量的声明其实是很讲究的。 这里简单来谈谈var、const与let。 1、var。var声明的变量没有块级作用域,而且存在变量名提升的情况。这里举例说明。 为什么第一个输出值会是undefined,而不是123呢?
阅读全文
摘要:在开发中,有时候经常会碰到图片水平居中或垂直居中或者水平、垂直都居中的情况,虽然知道怎么用,但是也只是局限于某一种,有时候也需要调试好一会儿才能解决,因此看了一下关于这方面的知识点,来总结一下。以代码来说事儿。 html主要代码: css代码: 1、图片水平居中。 这里有一下几种方法可以实现。 (1
阅读全文
摘要:首先,JavaScript中函数有两种创建方式,即函数声明、函数表达式两种。 1、函数声明。 2、函数表达式。 现在来说说函数声明提升。还是以例子来说明吧。 运行后可知,在函数声明中,函数创建前就可以先调用函数。 由于函数声明提升,其实上述语句相当于这样: 而在函数表达式中,则会是另一番结果。 运行
阅读全文
摘要:一直以来对变量提升都是比较模糊的,今天特地看了一下这个知识点,总结一下。 1、举个最简单的例子来说一下什么是变量提升吧。 由于变量声明提升,其实上述代码相当于 可以看出,变量提升其实是变量声明的提升,变量值并没有提升。 现在将上述代码变一下。 2、在函数内变量声明前使用return关键字。 因为变量
阅读全文
摘要:今天又get到了一个新知识点,就是在sublime text上也可以模拟一个本地服务器的环境,前提是要先安装sublimeserver这个插件。这个插件的安装办法有两种。 1、我们可以直接在sublime text里面安装,Ctrl+shift+p进入命令模式,输入install,进入install
阅读全文
摘要:这几天碰到了layui中的日期与时间这个,本以为很简单的,可是又一个需求是这样的,有两个日期选择框,第一个日期选择框要求最小日期不得小于当前日期,第二个日期选择框要求最小日期为第一个日期选择框的选中日期,最大日期须在24小时内,本以为不会很难。 于是按照惯例,先渲染第一个日期选择框,然后渲染第二个日
阅读全文
摘要:真是自己给自己挖坑,坑死人不偿命啊。 在用layui开发时,遇到这种情况,点击按钮出现一个弹出层,然而我不是用button按钮去实现的,而是用a标签做的,本来a标签也是可以实现的,在这里我无形中给自己挖了个坑。然后绕进去好半天不知道问题出在哪,直接上代码: 这样看似没问题,实则无法实现预期的弹出层效
阅读全文
摘要:atom是一款很好用的编辑器,然而想要它拥有更强大的功能,还是得依靠各种插件,虽然我们可以在顶部工具栏中的Packages--》Settings View--》Open--》install里面搜索插件名然后安装,但那是相当慢的,慢就不说了还经常安装失败,于是不得不寻求其他方法来安装插件,这里可以使用
阅读全文
摘要:今天在工作中要将获取到的时间转换为时间戳,一时间竟不知道怎么用,于是不得不去查询资料,这里特地做个笔记。 1、将日期转换为时间戳。 要将日期转换为时间戳,首先得先获取到日期,这里可以直接指定日期,或者是使用当前日期。要获取当前日期,我们可以使用new Date()来获取。直接上代码。 2、将时间戳转
阅读全文
摘要:以前老听别人说atom这款编辑器如何如何的好用,今天特地试了下,结果一不小心将顶部的工具栏给隐藏了,弄了半天都没弄出来。后来就在网上到处寻找帮助,试试这个试试那个,终于弄好了,其实是这样的。 首先在任意界面,使用Alt+i组合键临时调出菜单选项,当然不要以为这样就好了,它只是临时的,很容易就会消失的
阅读全文
摘要:今天在运行项目的时候,又遇到坑了,在公司运行的好好的项目,到我自己电脑上就报错,提示跨域,想了好久都不明白为啥,webpack配置文件里的ip地址我也改成与本地ip对应的,百思不得其解,在寻求别人帮助后,他很快就知道问题所在,就是本地ip需改成与公司项目相对应的,于是改好ip后,再次运行,又报错了,
阅读全文