…

我的记事本

成长中的全栈开发者

  • ASP判断微信浏览器

    记事本 > ASP
    If instr(request.servervariables("http_user_agent"),"MicroMessenger")=0 Then	
End If
    本条目发布于2025-06-19。属于ASP分类。

  • CSS3 超实用属性：pointer-events

    记事本 > Div+CSS
    pointer-events: auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all
    本条目发布于2025-06-17。属于Div+CSS分类。

  • JQ清除所有回车

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

  • jQuery 选择器

    记事本 > Javascript
    选择器实例选取
    *$("*")所有元素
    #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 伪类参考手册

    记事本 > Div+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插件

    记事本 > Javascript

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

    本条目发布于2025-04-27。属于Javascript分类。

  • html 单选框placeholder及字体颜色设置

    记事本 > Div+CSS
    .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。属于小程序分类。

  • 百度坐标转腾讯坐标

    记事本 > Javascript

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

    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分类。
搜索
分类

CMS

KESION CMS

DEDE CMS

前端

Div+CSS

Javascript

小程序

编程

ASP

PHP

SQL

二次开发

运维

IIS

收集

JQ插件

苏ICP备2022025790号-2