eternal_shallow-CSDN博客

原创记录一次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

翻译 android学习之五子棋游戏demo的实现

这是一个关于五子棋小游戏的demo，实现了基本的功能，只能作为人人对战，人机对战还没有实现

2016-05-20 17:02:42 1515

eternal_shallow的博客