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