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