自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

AUTUMN

前端技术研发

  • 博客(19)
  • 资源 (6)
  • 收藏
  • 关注

原创 Google浏览器截长图

打开谷歌浏览器按下F12(以下呈现效果)在按下Ctrl+shift+p(以下呈现效果)最后输入Capture full size screenshot执行下载

2020-01-13 12:08:08 326

转载 使用Vue-cli搭建多页面应用时对项目结构和配置的调整

前提:在这里使用的是webpack模板进行搭建第一步、安装Vue-cli并且进行初始化首先打开git,在里面使用npm全局安装Vue-cli,并且进行初始化npm i vue-cli -g然后使用vue init <template(模板名,我这里使用的是webpack)> <项目文件夹名称(我这里使用的是project)>初始化一个Vue项目模板vue init...

2018-12-22 13:17:22 414

原创 js时间戳转换为时间

//10位时间戳转换function tenBitTimestamp(time) {   var date = new Date(time*1000);     var y = date.getFullYear();       var m = date.getMonth() + 1;       m = m < 10 ? ('' + m) : m;       var d =...

2018-12-07 09:46:51 313

原创 jq判断上传图片的大小和类型

 <input name="file" type="file" id="changheadimg">var File = document.getElementById("changheadimg");    File.addEventListener('change', function() {            var file = this.files[0];...

2018-10-29 12:00:09 1167

原创 判断json数组内是否有某个值

if("name" in json){//json就是数组,name是你要找的值 console.log("有")}else{ console.log("无")} 

2018-10-29 11:56:12 20937

原创 contenteditable="true"下设置Ctrl+Enter换行

 <div contenteditable="true" id="liaotiancen" class="contact-send-textarea"></div>document.onkeydown=function(e){ if(e.keyCode == 13 && e.ctrlKey){ // 这里实现换行 if (br..

2018-10-23 17:53:31 3214

原创 添加、读取、删除cookie

 首先加载包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件。 <script type="text/javascript" src="js/jquery-min.js"></script> <script type="text/javascript" src="js/jquery.cookie.js">&a

2018-10-23 17:29:26 192

原创 仿微信 时间转换成昨天,前天,周几,年月日等

var The_last="";var time = timestampToTime(n.createTime);var timeText = getTimeText(time);//判断日期if(The_last!=""){ time = time.replace("年","-"); time = time.replace("月","-"); time

2018-10-23 16:56:00 3182

原创 apicloud IOS上fixed定位造成的输入框错位解决办法

在你需要跳转界面的时候设置以下代码:softInputMode:'pan'例子:api.openFrameGroup ({ name: 'footer_tab_demo', scrollEnabled:false, customRefreshHeader: 'UIPullRefresh', ...

2018-07-23 10:14:01 1908

原创 apicloud 上传头像或图片并预览

点击头像自动上传<div class="head" tapmode onclick="showAction()"><img id="img_src" src="../image/preview.jpg"/></div> // 点击头像function showAction() { api.actionSheet({

2018-07-23 10:03:39 3062

原创 js获取指定位置上的数据

js代码//data是后台返回的json数据var strs=new Array();//创建数组for(var o in data){//循环 strs.push(data[o]) //赋值给数组}for(var i=0;i<strs.length;i++){//在循环 if(strs[i].name==0){//寻找指定的数据     var b...

2018-07-03 14:46:58 2469

原创 上传图片并展示效果图

html<div class="exhibition">    <input id="file" type="file" name="myfile" accept="image/*" onchange="imgChange(this);"/><img src="img/loding_img.jpg&q

2018-07-03 14:35:06 587

原创 限制input框输入

html:<input type="text" id="input" placeholder="obj" npropertychange="input()" name="req_qty" onkeyup="num(this)" onblur="Integer(this)"  onkeyup="value=value.replace(/[^\

2018-07-03 14:02:36 276

原创 JS浮点数运算精度解决办法

 //精度浮点加法function accAdd(arg1, arg2) { var r1, r2, m, c; try { r1 = arg1.toString().split(".")[1].length; } catch (e) { r1 = 0; } try { r2 = arg2.to...

2018-07-03 13:58:07 1007

原创 md5加密

首先加载md5.js<script type="text/javascript" src="js/md5.js" ></script>接下来就是加密//添加时间戳加密var date = new Date();Y = date.getFullYear() + '-';M = (date.getMonth()+1 < 10 ? '0'+(date....

2018-01-08 17:19:25 253

原创 图片转base64并压缩大小

<input id="file" type="file"  capture="microphone" accept="image/*"> $("#file").change(function(){var m_this = this;      cutImageBase64(m_this,null,400,0.8);  })function cutImageBase6

2018-01-08 12:00:18 12323

原创 H5本地存储localStorage、sessionStorage

 sessionStorage(临时存储):为每一个数据源维持一个存储区域,在浏览器打开期间存在,包括页面重新加载,但是浏览器关闭后,数据将会清空sessionStorage.setItem('key_1', "10");// 设置值var key_a = sessionStorage.getItem('key_1'); // 取值console.log(key_a);//10...

2018-01-08 11:50:56 388

原创 前端WebSocket的应用

var websocket;// 首先判断是否 支持 WebSocketif('WebSocket' in window) {if(stra==0){//我这边是两个端都要推送,判断下websocket = new WebSocket("ws://120.76.209.107:8030/fxzcrafts/websocket?user_id=u"+user_id);}else{web...

2018-01-06 15:31:11 498

原创 融云web开发

总结web融云的几要点:RongIMClient.init("")//这是初始化,需要填参数就是你的APPKEY。var token="token"//这个不难理解吧,获取后台返给你的token上面的做好后就开始连接融云服务器了// 连接融云服务器。RongIMClient.connect(token, {        onSuccess: function(userId)...

2018-01-06 14:28:59 2813 7

仿淘宝放大镜效果

类似淘宝里的放大镜效果.

2019-04-26

h5实现Canvas签名

根据Canvas来实现的线上签名功能!可直接用于项目开发!

2018-01-08

h5视频播放器

根据plyr.js实现的h5视频播放器,可直接用于项目开发!

2018-01-08

H5大转盘游戏

基于JavaScript 制作的一个小dome,共大家参考!!!!!

2018-01-06

瀑布流(集成懒加载)

jquery实现瀑布流+懒加载,项目集成了 AnimOnScroll.js、imagesloaded.js、masonry.pkgd.min.js

2018-01-06

融云web集成

自己集成的一个ui界面(图片+表情,语音只能播放不能发送)

2018-01-06

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除