- 博客(34)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 js常用的工具方法总结
/** * 获取系统时间戳 */function getTimestamp() {return(new Date()).valueOf();}/** * 获取上一个页面传过来的参数,并组成一个对象返回 */function getArgs() {var args = new Object();var query = location.search.substring(1); // Get quer
2017-11-02 16:29:44
315
1
原创 vue3.0笔记
Vue3快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：Release v3.0.0 One Piece · vuejs/vue-next · GitHub2.Vue3带来了什么1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% ...... 2.
2021-09-15 23:01:59
206
原创 js将参数生成签名
下面是前面的需求:第一步，将所有发送的数据内非空参数值的参数按照参数名 ASCII 码从小到 大排序(字典序)，使用 URL 键值对的格式(即 key1=value1&key2=value2...) 拼接成字符串 StringTemp。特别注意以下重要规则 :参数名ASCII码从小到大排序(字典序); 如果参数的值为空不参与签名; 参数名区分大小写; 传送的sign参数不参与签名，将生成的签名与该sign值作校验; 云平台可能增加字段，验证签名时必须支持增加的扩展字段;第二步，
2020-12-12 15:49:43
2822
1
原创 js时间的一些常用获取
获取指定时间(yyyy-MM-DD)前几天或者后几天的日期:function getSomeDay(time,num) { var date1 = new Date(time.replace(/-/g,"/")); var now = new Date(date1); now.setDate(date1.getDate() + num); //num是正数表示之后的时间，num负数表示之前的时间，0表示今天 var year = now.getFul
2020-07-28 15:27:50
155
原创 js退出全屏和全屏
//進入全屏function launchFullscreen(element) { if(isFullscreen()){ exitFullscreen(); return; } if(element.requestFullscreen) { element.requestFullscreen(); } else if(element.mozRequestFullScr...
2019-10-23 13:52:45
265
原创 判断图片是否全部加载完成
var t_img; // 定时器 var isLoad = true; // 控制变量 // 判断图片加载状况，加载完成后回调 isImgLoad(function(){ // 加载完成 setTimeout(function(){ drawBox(); },100) }); ...
2019-10-22 16:16:09
733
原创 js将页面转成PDF文档
<!DOCTYPE html><html> <head> <title>jsPDF插件</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="https://code.jquer...
2019-09-03 11:41:46
7385
3
转载 响应式布局和自适应布局的不同
学了前端一段时间了，发现大家都搅浑了自适应布局和响应式布局的差别。现在我来和大家说下它们的不同：自适应的体验 http://m.ctrip.com/html5/响应式的体验 http://segmentfault.com/ 整理了自己查阅的知识点，给各位一些提示。 起初，网页设计者都会涉及固定宽度的页面，最开始的电脑显示器分辨率种类不多，因为当时本来电脑就少，即使有...
2018-12-26 15:20:46
541
1
原创 登入记住用户名和密码时对用户名和密码进行加密和解密
encryption.js的下载链接:https://download.youkuaiyun.com/download/lijianfengxiaoli/10676945<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> &
2018-09-19 17:11:39
5270
原创 CSS3实现背景图片视觉差效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> section { height: 100vh; }
2018-08-22 09:27:43
3576
1
原创 标签在鼠标按下后跟随鼠标移动,兼容低版本IE
html, body { height: 100%; width: 100%; padding: 0; margin: 0; } .dialog { width: 250px; height: 250px; position: absolute; background-color: #ccc; -we
2018-05-02 17:25:49
342
原创 自定义复选框和单选框
html代码<div class="checkbox"> <input type="checkbox" id="enable" name="enable" value="1" > <label for="enable" >无牌车输出品牌</label>&
2018-03-07 16:15:39
726
转载 菜单滚动至顶部后固定
菜单滚动至顶部后固定-柯乐义 .wrapper { width: 1000px; height: 2000px; margin-left: auto; margin-right: auto; } .header { height: 150px; } #nav_keleyi_com { padding
2018-01-12 17:49:25
722
原创 判断android的键盘弹出和收缩
$(window).on('resize', function() { var nowClientHeight = document.documentElement.clientHeight || document.body.clientHeight; if(clientHeight > nowClientHeight) { //键盘弹出的事件处理 }
2017-12-19 16:47:51
517
转载 判断在pc,android,ios,微信,微博,qq打开链接
varbrowser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: ...
2017-12-19 16:41:56
685
原创 css+div横向滚动条(跑马灯)
html代码 50元巨人点卡奖励 50元巨人点卡奖励 50元巨人点卡奖励 50元巨人点卡奖励 50元巨人点卡奖励 css代码.pad_right { padding-right: 2em; } #scroll_div { height: 26px; line-height: 26px; overflow: hidde
2017-12-19 13:58:32
3915
原创 简单的web分享
//图片自己去下载,这里只是简单的几个分享 function dofristshare(type) { var title = encodeURIComponent("新年快乐,马年吉祥"); var link = encodeURIComp
2017-11-07 17:17:31
332
翻译 js在线生成二维码
js文件 qrcode.js/*from tccdn minify at 2014-6-4 14:59:43,file：/cn/c/c/qrcode.js*//** * @fileoverview * - Using the 'QRCode for Javascript library' * - Fixed dataset of 'QRCode for Javascript libr
2017-11-07 16:56:59
345
转载 web前端性能优化总结
转自：http://www.2cto.com/kf/201604/498725.html 网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。 而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？
2017-11-03 17:09:42
181
原创 js常用验证方法
var common = { //验证是否为空 istrim: function(Val) { if($.trim(Val) == "" || $.trim(Val) == null) { return false; } else { return true; } }, //中文字符验证 chinese: function(str) { var patt
2017-11-03 17:06:07
691
原创 使用mui实现横向滚动的tab标签
第一步:引入mui.min.css和mui.min.js文件第二部:在html文档中添加如下代码 推荐 苏州行 北京 游记 影评
2017-11-03 17:03:35
12410
1
原创 iScroll的Demo实例
第一步:引入iscroll-probe.js和jquery.min.js第二步:html文档结构 下拉刷新 Pretty row 1 Pretty row 2 Pretty row 3 Pretty row 4 Pretty row 5 Pretty r
2017-11-03 17:01:38
7249
1
转载 iScroll-5 API 中文版
**iScroll的版本**针对iScroll的优化。为了达到更高的性能，iScroll分为了多个版本。你可以选择最适合你的版本。目前我们有以下版本：iscroll.js，这个版本是常规应用的脚本。它包含大多数常用的功能，有很高的性能和很小的体积。iscroll-lite.js，精简版本。它不支持快速跳跃，滚动条，鼠标滚轮，快捷键绑定。但如果你所需要的是滚动
2017-11-02 17:15:20
756
原创 JavaScript中字符串最常用的几个方法
var str='hello word'; //split(str) 将字符串以str拆分成字符数组 不包括指定的字符 console.log(str.split(''));//['h','e' , 'l','l' ,'o' ,'' ,'w', 'o' ,'r' ,'d' ]; //replace(a,b);将a换成b 一次只能替换一个,原来的字符
2017-10-22 22:58:11
253
原创 JavaScript中简单的Math相关方法
//Math //abs 取绝对值 var x = -100; console.log(Math.abs(x))//100 //ceil 向上取整 console.log(Math.ceil(1.6));//2 //floor向下取整 console.log(Ma
2017-10-22 22:41:30
154
原创 JavaScript中数组的相关方法
var arr=[12,22]; //1 push(items) 原数组改变,返回数组的长度也可以增加多个值 var length=arr.push(14); console.log(arr, length)//[12, 22, 14] 3 arr.push(12,13,14)//添加多个值 console.log(arr
2017-10-22 22:17:53
188
原创 开发微信公众号遇到的一些问题
在开发微信公众号遇到的一些问题:1 验证签名:需要引入的文件: //sha1加密 //微信js参与加密的串: var shareUrl = window.location.href;//当前页面的urlvar access_token = document.getElementById("tokenID").value;//token值,这是是后台传过来的var
2017-10-20 13:49:16
993
转载 H5项目常见问题汇总及解决方案
H5项目常见问题及注意事项Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构// width 设置viewport宽度，为一个正整数，或字符串‘device-width’// height 设置viewport高度，一般设置了宽度，会自动解析出高度，可以不用设置// initial-scale 默认缩放比例，为一
2017-10-19 13:43:27
329
转载 vue入门新建vue项目
vue入门新建vue项目原创 2017年04月14日 09:58:54224500首先要安装好node.js，然后才可以用vue。设置淘宝镜像：大家都知道国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。[html] view plain copy
2017-10-13 15:19:10
428
转载 CommonJS规范
CommonJS规范来自《JavaScript 标准参考教程（alpha）》，by 阮一峰目录概述module对象module.exports属性exports变量AMD规范与CommonJS规范的兼容性require命令基本用法加载规则目录的加载规则模块的缓存环境变量NODE_PATH模块的循环加载require.m
2017-10-13 14:50:03
404
原创 移动app开发,固定图片div宽高,根据实际图片大小控制图片不变形
javascript部分 //处理图片大小问题$('.des-img img,.des-img2').each(function(index, ele) {$(ele).load(function() {//监听当前图片加载完成if($(ele).hasClass('hasSet')) {} else {$(ele).addClass('hasSet');v
2017-08-16 09:46:37
1765
flv.js和flv.min.js和基本使用demo(附带js文件)
2018-10-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人