原创 Vue父子組件通信

1.父與子通信,通過屬性傳遞值,代碼如下: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <script src="js/vue

原创 Leetcode每日一練習

找出距離給定數字最近的迴文數,最大的字符長度是18位。 代碼如下: var nearestPalindromic = function(n) { function huiwen(n){ var str=n

原创 HTML中播放聲音的方法彙總

方法1: 使用 <embed> 元素,將mp3文件嵌入html中 源碼如下: <!doctype html> <html lang="en">  <head>   <meta charset="UTF-8">   <meta name="

原创 維基百科上的前端術語翻譯

嘗試翻譯下維基百科上Javascript的解釋,翻譯如下: JavaScript是一種高級的,動態,弱類型,解釋型編程語言。它是標準的ECMAScript語言。與HTML,CSS一起成爲三大萬維網網頁構建的基礎語言。。。。 原文

原创 使用Meta,試做網頁,3秒後跳轉到指定頁面

源碼如下: !doctype html> <html lang="en">  <head>   <meta charset="UTF-8">   <meta name="Generator" content="EditPlus®">  

原创 用jquery實現圖片的懶加載

注意:當鼠標未滾動到指定位置時,圖片顯示爲錯誤的圖片,減少服務器端的http請求。否則,顯示圖片。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

原创 背景色漸變總結

background:linear-gradient(to right, #EEE, #FFF); 未完待續

原创 hover不能做事件委託

動態生成的元素做事件委託 正確寫法: $(document.body).on('mouseenter',"#newslist li:not(:first)",function(e){ $(this).css("backg

原创 Javascript圖片庫

最近在重讀JavaScript DOM編程藝術,用原生JS的方法重寫第四章JavaScript圖片庫的案例, 默認顯示圖片1,當鼠標點擊對應的li時,class爲container的div容器裏面的圖片動態改爲對應的圖片。 其

原创 移動端有用的代碼片段--摘抄自網絡

PS:如有侵權,請聯繫刪除。 <script> var metas = document.getElementsByTagName('meta'); var i; if

原创 三級樹形菜單demo

閒來無事寫了個三級樹形菜單demo,基於Jquery,還有很多優化空間 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>三

原创 html獲取簡單json數據-後臺PHP

1.先寫PHP,代碼如下: <?php header('Content-type:application/json;charset=utf-8'); $json='{ "id": "1", "name":

原创 與函數有關面試題(二)

1.實現add(3,2)與add(3)(2)返回結果都爲5. 代碼如下: function add(x,y){ var sum = x; if(y){ return (sum + y); }

原创 vue中jsonp跨域小栗子

跨域問題早就想解決了,趁着週末,上網找了點資料,看到網上有一個封裝好的插件很好用, 插件地址如下: //首先npm install jsonp安裝此插件 寫了個小栗子,代碼如下: <template> <div> <h1

原创 jQuery appendTo() 方法

用法:appendTo() 方法在被選元素的結尾插入 HTML 元素。 $(content).appendTo(selector) 提示: content 必需。規定要插入的內容(必須包含 HTML 標籤)。 注意:如果 cont