- 博客(21)
- 收藏
- 关注
原创 记录一次es6转es5的填坑历程
背景随着前端的技术的不断发展,JavaScript也在不断地版本迭代,但是浏览器厂商如果不支持新版的js,那么对于前端同学来说是一场灾难,最近小飞就遇到了这样的一个问题,好好的Vue项目在低版本安卓6.0一下,还有IE浏览器上白屏,于是乎就有了这次es6转es5的探索之旅。解决过程step1遇到问题当然是问google了,这一查不要紧,babel已经到7.x版本了,可是我还是停留在6.x版本啊,vue-cli已经是3.x了,可是我用的还是vue-2.x,这可让我如何是好。解决这个问题最重
2020-07-20 11:33:38
2363
1
原创 微信内置浏览器 非全屏播放视频解析
前提条件,接了一个项目要实现在微信公众号里课程播放,而且还有评论功能,视频需要小窗播放。首先公布解决方案:感谢知乎上的回答,原版[微信内置浏览器 如何小窗不全屏播放视频?][1]感谢该问题的徐霖同学的回答,虽然我们不认识,但是很感谢对我的帮助,写这个还是主要是为了徐霖同学对我的这次帮助``` <video id="my-video" class="video-js" controls pre...
2018-06-11 16:18:26
9183
2
原创 js`cookie三部曲
要不要吃小饼干在这个前端横行的时候,页面之间的交互需要数据的传递,有的数据通过url传参的形式可以很好地解决,但是对于部分需要改变的参数,你如说从页面A到页面B选择数据,然后从页面B将数据再传到页面A(典型的栗子就是收货地址的选择),针对这一块我是通过存储cookie来解决的。对于cookie的操作我给出了一些简单的封装,当然也借鉴了前辈们经验,自己糅合了一下,对于cookie的操作,无非是读写和删
2017-03-23 14:23:18
1777
1
原创 js通讯录效果,你见过麽
最近有一个需求,要写一个通讯录效果的联系人列表效果,相信这个大家都不陌生,当然当我写到一半的时候,同事告诉我这个是android和IOS的需求,,,十分郁闷,但是本人求知欲甚是强烈,就用jq实现了这个功能。现在我们先来看一下这个功能演示,这个实现了基本的功能,不过一些过渡的动画没有写上,后期会补上,大家想用的话,自行不上这个过渡效果:通讯录效果演示.gif首先我们来看一下html的布局,这
2017-03-22 15:57:00
6094
4
原创 本表收录的字符的Unicode编码范围为19968至40869
本表收录的字符的Unicode编码范围为19968至40869, 由XDesigner 整理,此处引用,为了js的通讯录效果,请大家粘贴复制即可 //函数使用,本表收录的字符的Unicode编码范围为19968至40869, XDesigner 整理var strChineseFirstPY = "YDYQSXMWZSSXJBYMGCCZQPSSQBYCDSCDQLDYLYBSSJGYZ
2017-03-22 15:56:57
14354
原创 原生JS封装AJAX请求
一直在用jQuery方法来写ajax请求,用的多了,不免对这其中是怎么实现的产生了兴趣,于是乎,小弟闲来无聊研究了一下原生实现ajax请求,网上看了很多前辈们的关于ajax请求的封装方法,也借鉴了很多经验,于是乎就出现了小弟的一个原生JS封装ajax的版本,希望大家看了之后能够明白,下面就是我实现的方法,其中的注释很清晰,方便大家的理解。 /** * 对封装好的ajax请求进行调
2017-03-22 15:56:54
1082
原创 webpack环境的配置
有时候何必纠结于一个问题不放呢,回去睡一觉第二天可能会有更好的解决办法 --webpack配置的苦逼感言昨天到到今天配置个webpack的环境,从昨天的内心沮丧,到现在的差点儿喜极而泣,可谓是变化莫测呀闲话不多说,我们来配置webpack的环境(我默认大家都有node的环境了,并且node环境配
2017-03-22 15:56:52
397
原创 seajs和requirejs技术指导文档
昨天到今天,老衲翻阅数十篇技术文档,为了搞明白seajs(CMD)和 requireJS(AMD)到底是个什么鬼,当然也包括官网了,只是都不太尽如人意,理解起来感觉好费解,然后跟我的小伙伴交流了一晚上之后发现了一个很形象的比喻,对于AMD和CMD的模式,其实理解的时候我借助了MVC这个结构来理解,感觉理解起来相对容易一点儿,对于MVC这个结构我不做过多介绍,有兴趣的可以去看看http://www.
2017-03-22 15:56:49
420
原创 原生js实现发短信~chat
首先给大家说一声抱歉,小编最近和女朋友闹矛盾,断更了一周呀唉,实在是罪过呀,不远两千多公里从北京跑到广州,哄女朋友开心,我也没谁了宝宝心里苦,宝宝就是不说。好了,言归正传,咱们回到就是实现发短信的功能,其实这个很好实现的主要的是创建元素(document.createElement),然后给元素添加子节点(appendChild)结合这两点。首先给出效果图,嘿嘿嘿嘿~~~11111111111
2017-03-22 15:56:46
697
原创 对象~时间篇_日历的实现
今天浅谈一下用Date()这个对象,实现日历的方法首先我们应该了解一下关于Date()获取日期的方法获取当前年月日时分秒的get方法和set方法,不详细介绍,说一下组合用法获取上个月的最后一天var date = new Date(); date.setDate(0);获取当前月的最后一天var date = new Date();date.setMouth(date.getMouth
2017-03-22 15:56:44
558
原创 关于文字特性的一些设置
今天来说一下关于css中文字的一些新特性,其中包含了字间距、词间距、 首行缩进、字母大小写、空白的处理、强制换行、自动换行、inlin-block的对齐方式的一些使用1.direction/*控制内联块的对齐方式*/.test{ direction: rtl;//从右到左 direction: rtl;//从左到右}.test span{ display: inli
2017-03-22 15:56:41
504
原创 解决html中input的placeholder的颜色,点击时消失,input点击时样式的问题
对于浏览器不兼容的,使用以下代码,更改placeholder的字体颜色等.search-input input::-webkit-input-placeholder{ color: #000;}.search-input input:-moz-placeholder{ color: #000;}.search-input input::-moz-placeholder{
2017-03-22 15:56:38
962
原创 目标伪类选择器实现手风琴效果
Paste_Image.png闲话不多说,直接上代码: Title .accordionMenu{ background: #fff; color: #424242; font: 12px Arial,Verdana,sans-serif; marg
2017-03-22 15:56:36
537
原创 css样式中三角形的应用
Paste_Image.png代码如下: Title body{ margin: 150px auto 0; text-align: center; background: #6d6d6d; } h3{ margin-
2017-03-22 15:56:33
453
原创 htmltest~计算器界面的实现
通过div+css和部分布局的作用,实现了,如下效果的计算器展示页面![C%]R$IGDK4J(%3LJXD3]SY.png,废话不多说,最主要的还是分享代码:html: Title . 计算器 - 口
2017-03-22 15:56:30
1094
原创 html~table、table-cell的使用
display:table ; 设置为table-cell的父级元素display:table-cell; 设置为table的直接子元素。这样就可以出来表格的效果verticle-algin:top left right bottom;table布局的特点:无论列有多小有多少,总是会在一行上,所有的列的高度都是一样的
2017-03-22 15:56:28
1022
原创 html5~标签新特性
html5主要的特征就是标签语义化。语义化的好处就是使得代码结构让人清晰易读,这些语义化的标签会有一些自带属性,比如说边距、颜色、和display的设置等等//头部 //内容 //内容分块1 //内容分块2 //内容分块3 //底部//导航//侧栏 //引用 自带边距,和缩进//标记 //保留书写的样式(包括空格 、t
2017-03-22 15:56:25
475
原创 html~display的使用
display在这里我说四个属性值inline、 block、inlin-block、none。首先我们来说一下inline(n内联元素):该属性值为默认值。此元素会被显示为内联元素,元素前后没有换行符。一般不会设置这个属性值。个人理解,其实跟正常的行内元素没什么区别,用的比较多的还是block和inline-block。接着是block(块级元素)这个属性值:这个属性值是比较有意思的,设置为块级
2017-03-22 15:56:22
3928
原创 webpack的安装与环境配置
有时候何必纠结于一个问题不放呢,回去睡一觉第二天可能会有更好的解决办法 *--webpack配置的苦逼感*言昨天到到今天配置个webpack的环境,从昨天的内心沮丧,到现在的差点儿喜极而泣,可谓是变化莫测呀闲话不多说,我们来配置webpack的环境(我默认大家都有node的环境了,并
2016-12-08 15:05:29
11412
1
原创 requirejs和seajs那些蛋疼事儿
昨天到今天,老衲翻阅数十篇技术文档,为了搞明白seajs(CMD)和 requireJS(AMD)到底是个什么鬼, 当然也包括官网了,只是都不太尽如人意,理解起来感觉好费解,然后跟我的小伙伴交流了一晚上之后发现 了一个很形象的比喻,对于AMD和CMD的模式,其实理解的时候我借助了MVC这个结构来理解,感觉理解起来 相对容易一点儿,对于MVC这个结构我不做过多介绍,有兴趣的可以去看看 http
2016-10-09 00:15:21
1933
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人