原创 :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