原创 :after/::after和:before/::before的作用及使用方法
1. :before 和 :after 的主要作用是在元素內容前後加上指定內容,示例: HTML代碼: <p>你好</p> CSS代碼: p:before{ content: 'Hello'; color: red;
原创 從前端和後端兩個角度分析jsonp跨域訪問(完整實例)
一、什麼是跨域訪問 舉個栗子:在A網站中,我們希望使用Ajax來獲得B網站中的特定內容。如果A網站與B網站不在同一個域中,那麼就出現了跨域訪問問題。你可以理解爲兩個域名之間不能跨過域名來發送請求或者請求數據,否則就是不安全的。跨域訪問違反
原创 jQuery中width(),innerWidth(),outerWidth(),outWidth(true)的區別
var w='元素本身的寬度'; width()==w; innerWidth()==w+padding; outerWidth()==w+padding+border; outerWidth(true)==w+padding+borde
原创 window.history.go()和history.back()以及location.reload()的用法以及不同
window.history.go(-1); 返回上一頁, 原頁面表單中的內容會丟失; window.history.back(-1); 返回上一頁, 原頁面表單中的內容會保留. 以下爲舉例: <input type="butto
原创 用js如何獲取UA(user Agent)用戶代理?
<!DOCtype html> <html> <head> <title></title> </head> <body onload="whatBrowser()"> <script> function
原创 class命名規則
CSS樣式命名 說明 網頁公共命名 #wrapper或#wrap 頁面外圍控制整體佈局寬度 #container或#content 容器,用於最外層 #layout 佈局 #head, #header 頁頭部分 #foot, #foote
原创 關於IE瀏覽器new Date()帶參返回NaN解決方法
通過Date.parse()方法 var dateTime="2014-01-01 12:11:12"; Date.parse(dateTime.replace(/-/g,"/"));
原创 JQ裏attr()可同時設置多個屬性值
attr() 方法也允許您同時設置多個屬性。 下面的例子演示如何同時設置 href 和 title 屬性: 實例 $("button").click(function(){ $("#w3s").attr({ "href" :
原创 jQuery選擇器
1.jQuery 元素選擇器 $("p") 選取 <p> 元素。 $("p.intro") 選取所有 class="intro" 的 <p> 元素。 $("p#demo") 選取所有 id="demo" 的 <p> 元素。 $("ul l
原创 微信小程序實現上傳圖片/預覽放大/刪除圖片功能
// pages/common/uploadImage.js const netUtil = require("../../utils/netUtil"); const util = require("../../utils/util.j
原创 textarea設置背景圖片
<textarea STYLE="background-attachment: fixed; background-image: url(背景圖所處位置)"></textarea>
原创 jq實現類名(class)的增刪改查
一個標籤可以指定多個class 1. 增加一個class: $(".default").addClass("hover_s"); 2. 移除一個class: $(".default").removeClass("default "
原创 JS打開新窗口的2種方式
1.超鏈接<a href="http://www.baidu.com" title="我是新打開的頁面">Welcome</a> 等效於js代碼 window.location.href="http://www.baidu.com";
原创 移動端長按文字複製功能
遇到的問題 微信上要實現一個點擊複製兌換碼的功能,上網找了很久,找到了zero clipboard插件只能在PC端用,手機端並沒有比較好的解決方案,無奈苦逼找產品商量,改爲長按複製。 解決方案 微信默認就是支持文本長按選擇,所以只需要調整
原创 JS 實現簡單星星評分功能
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid