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