前端
徐向博
微笑向前,遇见最美的自己。
展开
-
ajax + php 登陆功能
不会写作文,不废话,不矫情,上代码:HTML部分:<div class="login"> <p class="log-err"> </p> <input type="text" name=原创 2017-11-09 13:21:59 · 1237 阅读 · 1 评论 -
JS 数组常用操作笔记
1、随机生成一个数字组成的数组,并保证没有重复的项let arr = [];for(let i=0; i<9; i++){ let num = parseInt(Math.random() * 10); let isRepeat = arr.some((item) => num == item); isRepeat ? console.log('重复了'...原创 2019-04-17 16:22:39 · 250 阅读 · 0 评论 -
vue和swiper冲突问题
VUE引入式开发环境中,使用swiper会出现swiper无法初始化的情况。具体原因只是知道了大概,还没确定,等空下来的时候研究一下。解决方案:把swiper放到VUE钩子函数里面进行初始化。var myApp = new Vue({ el: '#myDiv', data: { }, mounted(){ var mySw...原创 2018-08-21 20:31:55 · 3897 阅读 · 0 评论 -
微信网页版发送消息
嗯,被一个不能删的好友骚扰了,,,,轰炸他。。。 控制台直接敲就可以。var appElement = document.querySelector('[ng-controller=chatSenderController]');var $scope = angular.element(appElement).scope();$scope.editAreaCtn = "小黑是个ZZ";...原创 2018-08-21 20:26:46 · 1879 阅读 · 0 评论 -
弹出层禁止页面滚动
在做移动端遮罩层时,发现页面可以上下滚动,踩了N个坑之后,总算是解决了这个问题。禁止滚动给body设置宽高都是100%,固定在左上角,溢出隐藏的样式。var body = document.body;body.style.cssText = 'width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow: hi...原创 2018-08-22 19:25:17 · 1379 阅读 · 0 评论 -
原生JS封装AJAX插件笔记
作为一只前端小白,封装一直是让我最头疼的问题。最近在看VUE,需要配合ajax获取数据,所以顺便看一下代码封装,简单做一下笔记,把代码贴出来,以供大家共同学习交流,也方便自己日后查阅。首先创建一个函数对象,参数options为对象:const imRequest = (options = {}) =>{}参数options的属性有:传输类型 type、返回数据类型 dat...原创 2018-08-01 18:48:22 · 678 阅读 · 0 评论 -
flex实现横向等高流式布局
最近在做页面的时候,需要用到横向瀑布流布局,类似于百度图片展示页面的效果,简单看了一下,发现使用flex布局可以在纯CSS实现,做一下笔记。首先,说明几个相关知识点:1、flex-grow。这个属性可以让内容适应容器,始终保持容器处理填满的状态。2、object-fit: cover。这个属性是img标签的属性,效果是适当裁切图片,保证图片不被拉伸,类似于background-size:cover...原创 2018-04-16 17:02:00 · 8082 阅读 · 0 评论 -
ajax timeout超时
最近在找工作,在面试的过程中,被问到ajax超时的问题,当时的我:一脸茫然.jpg ,回家之后看了一下相关的文章,做个简单的记录。jauery的$.ajax()中,有一个timeout的属性,用来设置超时时间,使用complete判断TextStatus的值是否为timeout,执行相应的操作。代码如下:$.ajax({ url: 'ajax.php', type: 'post',...原创 2018-04-16 17:00:28 · 1686 阅读 · 1 评论 -
ajax+php文件上传带进度条
理论上来说此类的文件/图片上传插件已经很多了,但是在使用的过程中还是会遇到各种各样的问题,,兼容问题、后台问题~~等等,所以既然别人的轮子我用不好,那就自己动手造一个吧。本文中使用jq.ajax和php实现上传功能,前端代码一般无差,有的小伙伴后台不是php的,请参考贵语言的文档进行操作即可。先看一下效果图,整个上传界面大概是这样的:查看demo 整体思路:1、创建input设置type=fil...原创 2018-04-08 11:09:09 · 6851 阅读 · 0 评论 -
javascript动态输出时间
原生js动态输出时间,笔记function _time(){ var _date = new Date(); var _year = _date.getFullYear(); var _month = _date.getMonth() + 1; if(_month &lt; 10){ _month = "0" + _month; }...原创 2017-11-21 10:17:59 · 729 阅读 · 0 评论 -
HTML5 播放器
思路都在注释里了,想法跟着注释走!不会写作文,不废话,不矫情,上代码:HTML部分:&lt;div class="main"&gt; &lt;!--创建audio对象--&gt; &lt;audio id="my_music" src="http://www.xuxiangbo.com/mus原创 2017-11-10 15:37:17 · 513 阅读 · 0 评论 -
Vue 自定义下拉框组件
好久没写东西,是时候搞一波了。最近接手了一个新项目,设计狮要求严格按照设计稿来,so,只能放弃UI框架,自己写组件了,略苦逼。平时用的最多的是Element-ui,组件都是很成熟的,拿来即用,很多内在的东西都不用去关心。直到需要自己去写的时候这些问题才会暴露出来,发现对于vue的基础知识欠缺很多,所以边写边学习吧。写select组件的时候,发现有些东西还是挺 “可爱” 的,写下来分享一...原创 2019-04-17 16:24:46 · 13435 阅读 · 0 评论