原创 jQuery-評價星級
一、html代碼 <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <meta content="IE=edge,chrome=1" htt
原创 百度地圖標註代碼
一、html代碼 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" cont
原创 WEB開發常見瀏覽器兼容問題及解決技巧
瀏覽器兼容問題一: 不同瀏覽器的標籤默認的外補丁和內補丁不同 問題症狀:隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。 碰到頻率:100% 解決方案:css裏
原创 JS判斷單、多張圖片是否加載完成
在此之前來了解一下jquery的ready與window.onload的區別,ready只是dom結構加載完畢,便視爲加載完成。(此時圖片沒有加載完畢),onload是指dom的生成和資源完全加載(比如flash、圖片)出來後才
原创 better-scroll基本應用
better-scroll是最接近與原生的滾動插件,兼容pc和移動端,示例和文檔請移步官網地址。 一、BScroll縱向滾動 1.示例代碼 <!DOCTYPE html> <html> <head> <meta char
原创 面試總結函數封裝
一、字符串翻轉 function reverse(str){ var arr=str.split(""); arr.reverse(); console.log(arr.join("")); } var str="hel
原创 點燈遊戲--原生js
一、放假閒來無事,複習複習原生js寫的一個小遊戲,多多指點! <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>點燈遊戲
原创 點燈遊戲--原生js
一、放假閒來無事,複習複習原生js寫的一個小遊戲,多多指點! <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>點燈遊戲
原创 超級有用的前端基礎技術面試問題收集 (二)
說說最近最流行的一些東西吧?常去哪些網站? Node.js、Mongodb、npm、MVVM、MEAN、three.js,React 。 網站:w3cfuns,sf,hacknews,CSDN,慕課,博客園,InfoQ,w3c
原创 拼圖遊戲原生js實現
一、圖片要自己先設置好圖片的名稱,本演示默認是:pintu+index+.jpeg的形式,當然你也可以自己任意設置格式,但是一定要有規律。 <!DOCTYPE html> <html> <head> <m
原创 前端初學者求職面試技巧題(下)
一、JavaScript 什麼是閉包(closure),爲什麼要用它? 閉包簡單的說就是一個函數能訪問外部函數的變量,這就是閉包,不理解就看代碼,例如: function aa(x){ var num=1;
原创 css動畫(一)
一、音樂圖標旋轉動畫代碼 /*音樂圖標旋轉動畫開始*/ #yy { /* background:color url x y repeat 圖片來自百度圖片,按需要更換 */
原创 canvas畫圓盤
一、利用canvas畫的抽獎大轉盤 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title>
原创 微信小程序上下左右滑動動畫
1.HTML <view class='main' bindtap="show">{{text}}</view> <view class="top {{showFlag?'showTop':''}}">我是頂部</view> <v
原创 工作中常用的js函數封裝(3)
一、返回刷新 使用方法:在頁面初始化的時候調用CheckReload() ,就可以實現返回刷新; function CheckReload() { if (window.name != bencal