我的记事本

成长中的全栈开发者

  • ASP判断微信浏览器

    If instr(request.servervariables("http_user_agent"),"MicroMessenger")=0 Then	
    End If
    本条目发布于2025-06-19。属于ASP分类。
  • CSS3 超实用属性:pointer-events

    pointer-events: auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all
    本条目发布于2025-06-17。属于Div+CSS分类。
  • JQ清除所有回车

    $("#msgcontent").val().replace(/(\r\n|\n|\r)/gm,'')
    本条目发布于2025-06-14。属于Javascript分类。
  • jQuery 选择器

    选择器实例选取
    *$("*")所有元素
    #id$("#lastname")id="lastname" 的元素
    .class$(".intro")所有 class="intro" 的元素
    element$("p")所有 <p> 元素
    .class.class$(".intro.demo")所有 class="intro" 且 class="demo" 的元素
       
    :first$("p:first")第一个 <p> 元素
    :last$("p:last")最后一个 <p> 元素
    :even$("tr:even")所有偶数 <tr> 元素
    :odd$("tr:odd")所有奇数 <tr> 元素
       
    :eq(index)$("ul li:eq(3)")列表中的第四个元素(index 从 0 开始)
    :gt(no)$("ul li:gt(3)")列出 index 大于 3 的元素
    :lt(no)$("ul li:lt(3)")列出 index 小于 3 的元素
    :not(selector)$("input:not(:empty)")所有不为空的 input 元素
       
    :header$(":header")所有标题元素 <h1> - <h6>
    :animated 所有动画元素
       
    :contains(text)$(":contains('W3School')")包含指定字符串的所有元素
    :empty$(":empty")无子(元素)节点的所有元素
    :hidden$("p:hidden")所有隐藏的 <p> 元素
    :visible$("table:visible")所有可见的表格
       
    s1,s2,s3$("th,td,.intro")所有带有匹配选择的元素
       
    [attribute]$("[href]")所有带有 href 属性的元素
    [attribute=value]$("[href='#']")所有 href 属性的值等于 "#" 的元素
    [attribute!=value]$("[href!='#']")所有 href 属性的值不等于 "#" 的元素
    [attribute$=value]$("[href$='.jpg']")所有 href 属性的值包含以 ".jpg" 结尾的元素
       
    :input$(":input")所有 <input> 元素
    :text$(":text")所有 type="text" 的 <input> 元素
    :password$(":password")所有 type="password" 的 <input> 元素
    :radio$(":radio")所有 type="radio" 的 <input> 元素
    :checkbox$(":checkbox")所有 type="checkbox" 的 <input> 元素
    :submit$(":submit")所有 type="submit" 的 <input> 元素
    :reset$(":reset")所有 type="reset" 的 <input> 元素
    :button$(":button")所有 type="button" 的 <input> 元素
    :image$(":image")所有 type="image" 的 <input> 元素
    :file$(":file")所有 type="file" 的 <input> 元素
       
    :enabled$(":enabled")所有激活的 input 元素
    :disabled$(":disabled")所有禁用的 input 元素
    :selected$(":selected")所有被选取的 input 元素
    :checked$(":checked")所有被选中的 input 元素
    本条目发布于2025-06-08。属于Javascript分类。
  • CSS 伪类参考手册

    伪类例子例子描述
    :activea:active选择活动链接
    :any-linka:anylink选择所有带有 href 属性的 <a> 或 <area> 元素。
    :auto-fillinput:autofill选择所有由浏览器自动填充值的 <input> 元素。
    :checkedoption:checked匹配所有被选中的 <input> 或 <option> 元素。
    :defaultinput:default选择一组相关元素中的默认表单元素。
    :defined:defined选择所有已定义的元素(标准或自定义元素)。
    :dir():dir(rtl)选择具有指定文本方向的元素。
    :disabledoption:disabled选择所有被禁用的元素,常用于表单元素。
    :emptydiv:empty选择所有没有子元素(包括文本节点)的元素。
    :enabledinput:enabled选择所有启用的元素,常用于表单元素。
    :first@page :first表示打印文档的第一页(与 @page 规则一起使用)。
    :first-childp:first-child选择作为其父元素第一个子元素的元素(在一组兄弟元素中)。
    :first-of-typeli:first-of-type选择一组兄弟元素中第一个特定类型的元素。
    :focusselect:focus选择获得焦点的元素,常用于表单元素。
    :focus-visiblebutton:focus-visible选择获得焦点的元素(仅在通过键盘而非鼠标聚焦时应用焦点样式)。
    :focus-withinform:focus-within匹配元素或其任何后代获得焦点的元素。
    :fullscreen:fullscreen选择当前处于全屏模式的元素。
    :has()h2:has(+p)选择紧接在 <p> 元素后的 <h2> 元素,并将样式应用于 <h2>。
    :hovera:hover选择鼠标悬停的元素。
    :in-rangeinput:in-range选择值在指定范围内的 <input> 元素。
    :indeterminateinput:indeterminate选择处于不确定状态的表单元素。
    :invalidinput:invalid选择无效的表单元素。
    :is():is(ul, ol)选择所有 <ul> 和 <ol> 元素。
    :lang()p:lang(it)选择 lang 属性为 "it"(意大利语)的 <p> 元素。
    :last-childli:last-child选择作为其父元素最后一个子元素的 <li> 元素。
    :last-of-typep:last-of-type选择作为其父元素最后一个 <p> 元素的 <p> 元素。
    :left@page :left表示打印文档的所有左侧页面(与 @page 规则一起使用)。
    :linka:link选择所有未访问的链接。
    :modal:modal选择处于模态状态的元素。
    :not():not(p)选择所有不是 <p> 元素的元素。
    :nth-child()p:nth-child(2)选择作为其父元素第二个子元素的 <p> 元素。
    :nth-last-child()p:nth-last-child(2)选择作为其父元素倒数第二个子元素的 <p> 元素。
    :nth-last-of-type()p:nth-last-of-type(2)选择作为其父元素倒数第二个 <p> 元素的 <p> 元素。
    :nth-of-type()p:nth-of-type(2)选择作为其父元素第二个 <p> 元素的 <p> 元素。
    :only-childp:only-child选择作为其父元素唯一子元素的 <p> 元素。
    :only-of-typep:only-of-type选择作为其父元素唯一 <p> 元素的 <p> 元素。
    :optionaltextarea:optional选择没有 required 属性的 <input>、<select> 或 <textarea> 元素。
    :out-of-rangeinput:out-of-range选择值超出指定范围的 <input> 元素。
    :placeholder-showninput:placeholder-shown选择当前显示占位符文本的 <input> 或 <textarea> 元素。
    :popover-open:popover-open选择处于显示弹出状态的元素。
    :read-onlyinput:read-only选择带有 readonly 属性的输入元素。
    :read-writeinput:read-write选择可编辑的输入元素。
    :requiredinput:required选择带有 required 属性的输入元素。
    :right@page :right表示打印文档的所有右侧页面(与 @page 规则一起使用)。
    :root:root选择文档的根元素。
    :scope:scope选择作为选择器匹配参考点或范围的元素。
    :state():state()选择具有指定自定义状态的自定义元素。
    :target:target选择当前活动的目标元素。
    :user-invalid:user-invalid选择具有无效值的表单元素(在用户与其交互后)。
    :user-valid:user-valid选择具有有效值的表单元素(在用户与其交互后)。
    :validinput:valid选择所有具有有效值的输入元素。
    :visiteda:visited选择所有已访问的链接。
    :where():where(ol, ul)选择所有 <ul> 和 <ol> 元素。
    本条目发布于2025-06-08。属于Div+CSS分类。
  • Macy.js 网页流布局JS插件

     下载信息  [文件大小:2.75 KB 下载次数: 次]
    点击下载文件:macy.min

    本条目发布于2025-04-27。属于Javascript分类。
  • html 单选框placeholder及字体颜色设置

    .deal_sell4 input{  text-align: right; color: #555; font-size: 0.92rem; }
    .deal_sell4 input::-webkit-input-placeholder{ font-size: 0.88rem; color: #cccccc;}
    .deal_sell4 input:-moz-placeholder{ font-size: 0.88rem; color: #cccccc;}
    .deal_sell4 input::-moz-placeholder{ font-size: 0.88rem; color: #cccccc;}
    .deal_sell4 input:-ms-input-placeholder{ font-size: 0.88rem; color: #cccccc;}
    本条目发布于2025-04-21。属于Div+CSS分类。
  • 小程序滚动条回到顶部

    wx.pageScrollTo({
    scrollTop: 0, // 滚动到页面的顶部位置
    });
    本条目发布于2025-04-18。属于小程序分类。
  • 小程序分享自定义

        onShareAppMessage: function () {
            let that = this
            return {
                title: that.data.share.title,
                path: '/pages/index/index',
                imageUrl: that.data.share.photo
            }
        },
    本条目发布于2024-10-18。属于小程序分类。
  • 百度坐标转腾讯坐标

    百度地图---->腾讯地图

    function txMap(lng,lat){
      let pi = 3.14159265358979324 * 3000.0 / 180.0;
        let x = lng - 0.0065;
        let y = lat - 0.006;
        let z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * pi);
        let theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * pi);
        lng = z * Math.cos(theta);
        lat = z * Math.sin(theta);
        return {
          'lng': lng,
          'lat': lat
        };
    }

    腾讯地图---->百度地图

    function txMap_to_bdMap(lat,lng){
    let pi = 3.14159265358979324 * 3000.0 / 180.0;
    let x = lng;
    let y = lat;
    let z =Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * pi);
    let  theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * pi);
    lng = z * Math.cos(theta) + 0.0065;
    lat = z * Math.sin(theta) + 0.006;
    return {'lng':lng,'lat':lat};
    }
    本条目发布于2024-07-11。属于Javascript分类。
苏ICP备2022025790号-2