原创 HTML上傳圖片截圖
HTML <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=devic
原创 Vue學習整理筆記
安裝Vue 前提是安裝了NodeJS 1、安裝命令行工具 npm install --global vue-cli 2、安裝完成後檢查是否安裝成功 vue -V (V要大寫) 3、創建一個基於webpack模板的新
原创 Vue商品左欄目滑動跟右邊內容展示的變化
如果你是用vue寫移動端的話,我推薦使用better-scroll。 better-scroll的使用可以參考better-server文檔:https://ustbhuangyi.github.io/better-scroll/doc/
原创 小程序在地圖上畫矩形
Page({ /** * 頁面的初始數據 */ data: { longitude: 119.94311, latitude: 31.70165, angle: 26.565, // 夾角 length: 50, // 矩形長度 sh
原创 小程序,用戶手機沒有開啓定位或沒有授權定位的解決方案
我們先獲取定位,如果用戶拒絕或沒有開手機定位都會進入fail裏的getSetFun函數。通過跳轉到首頁已達到用戶不開啓定位或授權不能進行下一步。代碼如下: onLoad(){ let that = this; wx.getLoc
原创 html2Canvas上傳圖片,截圖
需求:上傳圖片,輸入祝福語。截成一張圖片 github地址:https://github.com/wubaibin/html2canvas.git HTML <!DOCTYPE html> <html> <head lang="en">
原创 AngularJS筆記
1、什麼是AngularJS AngularJS是一個開源的JS框架,目標是做SPA,適用在數據綁定操作比較頻繁的場景 2、AngularJS的四大特徵 ①採用了MVC的設計模式 Model 數據 View
原创 React Native筆記
用HTML5和React Native分別實現盒子模型顯示 寫發不一樣: 1、樣式 HTML5 .a{ position:absoule; top: 0; left: 0; right: 0; b
原创 導航欄點擊滾動
HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div
原创 JS 整屏滾動
HTML <div class="bodyContentContainer"> <div class="bodyContainer"> <div class="Container01"></div>
原创 圖片點擊循環
HTML <div class="divContainer"> <div class="imgContainer"> <ul class="imgContent clear"> <li>
原创 JS模仿window屏保實現圖片上下左右移動
HTML <div class="upgradeContainer"> <div class="upgradeImgContainer"> <img src="~/Content/Base/imgs/upgrad
原创 JS String
什麼是string:由多個字符組成的只讀字符數組 string vs 數組: 相同:1、下標; 2、.length; 3、.slice() 不同:類型不同: API不通用 API 大小寫轉換:將str中的字
原创 JS BOM總結
BOM的定義 Browser Object Model 專門操作瀏覽器窗口的API——沒有標準 BOM包括: window:
原创 JS DOM event
什麼是event: 瀏覽器自動觸發的,或用戶手動觸發的頁面狀態的改變 事件處理函數: 當事件發生時,自動觸發的函數——回調 如何綁定事件處理函數:3種