原创 androidstudio 開發 簡單 webview window

1 在AndroidManifest.xml文件增加 允許網絡訪問權限 <uses-permission android:name="android.permission.INTERNET"/> <?xml version="1.0"

原创 儀表盤 加減速

效果圖 實現代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width

原创 css 效果聯繫

網盤跳轉 鏈接:https://pan.baidu.com/s/1FZcEKPuqPvu1zZV4aoGDAw  提取碼:d5rl  效果圖 、

原创 androidstudio 開發 簡單 webview ios

1 在AndroidManifest.xml文件增加 允許網絡訪問權限 <uses-permission android:name="android.permission.INTERNET"/> <?xml version="1.0"

原创 2d 動畫隨鼠標 轉動

效果圖 實現文件 網盤自取 鏈接:https://pan.baidu.com/s/1dORNU9qXeMJJLvwDIWMz2w  提取碼:s830

原创 元素隨鼠標轉動

效果圖 實現代碼 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®

原创 防抖動(debounce )和 節流閥(throttle )

// 防抖 // 首次運行時把定時器賦值給一個變量, 第二次執行時, // 如果間隔沒超過定時器設定的時間則會清除掉定時器, // 重新設定定時器, 依次反覆, 當我們停止下來時, // 沒有執行清除定時器, 超過一定時間後觸發

原创 眼睛隨鼠標來回轉動

效果圖 實現代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=

原创 flex 兼容性寫法 兼容ie10 谷歌 火狐

  本次記錄的主要內容在於 兼容寫法  下面的測試代碼爲常用的;具體的屬性值,按照實際需求,自行修改 需要注意的是 在IE下  如果要實現垂直居中的話  父元素  必須要設置高度 或者設置高度auto  在其他瀏覽器設置min-heigh

原创 less 定義 flex兼容樣式

定義一套flex的 彈性盒兼容     引用之後直接傳入參數就可以實現  /* 基本彈性盒子 */ .demo{ display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Saf

原创 think.js 項目搭建

搭建 全局安裝 腳手架 npm install -g think-cli  腳手架命令都以 thinkjs爲開始 thinkjs new think(文件夾項目名稱) 打開文件夾 cd think  安裝依賴 npm i  運行 np

原创 font-family 使用設置

當字體具體某個取值中若有一種樣式名稱包含空格, 當書寫中文字體名稱爲了保證兼容性需要用雙引號或單引號表示 常用設置 font-family:"Helvetica Neue",Helvetica,Tahoma,Arial,"PingFan

原创 charles 長久使用

1、 打開charles ---> help---> register。 2、輸入Registered Name: https://zhile.io 、 License Key: 48891cf209c6d32bf4。 3、打開Proxy

原创 thinkjs 模板

進階模板 nunjucks 模板的使用    定義 繼承 引用 效果  代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta na

原创 typescript 從零解釋

// 定義 基礎類型 let isDone: boolean = false; let decLiteral: number = 6; let smith: string = "bob"; let list: number[]