分类 代码 下的文章

JS - 移动端滚动穿透

var ModalHelper = (function(bodyCls) {
    var scrollTop;
    return {
        //使body不可滚动
        afterOpen: function() {
            scrollTop = document.scrollingElement.scrollTop;
            document.body.classList.add(bodyCls);
            document.body.style.top = -scrollTop + 'px';
        },
        //使body恢复滚动
        beforeClose: function() {
            document.body.classList.remove(bodyCls);
            document.scrollingElement.scrollTop = scrollTop;
        }
    };
})('modal-open');

参考

小程序 - 代码高亮 - towxml

一个可将HTML、Markdown转为微信小程序WXML(WeiXin Markup Language)的渲染库


app.js

const Towxml = require('/towxml/main'); //引入towxml库
App({
  towxml: new Towxml(), //创建towxml对象
})

test.wxml

<import src="../../towxml/entry.wxml"/>
<template is="entry" data="{{...text}}"/>

阅读全文

小程序 - 解析html - WxParse

wxParse-微信小程序富文本解析组件,支持Html及markdown转wxml可视化


test.wxml

<template is="wxParse" data="{{wxParseData:content.nodes}}"/>
<import src="../../wxParse/wxParse.wxml"/>

app.wxss

@import "/wxParse/wxParse.wxss";

阅读全文

Java - 多个JDK版本的切换

最近参与了 Java 的项目,需要给电脑安装 JDK 。
于是就去网上下载了个 JDK 安装了下,结果运行项目时总是报错。
然后看了下 JDK 版本,发现是 10.0.2 。
而项目需要的是 1.8 版本。
因此又下载了个 1.8 版本进行安装。
但是 cmd -> java -version 还是提示 10.0.2


阅读全文

JS - 获取验证码及倒计时样式

HTML

<button type="button" onclick="getCode();" id='getCode'>获取验证码</button>

JS

function getCode(){
    var InterValObj; //timer变量,控制时间
    var count = 3; //间隔函数,1秒执行
    var curCount;//当前剩余秒数
    var getCode = $("#getCode");
    curCount = count;
    //设置button效果,开始计时
    getCode.attr("disabled", "true");
    getCode.css('background', '#cccccc').css('border', '1px solid #cccccc');
    getCode.html(curCount + "秒后获取");
    InterValObj = window.setInterval(function () {
        if (curCount == 1) {
            window.clearInterval(InterValObj);//停止计时器
            getCode.removeAttr("disabled");//启用按钮
            getCode.removeAttr("style");
            getCode.html("获取验证码");
        } else {
            curCount--;
            getCode.html(curCount + "秒后获取");
        }
    }, 1000);
}

阅读全文

ajax - 跨域问题

在被请求的页面中添加

// 指定允许其他域名访问
header('Access-Control-Allow-Origin:*');
// 响应类型
header('Access-Control-Allow-Methods:POST');
// 响应头设置
header('Access-Control-Allow-Headers:x-requested-with,content-type');