剑锋之行-CSDN博客

原创 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 269 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 162

原创 js将参数生成签名

下面是前面的需求:第一步，将所有发送的数据内非空参数值的参数按照参数名 ASCII 码从小到大排序(字典序)，使用 URL 键值对的格式(即 key1=value1&key2=value2...) 拼接成字符串 StringTemp。特别注意以下重要规则 :参数名ASCII码从小到大排序(字典序); 如果参数的值为空不参与签名; 参数名区分大小写; 传送的sign参数不参与签名，将生成的签名与该sign值作校验; 云平台可能增加字段，验证签名时必须支持增加的扩展字段;第二步，

2020-12-12 15:49:43 2554

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

原创 js退出全屏和全屏

//進入全屏function launchFullscreen(element) { if(isFullscreen()){ exitFullscreen(); return; } if(element.requestFullscreen) { element.requestFullscreen(); } else if(element.mozRequestFullScr...

2019-10-23 13:52:45 204

原创判断图片是否全部加载完成

var t_img; // 定时器 var isLoad = true; // 控制变量 // 判断图片加载状况，加载完成后回调 isImgLoad(function(){ // 加载完成 setTimeout(function(){ drawBox(); },100) }); ...

2019-10-22 16:16:09 696

原创 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 7294 3

转载响应式布局和自适应布局的不同

学了前端一段时间了，发现大家都搅浑了自适应布局和响应式布局的差别。现在我来和大家说下它们的不同：自适应的体验 http://m.ctrip.com/html5/响应式的体验 http://segmentfault.com/ 整理了自己查阅的知识点，给各位一些提示。起初，网页设计者都会涉及固定宽度的页面，最开始的电脑显示器分辨率种类不多，因为当时本来电脑就少，即使有...

2018-12-26 15:20:46 457 1

原创登入记住用户名和密码时对用户名和密码进行加密和解密

encryption.js的下载链接:https://download.csdn.net/download/lijianfengxiaoli/10676945<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> &amp

2018-09-19 17:11:39 5188

原创 CSS3实现背景图片视觉差效果

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> section { height: 100vh; }

2018-08-22 09:27:43 3493 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 311

原创自定义复选框和单选框

html代码<div class="checkbox"> <input type="checkbox" id="enable" name="enable" value="1" > <label for="enable" >无牌车输出品牌</label>&amp

2018-03-07 16:15:39 697

转载菜单滚动至顶部后固定

菜单滚动至顶部后固定-柯乐义 .wrapper { width: 1000px; height: 2000px; margin-left: auto; margin-right: auto; } .header { height: 150px; } #nav_keleyi_com { padding

2018-01-12 17:49:25 673

原创判断android的键盘弹出和收缩

$(window).on('resize', function() { var nowClientHeight = document.documentElement.clientHeight || document.body.clientHeight; if(clientHeight > nowClientHeight) { //键盘弹出的事件处理 }

2017-12-19 16:47:51 485

转载判断在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 636

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

原创简单的web分享

//图片自己去下载,这里只是简单的几个分享 function dofristshare(type) { var title = encodeURIComponent("新年快乐,马年吉祥"); var link = encodeURIComp

2017-11-07 17:17:31 301

翻译 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 308

转载 web前端性能优化总结

转自：http://www.2cto.com/kf/201604/498725.html 网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？

2017-11-03 17:09:42 146

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

原创使用mui实现横向滚动的tab标签

第一步:引入mui.min.css和mui.min.js文件第二部:在html文档中添加如下代码推荐苏州行北京游记影评

2017-11-03 17:03:35 12274 2

原创 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 7162 1

转载 iScroll-5 API 中文版

**iScroll的版本**针对iScroll的优化。为了达到更高的性能，iScroll分为了多个版本。你可以选择最适合你的版本。目前我们有以下版本：iscroll.js，这个版本是常规应用的脚本。它包含大多数常用的功能，有很高的性能和很小的体积。iscroll-lite.js，精简版本。它不支持快速跳跃，滚动条，鼠标滚轮，快捷键绑定。但如果你所需要的是滚动

2017-11-02 17:15:20 713

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

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

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

原创开发微信公众号遇到的一些问题

在开发微信公众号遇到的一些问题:1 验证签名:需要引入的文件: //sha1加密 //微信js参与加密的串: var shareUrl = window.location.href;//当前页面的urlvar access_token = document.getElementById("tokenID").value;//token值,这是是后台传过来的var

2017-10-20 13:49:16 939

转载 H5项目常见问题汇总及解决方案

H5项目常见问题及注意事项Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构// width 设置viewport宽度，为一个正整数，或字符串‘device-width’// height 设置viewport高度，一般设置了宽度，会自动解析出高度，可以不用设置// initial-scale 默认缩放比例，为一

2017-10-19 13:43:27 300

转载 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 398

转载 CommonJS规范

CommonJS规范来自《JavaScript 标准参考教程（alpha）》，by 阮一峰目录概述module对象module.exports属性exports变量AMD规范与CommonJS规范的兼容性require命令基本用法加载规则目录的加载规则模块的缓存环境变量NODE_PATH模块的循环加载require.m

2017-10-13 14:50:03 383

原创移动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 1727

lijianfengxiaoli的博客