![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
技术
文章平均质量分 51
快乐的前端小菜鸟
To be, or not to be, that is the question
展开
-
Vue-Cli2 脚手架中webpack配置基础文件详解
一、引言引言:为了提升自己,研究了一下如何使用Vue-cli+webpack搭建项目框架,在网上搜了很多资料,对此有了一定的了解,于是在此记录一下,方便自己以后查看。二、创建vue-cli是构建vue单页应用的脚手架,输入vue init webpack demo从而自动生成Vue.js+webpack的项目模板。在创建过程中会有如下几项配置:? Project name demo // 项目名称 点enter? Project description A Vue.js project //.原创 2021-01-26 16:28:12 · 3469 阅读 · 2 评论 -
前端实现字符串GBK与GB2312的编解码
前言在开发项目的时候遇到的一个比较坑的问题,产品要求从浏览器拿到浏览器地址栏里面的搜索词进行判断,我们一般使用的都是UTF-8的编码格式,但是百度和谷歌在对搜索词编码的时候都是使用的GBK编码,这就导致,解码失败,于是就在网上找解决方法,最终找到了一位前辈整理出来的方法,通过iframe解决了这个问题,所以特此总结一下,方便自己以后使用,也希望能帮助到更多的人,最后会放上前端文章的链接。1、编码(支持GBK和GB2312)为了避免麻烦,我们可以将表单的请求页面设定为当前页面,将回调函数放在页面JS的.原创 2020-09-21 14:26:44 · 2856 阅读 · 0 评论 -
时间戳转日期格式 +new Date
在看前辈的代码的时候看到了const jsonp = +new Date,当时就不明白了,+new Date是怎么回事,啥情况不懂啊,本着求知欲的情况下,就去网上查了一下。做了如下总结:js在某个数据类型前使用+,这个操作目的是为了将该数据类型转换为Number类型,如果转换失败,则返回NaN+new Date() 会调用Date.prototype 上面的 valueOf方法,根据MDN ......原创 2019-10-16 11:50:18 · 5619 阅读 · 2 评论 -
使用css控制文字行数,多余的内容用省略号显示
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;这是当显示的行数超过1行时,可以使用这几行代码。-webbkit-line-clamp: 控制显示的行数,不要给当前标签设置height,让...原创 2019-01-31 16:18:10 · 896 阅读 · 0 评论 -
百度地图API信息框在左上角应该怎么解决
应公司产品经理的要求,要做一个点击链接弹出地图的模态框。于是就用bootstrap自带的写了一个,写完之后呢,发现在弹出地图之后,信息框跑到了左上角。在网上查的都是怎么调整标注的位置,(也可能是我没找到),自己研究了半天终于搞定了。记录一下。方便下次使用,上代码HTML: <li> <div class="list_box_view"> ...原创 2019-05-23 11:52:34 · 1779 阅读 · 0 评论 -
http协议的理解以及http和https的区别
http协议的理解以及http和https的区别一.什么是httphttp(Hypertext transfer protocol)超文本传输协议,通过浏览器和服务器进行数据交互,进行超文本(文本、图片、视频等)传输的规定。也就是说,http协议规定了超文本传输所要遵守的规则。二.从输入url到加载页面中间发生了什么了1、输入URL,http协议已经规定了URL的格式,通过http协议中的...原创 2019-07-01 20:07:19 · 343 阅读 · 0 评论 -
前端浅谈从输入网址到页面加载完成中间经历了什么
地址栏输入地址浏览器根据域名解析,浏览器首先会查看本地缓存是否可以找到服务器IP,如果找到了解析到此结束,并且建立连接。如果未找到,则查看系统DNS缓存,如果找到且未过器则停止解析,建立连接成功备份服务器IP到本地。如果未找到则向根DNS服务器查找服务器IP,直到成功。拿到域名对应的IP地址之后,如果URL里面不包含端口,则会使用该协议的默认端口号。根据查询到的IP和服务器通过TC...原创 2019-10-09 11:36:14 · 195 阅读 · 0 评论 -
16种方法实现水平居中垂直居中
水平居中若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中.若是块级元素, 该元素设置 margin:0 auto即可.若子元素包含 float:left 属性, 为了让子元素水平居中, 则可让父元素宽度设置为fit-content,并且配合margin, 作如下设置:.parent{ width: -moz-fit-content;...转载 2019-10-09 17:13:23 · 300 阅读 · 0 评论