前端
前端
云飞扬扬
`半路出家码农一枚,管理&产品&前端,佛系记录`
展开
-
js枚举转数组
letenumArray=Object.values(enum);原创 2022-04-26 11:13:49 · 1575 阅读 · 0 评论 -
微信内跳转支付宝App、跳转淘宝App方案
微信团队发布了新通知 关于《微信外部链接内容管理规范》的更新说明 正式开放电商类的外部链接,在聊天场景中可直接访问电商链接,包括淘宝、京东等。方案1:跳转到支付宝并自动聚焦到搜索框<a href="https://ulink.alipay.com/?scheme=alipayqr://platformapi/startapp?saId=20001003&keyword=730839274">跳转到支付宝app搜索框</a> 方案2:跳转到支付宝并自动领取红包原创 2021-12-07 13:49:38 · 13199 阅读 · 7 评论 -
尾调用、尾递归、堆栈、斐波拉契数列、函数柯里化
尾调用当函数a的最后一个动作是调用函数b时,那么对函数b的调用形式就是尾调用。比如下面的代码里对fn1的调用就是尾调用:const fn1 = (a) => { let b = a + 1; return b;} const fn2 = (x) => { let y = x + 1; return fn1(y); // line A} const result = fn2(1); // line B在代码执行时,会产生一个调用栈,调用某个转载 2022-03-09 14:25:24 · 321 阅读 · 0 评论 -
大文件的分片上传、断点续传及其相关拓展
大文件的分片上传、断点续传及其相关拓展大文件分片上传核心方法在JavaScript中,文件FIle对象是Blob对象的子类,Blob对象包含一个重要的方法slice通过这个方法,我们就可以对二进制文件进行拆分 使用 FormData 格式进行上传 服务端接口接受到数据,通过 multiparty 库对数据进行处理 区分 files 和 fields,通过 fse.move 将上传的文件移动到目标路径下 客户端使用 Promise.all 方法,当监听到所有切片已上传完,调用 merge 接口转载 2022-03-09 09:32:27 · 807 阅读 · 0 评论 -
箭头函数与普通函数区别
ES6中允许使用“箭头”(=>)来定义函数。箭头函数相当于匿名函数,并且简化了函数定义。// 箭头函数let foo = (name) => `我是${name}`foo('nk') // 我是nk// 等同于下面这个普通函数let foo2 = function(name) { return `我是${name}`}箭头函数有两种格式,一种像上面的,只包含一个表达式,连{ ... }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ...原创 2022-03-08 17:08:21 · 180 阅读 · 0 评论 -
CSS控制富文本内容样式
去掉style里的scoped原创 2021-12-23 09:09:22 · 1250 阅读 · 0 评论 -
调app原生事件
/*app调用原生*/var toAppNative={ //主页 main:function () { client.startPage('{\"android\": \"com.sxfax.activitys.MainActivity\", \"close\":true, \"ios\": \"SXTabBarController\", \"data\": {\"t原创 2021-12-14 15:12:57 · 42 阅读 · 0 评论 -
scrollTo api
; (function(d) { var k = d.scrollTo = function(a, i, e) { d(window).scrollTo(a, i, e) }; k.defaults = { axis: 'xy', duration: parseFloat(d.fn.jquery) >= 1.3 ? 0 : 1原创 2021-12-14 15:11:22 · 124 阅读 · 0 评论 -
Eslint prefer-const 禁用
Eslint prefer-const 禁用'prefer-const': [ 0, { 'ignoreReadBeforeAssign': false }],prefer-const - Rules - ESLint中文文档ESLint 是一个插件化并且可配置的 JavaScript 语法规则和代码风格的检查工具。ESLint 能够帮你轻松写出高质量的 JavaScript 代码https://eslint.bootcss.com/docs/rules/pref原创 2021-11-10 09:33:03 · 2967 阅读 · 0 评论 -
一个免费的天气接口
接口地址:http://wthrcdn.etouch.cn/weather_mini示例:http://wthrcdn.etouch.cn/weather_mini?city=深圳原创 2021-07-29 10:09:06 · 305 阅读 · 0 评论 -
echarts多层圆环
option = { tooltip: { show: false, trigger: 'item' }, legend: { show: false, top: '5%', left: 'center' }, series: [ { name: '大运中心', hoverAnimation: false, ...原创 2021-04-22 17:36:37 · 1139 阅读 · 0 评论 -
iview UI上传on-progress无效解决方案屏蔽mock
在上传文件时要做进度显示 需要用到xhr.upload.onprogress事件,如果用到mock.js模拟数据的话,mockjs会重新声明一个XMLHttpRequest导致el-upload的progress失效,则无法触发onprogress事件直接在main.js里把引用的mock.js屏蔽即可。...原创 2020-10-23 13:43:57 · 1354 阅读 · 0 评论 -
柯里化有用吗?(应用场景理解)
举个例子,你有一家商店,然后你想给你的优惠顾客10%的折扣:当一个优惠顾客消费了500元,你会给他:从长远的看,你会发现你每天都要计算10%的折扣。我们能将这个函数柯里化,然后我们就不用每次都写那0.10了:现在,我们只需用商品价格来计算就可以了:接下来,有些优惠顾客越来越重要,让我们称为vip顾客,然后我们要给20%的折扣,我们这样来使用柯里化了的disc...原创 2019-07-11 10:50:00 · 1129 阅读 · 1 评论 -
div随鼠标晃动
(function(){ var bannerWrap = document.querySelector('.top1'), banner = bannerWrap.querySelector('.big_img'); banner.addEventListener('mousemove', function(e){原创 2018-01-05 10:52:40 · 1130 阅读 · 0 评论 -
cookie设置24小时
var cookieOffline = { "setCookie": function(name, value) { var curDate = new Date(); //当前时间戳 var curTamp = curDate.getTime(); //当前日期 var curDay = curDate.to原创 2017-10-26 12:26:20 · 1832 阅读 · 0 评论 -
js时差
//得到标准时区的时间function getLocalTime(i) { //参数i为时区值数字,比如北京为东八区则输入8,西5输入-5,现默认东八区北京时间 var i=i?parseFloat(i):8; //得到本地时间 var d = new Date(); //得到1970年一月一日到现在的秒数 var local = d.g转载 2017-09-28 11:43:46 · 708 阅读 · 0 评论 -
前端RSA加密及压缩base64
加密:jsencrypt:https://github.com/travist/jsencrypt压缩及base64:pako:https://github.com/nodeca/pako参考:jsencrypt http://www.cnblogs.com/zhaoyihao/p/5345784.htmlpako http://blog.csdn.net/lan_li原创 2017-08-08 11:41:17 · 3272 阅读 · 0 评论 -
Js参数RSA加密传输,jsencrypt.js的使用
https://github.com/travist/jsencrypt注意几点: 1、参数传递的+号处理,在传输时会把+变成空格,不处理后端就报错了。1、前端代码 Login $(function () { var encrypt = new JSEncrypt()转载 2017-08-02 09:45:21 · 2834 阅读 · 0 评论 -
JS中数字计算精度
问题这样的: 37.5*5.5=206.08 (JS算出来是这样的一个结果,我四舍五入取两位小数) 我先怀疑是四舍五入的问题,就直接用JS算了一个结果为:206.08499999999998 怎么会这样,两个只有一位小数的数字相乘,怎么可能多出这么小数点出来。 我Google了一下,发现原来这是JavaScript浮点运算的一个bug。 比如:7*0.8 JavaScript算转载 2017-01-11 17:43:27 · 913 阅读 · 0 评论 -
常用公共js
var USERAGENT = '', IEversion = 0;var Safariversion=0;var ua = navigator.userAgent.toLowerCase();if(window.openDatabase){ if(ua.match(/version\/([\d.]+)/)!=null && ua.match(/version\/([\d.]+)/)!=原创 2016-11-30 16:32:52 · 728 阅读 · 0 评论 -
清浏览器缓存
response.setDateHeader("Expires", 0);response.setHeader("Cache-Control","no-cache");response.setHeader("Cache-Control","no-store");原创 2016-11-18 16:19:58 · 475 阅读 · 0 评论 -
IE8对象不支持js方法keys() es5-shim
https://github.com/es-shims/es5-shimhttps://github.com/es-shims/es5-shim/blob/master/es5-shim.js原创 2016-10-29 11:25:17 · 5346 阅读 · 0 评论 -
IE跨域ajax兼容插件
Cross-Domain AJAX for IE8 and IE9https://github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest// GET$.getJSON('http://jsonmoon.jsapp.us/').done(function(data) { console.log(data.n原创 2016-10-29 11:23:47 · 561 阅读 · 0 评论 -
js判断浏览器 微信 适配重定向
function isIE() { //ie? if (!!window.ActiveXObject || "ActiveXObject" in window || (navigator.userAgent.indexOf('MSIE') >= 0)) return true; else原创 2016-08-19 16:44:03 · 2159 阅读 · 0 评论 -
获取超链接后的参数
function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") !== -1) { var str = url.substr(1); strs = str.split(原创 2016-08-10 15:00:51 · 1951 阅读 · 0 评论 -
JavaScript闭包面试题
由工作中演变而来的面试题这是一个我工作当中的遇到的一个问题,似乎很有趣,就当做了一道题去面试,发现几乎没人能全部答对并说出原因,遂拿出来聊一聊吧。先看题目代码:function fun(n,o) { console.log(o) return { fun:function(m){ return fun(m,n); } };}var a转载 2016-02-25 17:53:01 · 1703 阅读 · 0 评论 -
jq插件
//sample:扩展jquery对象的方法,bold()用于加粗字体。 (function ($) { $.fn.extend({ "bold": function () { /// /// 加粗字体 /// return this.css({ fontWeight: "bold" }); } }); })(jQuery);//扩展jQuery对象本身 jQuery.转载 2015-12-26 16:02:08 · 1039 阅读 · 0 评论 -
JQuery插件写法
首先,在具体说明编写插件之前,我们先假定一个使用场景:有一个HTML页面(或.aspx页面),页面上放置了一个5行3列的表格,即:标记,具体代码如下: table id="newTable"> tr> td>1td>td>1td>td>1td> tr> tr> td>1td>td>1td>td>1转载 2015-12-26 14:44:10 · 579 阅读 · 0 评论 -
IE8判断
var isIE=!!window.ActiveXObject;var isIE8=isIE&&document.documentMode==8;if (isIE){ if (isIE8){ }else{ }}原创 2015-07-22 14:43:33 · 761 阅读 · 0 评论 -
JS验证日期及时间
function checkDateTime(date){ var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; var r = date.match(reg); if(r == null){ alert("输入格式不正确,请按yyyy-MM-dd H原创 2015-05-06 16:03:08 · 702 阅读 · 0 评论 -
什么?你还不会写JQuery 插件
如今做web开发,jquery 几乎是必不可少的,就连vs神器在2010版本开始将Jquery 及ui 内置web项目里了。至于使用jquery好处这里就不再赘述了,用过的都知道。今天我们来讨论下jquery的插件机制,jquery有着成千上万的第三方插件,有时我们写好了一个独立的功能,也想将其与jquery结合起来,可以用jquery链式调用,这就要扩展jquery,写成插件形式了,如下面就是一转载 2015-05-04 15:31:21 · 645 阅读 · 0 评论 -
jQuery插件 笔记
//闭包限定命名空间(function ($) { $.fn.extend({ //默认参数 var defaluts = { foreground: 'red', background: 'yellow' }; "highLight": function (options) { var opts = $.extend({}, d原创 2015-05-04 15:24:21 · 465 阅读 · 0 评论 -
jQuery插件的写法
1、概述先看看html代码 id="catagory"> href="#">jQuery href="#">Asp.net href="#">Sql Server href="#">CSS比如我们要实现当光标移动到a标签上时,a标签向右移动一段距离,离开时a位置恢复。实现方法如下:$(document).ready(function转载 2015-05-04 10:19:53 · 481 阅读 · 0 评论 -
金额转换为大写
//金额转换为大写 function convertToBigNumber(num) { if (!/^\d*(\.\d*)?$/.test(num)) { alert("输入不正确!"); return "输入数字不合法!"; } var AA = new Array("零", "壹", "贰", "叁", "肆", "伍", "陆"原创 2015-04-02 15:14:51 · 916 阅读 · 0 评论 -
冒泡排序
function sort(elements){ for(var i=0;i<elements.length-1;i++){ for(var j=0;j<elements.length-i-1;j++){ if(elements[j]>elements[j+1]){ var swap=elements[j]; elements[j]=elements[j+1];原创 2015-03-30 13:48:09 · 547 阅读 · 0 评论 -
冒泡排序code
function sort(elements){ for(var i=0;i<elements.length-1;i++){ for(var j=0;j<elements.length-i-1;j++){ if(elements[j]>elements[j+1]){ var swap=elements[j]; elements[j]=elements[j+1];原创 2020-09-17 12:18:15 · 121 阅读 · 0 评论 -
开发一个完整的JavaScript组件
http://www.codeceo.com/article/javascript-plugin.html作为一名开发者,大家应该都知道在浏览器中存在一些内置的控件:Alert,Confirm等,但是这些控件通常根据浏览器产商的不同而形态各异,视觉效果往往达不到UI设计师的要求。更重要的是,这类内置控件的风格很难与形形色色的各种风格迥异的互联网产品的设计风格统一。因此,优秀的前端开发者转载 2015-02-12 09:54:17 · 762 阅读 · 0 评论 -
【正则表达式】--常用汇总(陆续更新)
浮点型demo:if(/^\d+(\.\d+)?$/.test(value)){this.val(/^\d+(\.\d+)?$/.exec(value))}金额支持两位小数:!(/^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/.test(this.money.discount))正整数:!(/^[1-...原创 2014-12-22 15:12:46 · 949 阅读 · 0 评论 -
数值强制显示小数点后4位
ajax调用方式:$.each(data.RESULTSET,function(i,ele){ ele.MTUR_YLD = cellRenderNum100(null,"MTUR_YLD",ele.MTUR_YLD); ele.TMT_YLD = cellRenderNum100(null,"TMT_YLD",e原创 2014-12-18 15:07:12 · 2885 阅读 · 0 评论 -
jQuery Ajax
同步是指:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式。异步是指:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式。http://www.w3school.com.cn/jquery/ajax_ajax.asp$.ajax({ url:"demo.json", type:'POST', data:{ parm1:parm1,...原创 2014-12-12 15:51:29 · 707 阅读 · 0 评论