徐向博-CSDN博客

原创前端通过Python接口上传文件到阿里云OSS

最近在瞎折腾的时候，发现服务器带宽不够用了，本想升级一下带宽，但是看了看钱包还是算了，上OSS吧！所以就有了挖坑之路，，，本文实现前端发送文件给服务器，由服务器上传到阿里云OSS，接口使用Python编写。阿里云官方也提供了JS直接上传的方法，但是为了练习一下Python，还是自己写接口吧，生命在于折腾 :）先贴代码：# -*- coding: utf-8 -*-import ...

2019-07-18 16:25:56 2591 1

原创 Vue 自定义下拉框组件

好久没写东西，是时候搞一波了。最近接手了一个新项目，设计狮要求严格按照设计稿来，so，只能放弃UI框架，自己写组件了，略苦逼。平时用的最多的是Element-ui，组件都是很成熟的，拿来即用，很多内在的东西都不用去关心。直到需要自己去写的时候这些问题才会暴露出来，发现对于vue的基础知识欠缺很多，所以边写边学习吧。写select组件的时候，发现有些东西还是挺 “可爱” 的，写下来分享一...

2019-04-17 16:24:46 13292

原创 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 211

原创弹出层禁止页面滚动

在做移动端遮罩层时，发现页面可以上下滚动，踩了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 1348

原创 vue和swiper冲突问题

VUE引入式开发环境中，使用swiper会出现swiper无法初始化的情况。具体原因只是知道了大概，还没确定，等空下来的时候研究一下。解决方案：把swiper放到VUE钩子函数里面进行初始化。var myApp = new Vue({ el: '#myDiv', data: { }, mounted(){ var mySw...

2018-08-21 20:31:55 3850

原创微信网页版发送消息

嗯，被一个不能删的好友骚扰了，，，，轰炸他。。。控制台直接敲就可以。var appElement = document.querySelector('[ng-controller=chatSenderController]');var $scope = angular.element(appElement).scope();$scope.editAreaCtn = "小黑是个ZZ";...

2018-08-21 20:26:46 1796

原创原生JS封装AJAX插件笔记

作为一只前端小白，封装一直是让我最头疼的问题。最近在看VUE，需要配合ajax获取数据，所以顺便看一下代码封装，简单做一下笔记，把代码贴出来，以供大家共同学习交流，也方便自己日后查阅。首先创建一个函数对象，参数options为对象：const imRequest = (options = {}) =>{}参数options的属性有：传输类型 type、返回数据类型 dat...

2018-08-01 18:48:22 652

最近在做页面的时候，需要用到横向瀑布流布局，类似于百度图片展示页面的效果，简单看了一下，发现使用flex布局可以在纯CSS实现，做一下笔记。首先，说明几个相关知识点：1、flex-grow。这个属性可以让内容适应容器，始终保持容器处理填满的状态。2、object-fit: cover。这个属性是img标签的属性，效果是适当裁切图片，保证图片不被拉伸，类似于background-size:cover...

2018-04-16 17:02:00 8014

原创 ajax timeout超时

最近在找工作，在面试的过程中，被问到ajax超时的问题，当时的我：一脸茫然.jpg ，回家之后看了一下相关的文章，做个简单的记录。jauery的$.ajax()中，有一个timeout的属性，用来设置超时时间，使用complete判断TextStatus的值是否为timeout，执行相应的操作。代码如下：$.ajax({ url: 'ajax.php', type: 'post',...

2018-04-16 17:00:28 1615 1

原创 ajax+php文件上传带进度条

理论上来说此类的文件/图片上传插件已经很多了，但是在使用的过程中还是会遇到各种各样的问题，，兼容问题、后台问题~~等等，所以既然别人的轮子我用不好，那就自己动手造一个吧。本文中使用jq.ajax和php实现上传功能，前端代码一般无差，有的小伙伴后台不是php的，请参考贵语言的文档进行操作即可。先看一下效果图，整个上传界面大概是这样的：查看demo 整体思路：1、创建input设置type=fil...

2018-04-08 11:09:09 6792

原创 php生成Excel文件

最近在做一个新的ERP，有一个需求要把客户信息导出Excel，参考百度来的代码，简单修改并且完善一下注释，分享一下。具体细节都在注释里了<?php//设置时区，否则会有安全提示date_default_timezone_set('Asia/shanghai');function createExcel($content,$fileName,$header = array(),...

2018-03-02 10:55:44 227

原创 HTML map 标签使用详解

在图片中标注usemap：<img src=""img.jpg" usemap="im_map" />定义map：<map id="im_map" name="im_map"><area shape="rect" coords="0,0,100,100" href="url.html

2018-01-09 16:08:31 10827 1

原创微信浏览器无法自动播放音乐

微信/易信内无法自动播放音乐解决办法：给音乐对象绑定WeixinJSBridgeReady / YixinJSBridgeReady事件即可。function audioAutoPlay(id){ var audio = document.getElementById(id); audio.play(); document.addEventListener...

2017-12-28 09:01:08 1448

原创 ajax + 短信宝实现手机验证码

最近在开发一个登录模块，需要用到短信验证码功能，由于技术有限，简单做了一个比较粗糙的，写下来备忘。需要用到：Jq-ajax、php、短信宝HTML部分：&lt;div class="login"&gt; &lt;div class="login-head"&gt; &lt;p&gt;注册用户&amp

2017-11-21 10:54:14 2997 4

原创 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 711

原创 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 468

原创 ajax + php 登陆功能

不会写作文，不废话，不矫情，上代码：HTML部分：&lt;div class="login"&gt; &lt;p class="log-err"&gt;&amp;nbsp;&lt;/p&gt; &lt;input type="text" name=

2017-11-09 13:21:59 1188 1

徐向博