├── .DS_Store
├── .gitignore
├── DesignPattern
├── .DS_Store
└── 单例模式
│ └── index.html
├── README.md
├── bezierDemo
├── app.js
├── app.json
├── app.wxss
├── img
│ ├── home.png
│ ├── note.png
│ └── safari.png
├── pages
│ ├── index
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ └── logs
│ │ ├── logs.js
│ │ ├── logs.json
│ │ ├── logs.wxml
│ │ └── logs.wxss
└── utils
│ └── util.js
├── bobo.txt
├── cniaoxy
├── app.js
├── app.json
├── app.wxss
├── comm
│ └── script
│ │ ├── config.js
│ │ └── fetch.js
├── pages
│ ├── fish
│ │ ├── fish.js
│ │ ├── fish.json
│ │ ├── fish.wxml
│ │ └── fish.wxss
│ ├── index
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── message
│ │ ├── message.js
│ │ ├── message.json
│ │ ├── message.wxml
│ │ └── message.wxss
│ ├── mine
│ │ ├── mine.js
│ │ ├── mine.json
│ │ ├── mine.wxml
│ │ └── mine.wxss
│ └── publish
│ │ ├── publish.js
│ │ ├── publish.json
│ │ ├── publish.wxml
│ │ └── publish.wxss
├── template
│ └── filelist
│ │ ├── filelist.wxml
│ │ └── filelist.wxss
└── utils
│ └── util.js
├── danmu
├── app.js
├── app.json
├── app.wxss
├── pages
│ ├── index
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ └── selectColor
│ │ ├── selectColor.js
│ │ ├── selectColor.json
│ │ ├── selectColor.wxml
│ │ └── selectColor.wxss
└── utils
│ └── util.js
├── demo
├── .gitignore
├── app.js
├── app.json
├── app.wxss
├── image
│ ├── arrowright.png
│ ├── green_tri.png
│ ├── icon64_appwx_logo.png
│ ├── icon_API.png
│ ├── icon_API_HL.png
│ ├── icon_component.png
│ ├── icon_component_HL.png
│ ├── pause.png
│ ├── play.png
│ ├── plus.png
│ ├── record.png
│ ├── stop.png
│ ├── trash.png
│ ├── wechat.png
│ └── wechatHL.png
├── page
│ ├── API
│ │ ├── animation
│ │ │ ├── animation.js
│ │ │ ├── animation.json
│ │ │ ├── animation.wxml
│ │ │ └── animation.wxss
│ │ ├── background-audio
│ │ │ ├── background-audio.js
│ │ │ ├── background-audio.json
│ │ │ ├── background-audio.wxml
│ │ │ └── background-audio.wxss
│ │ ├── canvas
│ │ │ ├── canvas.js
│ │ │ ├── canvas.json
│ │ │ ├── canvas.wxml
│ │ │ ├── canvas.wxss
│ │ │ ├── example.js
│ │ │ └── example.wxml
│ │ ├── common
│ │ │ ├── footer.wxml
│ │ │ └── header.wxml
│ │ ├── download-file
│ │ │ ├── download-file.js
│ │ │ ├── download-file.json
│ │ │ ├── download-file.wxml
│ │ │ └── download-file.wxss
│ │ ├── file
│ │ │ ├── file.js
│ │ │ ├── file.json
│ │ │ ├── file.wxml
│ │ │ └── file.wxss
│ │ ├── get-location
│ │ │ ├── format-location.js
│ │ │ ├── get-location.js
│ │ │ ├── get-location.json
│ │ │ ├── get-location.wxml
│ │ │ └── get-location.wxss
│ │ ├── get-network-type
│ │ │ ├── get-network-type.js
│ │ │ ├── get-network-type.json
│ │ │ ├── get-network-type.wxml
│ │ │ └── get-network-type.wxss
│ │ ├── get-system-info
│ │ │ ├── get-system-info.js
│ │ │ ├── get-system-info.json
│ │ │ ├── get-system-info.wxml
│ │ │ └── get-system-info.wxss
│ │ ├── get-user-info
│ │ │ ├── get-user-info.js
│ │ │ ├── get-user-info.json
│ │ │ ├── get-user-info.wxml
│ │ │ └── get-user-info.wxss
│ │ ├── image
│ │ │ ├── image.js
│ │ │ ├── image.json
│ │ │ ├── image.wxml
│ │ │ └── image.wxss
│ │ ├── index
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── login
│ │ │ ├── login.js
│ │ │ ├── login.json
│ │ │ ├── login.wxml
│ │ │ └── login.wxss
│ │ ├── navigation-bar-loading
│ │ │ ├── navigation-bar-loading.js
│ │ │ ├── navigation-bar-loading.json
│ │ │ ├── navigation-bar-loading.wxml
│ │ │ └── navigation-bar-loading.wxss
│ │ ├── navigator
│ │ │ ├── navigator.js
│ │ │ ├── navigator.json
│ │ │ ├── navigator.wxml
│ │ │ └── navigator.wxss
│ │ ├── on-accelerometer-change
│ │ │ ├── on-accelerometer-change.js
│ │ │ ├── on-accelerometer-change.json
│ │ │ ├── on-accelerometer-change.wxml
│ │ │ └── on-accelerometer-change.wxss
│ │ ├── on-compass-change
│ │ │ ├── on-compass-change.js
│ │ │ ├── on-compass-change.json
│ │ │ ├── on-compass-change.wxml
│ │ │ └── on-compass-change.wxss
│ │ ├── open-location
│ │ │ ├── open-location.js
│ │ │ ├── open-location.json
│ │ │ ├── open-location.wxml
│ │ │ └── open-location.wxss
│ │ ├── pull-down-refresh
│ │ │ ├── pull-down-refresh.js
│ │ │ ├── pull-down-refresh.json
│ │ │ ├── pull-down-refresh.wxml
│ │ │ └── pull-down-refresh.wxss
│ │ ├── request-payment
│ │ │ ├── request-payment.js
│ │ │ ├── request-payment.json
│ │ │ ├── request-payment.wxml
│ │ │ └── request-payment.wxss
│ │ ├── request
│ │ │ ├── request.js
│ │ │ ├── request.json
│ │ │ ├── request.wxml
│ │ │ └── request.wxss
│ │ ├── set-navigation-bar-title
│ │ │ ├── set-navigation-bar-title.js
│ │ │ ├── set-navigation-bar-title.json
│ │ │ ├── set-navigation-bar-title.wxml
│ │ │ └── set-navigation-bar-title.wxss
│ │ ├── storage
│ │ │ ├── storage.js
│ │ │ ├── storage.json
│ │ │ ├── storage.wxml
│ │ │ └── storage.wxss
│ │ ├── upload-file
│ │ │ ├── upload-file.js
│ │ │ ├── upload-file.json
│ │ │ ├── upload-file.wxml
│ │ │ └── upload-file.wxss
│ │ ├── video
│ │ │ ├── video.js
│ │ │ ├── video.json
│ │ │ ├── video.wxml
│ │ │ └── video.wxss
│ │ ├── voice
│ │ │ ├── voice.js
│ │ │ ├── voice.json
│ │ │ ├── voice.wxml
│ │ │ └── voice.wxss
│ │ └── web-socket
│ │ │ ├── web-socket.js
│ │ │ ├── web-socket.json
│ │ │ ├── web-socket.wxml
│ │ │ └── web-socket.wxss
│ └── component
│ │ ├── component-pages
│ │ ├── action-sheet
│ │ │ ├── action-sheet.js
│ │ │ ├── action-sheet.json
│ │ │ ├── action-sheet.wxml
│ │ │ └── action-sheet.wxss
│ │ ├── audio
│ │ │ ├── audio.js
│ │ │ ├── audio.json
│ │ │ ├── audio.wxml
│ │ │ └── audio.wxss
│ │ ├── button
│ │ │ ├── button.js
│ │ │ ├── button.json
│ │ │ ├── button.wxml
│ │ │ └── button.wxss
│ │ ├── canvas
│ │ │ ├── canvas.js
│ │ │ ├── canvas.json
│ │ │ ├── canvas.wxml
│ │ │ └── canvas.wxss
│ │ ├── checkbox
│ │ │ ├── checkbox.js
│ │ │ ├── checkbox.json
│ │ │ ├── checkbox.wxml
│ │ │ └── checkbox.wxss
│ │ ├── event
│ │ │ ├── event.js
│ │ │ ├── event.json
│ │ │ ├── event.wxml
│ │ │ └── event.wxss
│ │ ├── form
│ │ │ ├── form.js
│ │ │ ├── form.json
│ │ │ ├── form.wxml
│ │ │ └── form.wxss
│ │ ├── icon
│ │ │ ├── icon.js
│ │ │ ├── icon.json
│ │ │ ├── icon.wxml
│ │ │ └── icon.wxss
│ │ ├── image
│ │ │ ├── image.js
│ │ │ ├── image.json
│ │ │ ├── image.wxml
│ │ │ └── image.wxss
│ │ ├── input
│ │ │ ├── input.js
│ │ │ ├── input.json
│ │ │ ├── input.wxml
│ │ │ └── input.wxss
│ │ ├── label
│ │ │ ├── label.js
│ │ │ ├── label.json
│ │ │ ├── label.wxml
│ │ │ └── label.wxss
│ │ ├── loading
│ │ │ ├── loading.js
│ │ │ ├── loading.json
│ │ │ ├── loading.wxml
│ │ │ └── loading.wxss
│ │ ├── map
│ │ │ ├── map.js
│ │ │ ├── map.json
│ │ │ ├── map.wxml
│ │ │ └── map.wxss
│ │ ├── modal
│ │ │ ├── modal.js
│ │ │ ├── modal.json
│ │ │ ├── modal.wxml
│ │ │ └── modal.wxss
│ │ ├── navigator
│ │ │ ├── navigate.js
│ │ │ ├── navigate.json
│ │ │ ├── navigate.wxml
│ │ │ ├── navigate.wxss
│ │ │ ├── navigator.js
│ │ │ ├── navigator.json
│ │ │ ├── navigator.wxml
│ │ │ ├── navigator.wxss
│ │ │ ├── redirect.js
│ │ │ ├── redirect.json
│ │ │ ├── redirect.wxml
│ │ │ └── redirect.wxss
│ │ ├── picker
│ │ │ ├── picker.js
│ │ │ ├── picker.json
│ │ │ ├── picker.wxml
│ │ │ └── picker.wxss
│ │ ├── progress
│ │ │ ├── progress.js
│ │ │ ├── progress.json
│ │ │ ├── progress.wxml
│ │ │ └── progress.wxss
│ │ ├── radio
│ │ │ ├── radio.js
│ │ │ ├── radio.json
│ │ │ ├── radio.wxml
│ │ │ └── radio.wxss
│ │ ├── scroll-view
│ │ │ ├── scroll-view.js
│ │ │ ├── scroll-view.json
│ │ │ ├── scroll-view.wxml
│ │ │ └── scroll-view.wxss
│ │ ├── slide-tab
│ │ │ ├── slide-tab.js
│ │ │ ├── slide-tab.json
│ │ │ ├── slide-tab.wxml
│ │ │ └── slide-tab.wxss
│ │ ├── slider
│ │ │ ├── slider.js
│ │ │ ├── slider.json
│ │ │ ├── slider.wxml
│ │ │ └── slider.wxss
│ │ ├── swiper
│ │ │ ├── swiper.js
│ │ │ ├── swiper.json
│ │ │ ├── swiper.wxml
│ │ │ └── swiper.wxss
│ │ ├── switch
│ │ │ ├── switch.js
│ │ │ ├── switch.json
│ │ │ ├── switch.wxml
│ │ │ └── switch.wxss
│ │ ├── text
│ │ │ ├── text.js
│ │ │ ├── text.json
│ │ │ ├── text.wxml
│ │ │ └── text.wxss
│ │ ├── toast
│ │ │ ├── toast.js
│ │ │ ├── toast.json
│ │ │ ├── toast.wxml
│ │ │ └── toast.wxss
│ │ ├── video
│ │ │ ├── video.js
│ │ │ ├── video.json
│ │ │ ├── video.wxml
│ │ │ └── video.wxss
│ │ └── view
│ │ │ ├── view.js
│ │ │ ├── view.json
│ │ │ ├── view.wxml
│ │ │ └── view.wxss
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ ├── index.wxss
│ │ └── resources
│ │ ├── kind
│ │ ├── canvas.png
│ │ ├── content.png
│ │ ├── form.png
│ │ ├── interact.png
│ │ ├── map.png
│ │ ├── media.png
│ │ ├── nav.png
│ │ └── view.png
│ │ └── pic
│ │ ├── 1.jpg
│ │ └── 2.jpg
└── util
│ └── util.js
├── drop-down-menu
├── city-select
│ ├── README.md
│ ├── app.js
│ ├── app.json
│ ├── app.wxss
│ ├── pages
│ │ └── test
│ │ │ ├── test.js
│ │ │ ├── test.json
│ │ │ ├── test.wxml
│ │ │ └── test.wxss
│ ├── selectarea
│ │ ├── selectarea.js
│ │ ├── selectarea.wxml
│ │ └── selectarea.wxss
│ └── utils
│ │ ├── bluebird.js
│ │ └── util.js
├── menu-filter
│ ├── README.md
│ ├── app.js
│ ├── app.json
│ ├── app.wxss
│ └── pages
│ │ └── filter
│ │ ├── filter.js
│ │ ├── filter.json
│ │ ├── filter.wxml
│ │ └── filter.wxss
└── menudown
│ ├── .gitignore
│ ├── app.js
│ ├── app.json
│ ├── app.wxss
│ ├── page
│ └── one
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ └── utils
│ └── city.js
├── es6-demos
├── demo1
│ └── index.js
├── demo10
│ └── index.js
├── demo11
│ └── index.js
├── demo12
│ └── index.js
├── demo13
│ └── index.js
├── demo14
│ └── index.js
├── demo15
│ └── index.js
├── demo16
│ └── index.js
├── demo2
│ └── index.js
├── demo3
│ └── index.js
├── demo4
│ └── index.js
├── demo5
│ └── index.js
├── demo6
│ └── index.js
├── demo7
│ └── index.js
├── demo8
│ └── index.js
└── demo9
│ └── index.js
├── fullpage
├── README.md
├── css
│ ├── index.css
│ └── jquery.fullPage.css
├── img
│ ├── page1_1.png
│ ├── page1_2.png
│ ├── page1_3.png
│ ├── page2_1.png
│ ├── page3_1.png
│ └── page4_1.png
├── index.html
└── js
│ ├── jquery-1.8.3.min.js
│ ├── jquery-ui-1.10.3.min.js
│ └── jquery.fullPage.min.js
├── huhu.txt
├── jpframework
├── _dist
│ └── index.css
├── index.html
└── sass
│ └── index.scss
├── js_event
├── .DS_Store
├── demo1
│ ├── .DS_Store
│ └── index.html
├── demo10
│ └── index.html
├── demo2
│ ├── .DS_Store
│ └── index.html
├── demo3
│ ├── .DS_Store
│ └── index.html
├── demo4
│ ├── .DS_Store
│ └── index.html
├── demo5
│ ├── .DS_Store
│ └── index.html
├── demo6
│ ├── .DS_Store
│ └── index.html
├── demo7
│ └── index.html
├── demo8
│ └── index.html
└── demo9
│ └── index.html
├── junjun.txt
├── lazyload
├── README.md
├── app.js
├── app.json
├── app.wxss
├── images
│ └── lazyload.jpg
├── pages
│ └── productList
│ │ ├── productList.js
│ │ ├── productList.json
│ │ ├── productList.wxml
│ │ └── productList.wxss
└── utils
│ └── util.js
├── mk_rem_flex
├── .DS_Store
├── css
│ └── index.css
├── font-awesome
│ ├── .DS_Store
│ ├── HELP-US-OUT.txt
│ ├── css
│ │ ├── font-awesome.css
│ │ └── font-awesome.min.css
│ ├── fonts
│ │ ├── FontAwesome.otf
│ │ ├── fontawesome-webfont.eot
│ │ ├── fontawesome-webfont.svg
│ │ ├── fontawesome-webfont.ttf
│ │ ├── fontawesome-webfont.woff
│ │ └── fontawesome-webfont.woff2
│ ├── less
│ │ ├── animated.less
│ │ ├── bordered-pulled.less
│ │ ├── core.less
│ │ ├── fixed-width.less
│ │ ├── font-awesome.less
│ │ ├── icons.less
│ │ ├── larger.less
│ │ ├── list.less
│ │ ├── mixins.less
│ │ ├── path.less
│ │ ├── rotated-flipped.less
│ │ ├── screen-reader.less
│ │ ├── stacked.less
│ │ └── variables.less
│ └── scss
│ │ ├── _animated.scss
│ │ ├── _bordered-pulled.scss
│ │ ├── _core.scss
│ │ ├── _fixed-width.scss
│ │ ├── _icons.scss
│ │ ├── _larger.scss
│ │ ├── _list.scss
│ │ ├── _mixins.scss
│ │ ├── _path.scss
│ │ ├── _rotated-flipped.scss
│ │ ├── _screen-reader.scss
│ │ ├── _stacked.scss
│ │ ├── _variables.scss
│ │ └── font-awesome.scss
├── img
│ ├── 1.png
│ ├── 2.png
│ ├── 3.png
│ ├── 4.png
│ ├── 5.png
│ ├── banner1.jpg
│ ├── banner2.jpg
│ ├── banner3.jpg
│ ├── banner4.jpg
│ └── timg.jpg
├── index.html
└── js
│ └── index.js
├── mochaDemo
├── README.md
├── hello.js
├── package-lock.json
├── package.json
├── test
│ └── hello-test.js
└── test1.sh
├── sideslip
├── .gitignore
├── app.js
├── app.json
├── app.wxss
├── images
│ └── btn.png
├── page
│ ├── four
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── one
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── three
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ └── two
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
└── util
│ └── util.js
├── spa
├── .DS_Store
├── chapter_3
│ ├── .DS_Store
│ ├── css
│ │ ├── spa.css
│ │ └── spa.shell.css
│ ├── js
│ │ ├── .DS_Store
│ │ ├── jq
│ │ │ ├── .DS_Store
│ │ │ ├── jquery-1.9.1.js
│ │ │ └── jquery.uriAnchor-1.1.3.js
│ │ ├── spa.js
│ │ └── spa.shell.js
│ ├── layout.html
│ └── spa.html
└── chapter_4
│ ├── .DS_Store
│ ├── css
│ ├── spa.chat.css
│ ├── spa.css
│ └── spa.shell.css
│ ├── js
│ ├── .DS_Store
│ ├── jq
│ │ ├── .DS_Store
│ │ ├── jquery-1.9.1.js
│ │ └── jquery.uriAnchor-1.1.3.js
│ ├── spa.chat.js
│ ├── spa.js
│ ├── spa.model.js
│ ├── spa.shell.js
│ └── spa.util.js
│ ├── layout.html
│ └── spa.html
├── toast
├── README.md
├── app.js
├── app.json
├── app.wxss
├── images
│ ├── cross.png
│ ├── demo.png
│ └── star.png
├── pages
│ └── index
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ ├── index.wxss
│ │ └── polyfill.js
└── src
│ ├── wetoast.js
│ ├── wetoast.wxml
│ └── wetoast.wxss
└── zepto的demo
├── lib
├── fx.js
├── fx_methods.js
├── jquery-3.1.1.min.js
├── touch.js
├── zepto.color.js
└── zepto.min.js
├── zeptojs
└── zeptojs
│ ├── zepto
│ └── src
│ │ ├── ajax.js
│ │ ├── amd_layout.js
│ │ ├── assets.js
│ │ ├── callbacks.js
│ │ ├── data.js
│ │ ├── deferred.js
│ │ ├── detect.js
│ │ ├── event.js
│ │ ├── form.js
│ │ ├── fx.js
│ │ ├── fx_methods.js
│ │ ├── gesture.js
│ │ ├── ie.js
│ │ ├── ios3.js
│ │ ├── selector.js
│ │ ├── stack.js
│ │ ├── touch.js
│ │ ├── zepto.js
│ │ └── zepto.min.js
│ ├── zeptojs.rar
│ ├── 慕课网课程大纲.doc
│ ├── 第一章
│ ├── demo1
│ │ └── index.html
│ ├── demo2
│ │ └── index.html
│ └── demo3
│ │ └── index.html
│ ├── 第七章
│ └── demo1
│ │ └── index.html
│ ├── 第三章
│ ├── demo1
│ │ └── index.html
│ ├── demo2
│ │ └── index.html
│ ├── demo3
│ │ └── index.html
│ └── demo4
│ │ └── index.html
│ ├── 第二章
│ ├── demo1
│ │ └── index.html
│ ├── demo2
│ │ └── index.html
│ ├── demo3
│ │ └── index.html
│ ├── demo4
│ │ └── index.html
│ ├── demo5
│ │ └── index.html
│ └── demo6
│ │ └── index.html
│ ├── 第五章
│ ├── demo1
│ │ └── index.html
│ └── demo2
│ │ └── index.html
│ ├── 第六章
│ └── demo1
│ │ └── index.html
│ ├── 第四章
│ ├── demo1
│ │ └── index.html
│ ├── demo2
│ │ └── index.html
│ ├── demo3
│ │ └── index.html
│ ├── demo4
│ │ └── index.html
│ └── demo5
│ │ └── index.html
│ ├── 课程大纲.docx
│ └── 资料
│ └── 文档.doc
├── 第一章
├── 1_第一个zepto程序
│ └── index.html
├── 2_zepto链式调用特性
│ └── index.html
└── 3_DOM对象与zepto对象的互相转换
│ └── index.html
├── 第七章
└── 1_zepto中touch模块的使用
│ └── index.html
├── 第三章
├── 1_zepto中的DOM操作
│ └── index.html
├── 2_zepto中的属性与样式操作
│ └── index.html
├── 3_zepto中的遍历节点
│ └── index.html
└── 4_zepto中的CSS-DOM操作
│ └── index.html
├── 第二章
├── 1_初识选择器
│ └── index.html
├── 2_选择器的优势
│ └── index.html
├── 3_基础选择器
│ └── index.html
├── 4_层次选择器
│ └── index.html
├── 5_过滤选择器
│ └── index.html
└── 6_选择器中的注意事项
│ └── index.html
├── 第五章
├── 1_zepto中的动画
│ └── index.html
└── 2_zepto中的动画
│ └── index.html
├── 第八章
└── 1_zepto插件的写法
│ └── index.html
├── 第六章
├── 1_编写第1个Ajax
│ └── index.html
└── 2_zepto中的ajax请求
│ └── index.html
└── 第四章
├── 1_事件之ready与onload区别
└── index.html
├── 2_事件之开头几种简写方式
└── index.html
├── 3_事件绑定初识
└── index.html
├── 4_事件冒泡与事件捕获
└── index.html
├── 5_事件委托或代理
└── index.html
└── 6_自定义事件
└── index.html
/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/.DS_Store
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | drop-down-menu
2 | sideslip
3 | */node_modules
--------------------------------------------------------------------------------
/DesignPattern/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/DesignPattern/.DS_Store
--------------------------------------------------------------------------------
/DesignPattern/单例模式/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 单例模式
6 |
7 |
8 |
9 |
36 |
37 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # xiaoxiaoxiao
2 | 共享学习资源
3 |
4 | drop-down-menu是小程序下拉菜单特效,里面包含三个项目,两个是参考的,一个是仿闲鱼下拉菜单
5 |
6 | sideslip是小程序侧边栏滑动特效源码
7 |
8 | toast是自定义toast效果源码
9 |
10 | lazyload是图片懒加载特效源码
11 |
12 | demo是官方提供的,针对一些难点,我在上面添加一些注释
13 |
14 | bezierDemo是仿qq消息气泡拖拽消失的效果
15 |
16 | spa是单页应用,纯jq+html+css实现的
17 |
18 | rem+flex是响应式布局
19 |
20 | zepto的demo就是:包含各种zepto实战小demo
21 |
22 | DesignPattern是用js实现的设计模式的demo
23 |
24 | fullpage是jquery的插件库jquery.fullpage.js,里面是一个应用于移动端的小项目,rem布局 + fullpage页面滑动
25 |
26 | js_event是将所有事件的知识点写成Demo,包括浏览器兼容
27 |
28 | mochaDemo 是mocha单元测试使用demo
29 |
30 | es6-demos 是es6的demo
31 |
32 |
--------------------------------------------------------------------------------
/bezierDemo/app.js:
--------------------------------------------------------------------------------
1 | //app.js
2 | App({
3 | onLaunch: function () {
4 | //调用API从本地缓存中获取数据
5 | var logs = wx.getStorageSync('logs') || []
6 | logs.unshift(Date.now())
7 | wx.setStorageSync('logs', logs)
8 | },
9 | getUserInfo:function(cb){
10 | var that = this
11 | if(this.globalData.userInfo){
12 | typeof cb == "function" && cb(this.globalData.userInfo)
13 | }else{
14 | //调用登录接口
15 | wx.login({
16 | success: function () {
17 | wx.getUserInfo({
18 | success: function (res) {
19 | that.globalData.userInfo = res.userInfo
20 | typeof cb == "function" && cb(that.globalData.userInfo)
21 | }
22 | })
23 | }
24 | })
25 | }
26 | },
27 | globalData:{
28 | userInfo:null
29 | }
30 | })
--------------------------------------------------------------------------------
/bezierDemo/app.json:
--------------------------------------------------------------------------------
1 | {
2 | "pages":[
3 | "pages/index/index",
4 | "pages/logs/logs"
5 | ],
6 | "window":{
7 | "backgroundTextStyle":"light",
8 | "navigationBarBackgroundColor": "#fff",
9 | "navigationBarTitleText": "WeChat",
10 | "navigationBarTextStyle":"black"
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/bezierDemo/app.wxss:
--------------------------------------------------------------------------------
1 | /**app.wxss**/
2 | .container {
3 | height: 100%;
4 | display: flex;
5 | flex-direction: column;
6 | align-items: center;
7 | justify-content: space-between;
8 | padding: 200rpx 0;
9 | box-sizing: border-box;
10 | }
11 |
--------------------------------------------------------------------------------
/bezierDemo/img/home.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/bezierDemo/img/home.png
--------------------------------------------------------------------------------
/bezierDemo/img/note.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/bezierDemo/img/note.png
--------------------------------------------------------------------------------
/bezierDemo/img/safari.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/bezierDemo/img/safari.png
--------------------------------------------------------------------------------
/bezierDemo/pages/index/index.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/bezierDemo/pages/index/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/bezierDemo/pages/index/index.wxss:
--------------------------------------------------------------------------------
1 | /**index.wxss**/
2 | canvas{
3 | width: 750rpx;
4 | height: 800rpx;
5 | background: #eee;
6 | }
--------------------------------------------------------------------------------
/bezierDemo/pages/logs/logs.js:
--------------------------------------------------------------------------------
1 | //logs.js
2 | var util = require('../../utils/util.js')
3 | Page({
4 | data: {
5 | logs: []
6 | },
7 | onLoad: function () {
8 | this.setData({
9 | logs: (wx.getStorageSync('logs') || []).map(function (log) {
10 | return util.formatTime(new Date(log))
11 | })
12 | })
13 | }
14 | })
15 |
--------------------------------------------------------------------------------
/bezierDemo/pages/logs/logs.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "查看启动日志"
3 | }
--------------------------------------------------------------------------------
/bezierDemo/pages/logs/logs.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {{index + 1}}. {{log}}
5 |
6 |
7 |
--------------------------------------------------------------------------------
/bezierDemo/pages/logs/logs.wxss:
--------------------------------------------------------------------------------
1 | .log-list {
2 | display: flex;
3 | flex-direction: column;
4 | padding: 40rpx;
5 | }
6 | .log-item {
7 | margin: 10rpx;
8 | }
9 |
--------------------------------------------------------------------------------
/bezierDemo/utils/util.js:
--------------------------------------------------------------------------------
1 | function formatTime(date) {
2 | var year = date.getFullYear()
3 | var month = date.getMonth() + 1
4 | var day = date.getDate()
5 |
6 | var hour = date.getHours()
7 | var minute = date.getMinutes()
8 | var second = date.getSeconds()
9 |
10 |
11 | return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
12 | }
13 |
14 | function formatNumber(n) {
15 | n = n.toString()
16 | return n[1] ? n : '0' + n
17 | }
18 |
19 | module.exports = {
20 | formatTime: formatTime
21 | }
22 |
--------------------------------------------------------------------------------
/bobo.txt:
--------------------------------------------------------------------------------
1 | 123
2 | 234
3 | 222
4 | 3
5 | 5
6 | 6
7 | 7
8 | 8
--------------------------------------------------------------------------------
/cniaoxy/app.js:
--------------------------------------------------------------------------------
1 | //app.js
2 | App({
3 | onLaunch: function () {
4 | //调用API从本地缓存中获取数据
5 | var logs = wx.getStorageSync('logs') || []
6 | logs.unshift(Date.now())
7 | wx.setStorageSync('logs', logs)
8 | },
9 | getUserInfo:function(cb){
10 | var that = this
11 | if(this.globalData.userInfo){
12 | typeof cb == "function" && cb(this.globalData.userInfo)
13 | }else{
14 | //调用登录接口
15 | wx.login({
16 | success: function () {
17 | wx.getUserInfo({
18 | success: function (res) {
19 | that.globalData.userInfo = res.userInfo
20 | typeof cb == "function" && cb(that.globalData.userInfo)
21 | }
22 | })
23 | }
24 | })
25 | }
26 | },
27 | globalData:{
28 | userInfo:null
29 | }
30 | })
--------------------------------------------------------------------------------
/cniaoxy/app.wxss:
--------------------------------------------------------------------------------
1 | /**app.wxss**/
2 | .container {
3 | height: 100%;
4 | display: flex;
5 | flex-direction: column;
6 | align-items: center;
7 | justify-content: space-between;
8 | padding: 200rpx 0;
9 | box-sizing: border-box;
10 | }
11 |
--------------------------------------------------------------------------------
/cniaoxy/comm/script/config.js:
--------------------------------------------------------------------------------
1 | var url = "https://cocohebb.duapp.com/";
2 |
3 | module.exports = {
4 | bannerList: [
5 | {imgUrl:url + 'images/banner1.jpg'},
6 | {imgUrl:url + 'images/banner2.jpg'},
7 | {imgUrl:url + 'images/banner3.jpg'}
8 | ],
9 | mList:[
10 | {mimg: url + 'images/mimg1.jpg'},
11 | {mimg: url + 'images/mimg2.jpg'},
12 | {mimg: url + 'images/mimg3.jpg'},
13 | {mimg: url + 'images/mimg4.jpg'}
14 | ]
15 | }
--------------------------------------------------------------------------------
/cniaoxy/comm/script/fetch.js:
--------------------------------------------------------------------------------
1 | function fetchList(){
2 |
3 | }
4 |
5 | module.export = {
6 | fetchList : fetchList
7 | }
--------------------------------------------------------------------------------
/cniaoxy/pages/fish/fish.js:
--------------------------------------------------------------------------------
1 | // pages/fish/fish.js
2 | Page({
3 | data:{},
4 | onLoad:function(options){
5 | // 页面初始化 options为页面跳转所带来的参数
6 | },
7 | onReady:function(){
8 | // 页面渲染完成
9 | },
10 | onShow:function(){
11 | // 页面显示
12 | },
13 | onHide:function(){
14 | // 页面隐藏
15 | },
16 | onUnload:function(){
17 | // 页面关闭
18 | }
19 | })
--------------------------------------------------------------------------------
/cniaoxy/pages/fish/fish.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/cniaoxy/pages/fish/fish.wxml:
--------------------------------------------------------------------------------
1 |
2 | pages/fish/fish.wxml
3 |
--------------------------------------------------------------------------------
/cniaoxy/pages/fish/fish.wxss:
--------------------------------------------------------------------------------
1 | /* pages/fish/fish.wxss */
--------------------------------------------------------------------------------
/cniaoxy/pages/index/index.js:
--------------------------------------------------------------------------------
1 | var config = require('../../comm/script/config')
2 |
3 | Page({
4 | data: {
5 | bannerList: config.bannerList,
6 | isShow: true
7 | },
8 | onLoad: function () {
9 |
10 | }
11 | })
12 |
--------------------------------------------------------------------------------
/cniaoxy/pages/index/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "window": {
3 | "enablePullDownRefresh": true
4 | }
5 | }
--------------------------------------------------------------------------------
/cniaoxy/pages/index/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/cniaoxy/pages/index/index.wxss:
--------------------------------------------------------------------------------
1 | .banSwiper{
2 | width: 750rpx;
3 | height: 234rpx;
4 | }
5 | .banSwiper image{
6 | width: 100%;
7 | height: 100%;
8 | }
--------------------------------------------------------------------------------
/cniaoxy/pages/message/message.js:
--------------------------------------------------------------------------------
1 | // pages/message/message.js
2 | Page({
3 | data:{},
4 | onLoad:function(options){
5 | // 页面初始化 options为页面跳转所带来的参数
6 | },
7 | onReady:function(){
8 | // 页面渲染完成
9 | },
10 | onShow:function(){
11 | // 页面显示
12 | },
13 | onHide:function(){
14 | // 页面隐藏
15 | },
16 | onUnload:function(){
17 | // 页面关闭
18 | }
19 | })
--------------------------------------------------------------------------------
/cniaoxy/pages/message/message.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/cniaoxy/pages/message/message.wxml:
--------------------------------------------------------------------------------
1 |
2 | pages/message/message.wxml
3 |
--------------------------------------------------------------------------------
/cniaoxy/pages/message/message.wxss:
--------------------------------------------------------------------------------
1 | /* pages/message/message.wxss */
--------------------------------------------------------------------------------
/cniaoxy/pages/mine/mine.js:
--------------------------------------------------------------------------------
1 | // pages/mine/mine.js
2 | Page({
3 | data:{},
4 | onLoad:function(options){
5 | // 页面初始化 options为页面跳转所带来的参数
6 | },
7 | onReady:function(){
8 | // 页面渲染完成
9 | },
10 | onShow:function(){
11 | // 页面显示
12 | },
13 | onHide:function(){
14 | // 页面隐藏
15 | },
16 | onUnload:function(){
17 | // 页面关闭
18 | }
19 | })
--------------------------------------------------------------------------------
/cniaoxy/pages/mine/mine.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/cniaoxy/pages/mine/mine.wxml:
--------------------------------------------------------------------------------
1 |
2 | pages/mine/mine.wxml
3 |
--------------------------------------------------------------------------------
/cniaoxy/pages/mine/mine.wxss:
--------------------------------------------------------------------------------
1 | /* pages/mine/mine.wxss */
--------------------------------------------------------------------------------
/cniaoxy/pages/publish/publish.js:
--------------------------------------------------------------------------------
1 | // pages/publish/publish.js
2 | Page({
3 | data:{},
4 | onLoad:function(options){
5 | // 页面初始化 options为页面跳转所带来的参数
6 | },
7 | onReady:function(){
8 | // 页面渲染完成
9 | },
10 | onShow:function(){
11 | // 页面显示
12 | },
13 | onHide:function(){
14 | // 页面隐藏
15 | },
16 | onUnload:function(){
17 | // 页面关闭
18 | }
19 | })
--------------------------------------------------------------------------------
/cniaoxy/pages/publish/publish.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/cniaoxy/pages/publish/publish.wxml:
--------------------------------------------------------------------------------
1 |
2 | pages/publish/publish.wxml
3 |
--------------------------------------------------------------------------------
/cniaoxy/pages/publish/publish.wxss:
--------------------------------------------------------------------------------
1 | /* pages/publish/publish.wxss */
--------------------------------------------------------------------------------
/cniaoxy/template/filelist/filelist.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/cniaoxy/template/filelist/filelist.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/cniaoxy/template/filelist/filelist.wxss
--------------------------------------------------------------------------------
/cniaoxy/utils/util.js:
--------------------------------------------------------------------------------
1 | function formatTime(date) {
2 | var year = date.getFullYear()
3 | var month = date.getMonth() + 1
4 | var day = date.getDate()
5 |
6 | var hour = date.getHours()
7 | var minute = date.getMinutes()
8 | var second = date.getSeconds()
9 |
10 |
11 | return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
12 | }
13 |
14 | function formatNumber(n) {
15 | n = n.toString()
16 | return n[1] ? n : '0' + n
17 | }
18 |
19 | module.exports = {
20 | formatTime: formatTime
21 | }
22 |
--------------------------------------------------------------------------------
/danmu/app.js:
--------------------------------------------------------------------------------
1 | //app.js
2 | App({
3 | onLaunch: function () {
4 | //调用API从本地缓存中获取数据
5 | var logs = wx.getStorageSync('logs') || []
6 | logs.unshift(Date.now())
7 | wx.setStorageSync('logs', logs)
8 | },
9 | getUserInfo:function(cb){
10 | var that = this
11 | if(this.globalData.userInfo){
12 | typeof cb == "function" && cb(this.globalData.userInfo)
13 | }else{
14 | //调用登录接口
15 | wx.login({
16 | success: function () {
17 | wx.getUserInfo({
18 | success: function (res) {
19 | that.globalData.userInfo = res.userInfo
20 | typeof cb == "function" && cb(that.globalData.userInfo)
21 | }
22 | })
23 | }
24 | })
25 | }
26 | },
27 | globalData:{
28 | userInfo:null
29 | }
30 | })
--------------------------------------------------------------------------------
/danmu/app.json:
--------------------------------------------------------------------------------
1 | {
2 | "pages":[
3 | "pages/index/index",
4 | "pages/selectColor/selectColor"
5 | ],
6 | "window":{
7 | "backgroundTextStyle":"light",
8 | "navigationBarBackgroundColor": "#EEAD0E",
9 | "navigationBarTitleText": "闲鱼之视频播放器",
10 | "navigationBarTextStyle":"white"
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/danmu/app.wxss:
--------------------------------------------------------------------------------
1 | /**app.wxss**/
2 | .container {
3 | height: 100%;
4 | display: flex;
5 | flex-direction: column;
6 | align-items: center;
7 | justify-content: space-between;
8 | padding: 200rpx 0;
9 | box-sizing: border-box;
10 | }
11 |
--------------------------------------------------------------------------------
/danmu/pages/index/index.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/danmu/pages/selectColor/selectColor.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/danmu/pages/selectColor/selectColor.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/danmu/pages/selectColor/selectColor.wxss:
--------------------------------------------------------------------------------
1 | /**selectColor.wxss**/
2 | .weui-grids {
3 | border-top: 1rpx solid #D9D9D9;
4 | border-left: 1rpx solid #D9D9D9;
5 | }
6 | .weui-grid {
7 | position: relative;
8 | float: left;
9 | padding: 20rpx 20rpx;
10 | width: 20%;
11 | box-sizing: border-box;
12 | border-right: 1rpx solid #D9D9D9;
13 | border-bottom: 1rpx solid #D9D9D9;
14 | }
15 | .weui-grid_active {
16 | background-color: #ccc;
17 | }
18 | .weui-grid__icon {
19 | display: block;
20 | width: 100rpx;
21 | height: 100rpx;
22 | margin: 0 auto;
23 | box-shadow: 3px 3px 5px #bbb;
24 |
25 | }
26 | .weui-grid__label {
27 | margin-top: 5px;
28 | display: block;
29 | text-align: center;
30 | color: #000000;
31 | font-size: 14px;
32 | white-space: nowrap;
33 | text-overflow: ellipsis;
34 | overflow: hidden;
35 | }
--------------------------------------------------------------------------------
/danmu/utils/util.js:
--------------------------------------------------------------------------------
1 | function formatTime(date) {
2 | var year = date.getFullYear()
3 | var month = date.getMonth() + 1
4 | var day = date.getDate()
5 |
6 | var hour = date.getHours()
7 | var minute = date.getMinutes()
8 | var second = date.getSeconds()
9 |
10 |
11 | return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
12 | }
13 |
14 | function formatNumber(n) {
15 | n = n.toString()
16 | return n[1] ? n : '0' + n
17 | }
18 |
19 | module.exports = {
20 | formatTime: formatTime
21 | }
22 |
--------------------------------------------------------------------------------
/demo/.gitignore:
--------------------------------------------------------------------------------
1 | *swp
2 | *~
3 |
--------------------------------------------------------------------------------
/demo/app.js:
--------------------------------------------------------------------------------
1 | App({
2 | onLaunch: function () {
3 | console.log('App Launch')
4 | },
5 | onShow: function () {
6 | console.log('App Show')
7 | },
8 | onHide: function () {
9 | console.log('App Hide')
10 | },
11 | globalData: {
12 | hasLogin: false
13 | }
14 | })
15 |
--------------------------------------------------------------------------------
/demo/image/arrowright.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/image/arrowright.png
--------------------------------------------------------------------------------
/demo/image/green_tri.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/image/green_tri.png
--------------------------------------------------------------------------------
/demo/image/icon64_appwx_logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/image/icon64_appwx_logo.png
--------------------------------------------------------------------------------
/demo/image/icon_API.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/image/icon_API.png
--------------------------------------------------------------------------------
/demo/image/icon_API_HL.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/image/icon_API_HL.png
--------------------------------------------------------------------------------
/demo/image/icon_component.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/image/icon_component.png
--------------------------------------------------------------------------------
/demo/image/icon_component_HL.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/image/icon_component_HL.png
--------------------------------------------------------------------------------
/demo/image/pause.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/image/pause.png
--------------------------------------------------------------------------------
/demo/image/play.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/image/play.png
--------------------------------------------------------------------------------
/demo/image/plus.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/image/plus.png
--------------------------------------------------------------------------------
/demo/image/record.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/image/record.png
--------------------------------------------------------------------------------
/demo/image/stop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/image/stop.png
--------------------------------------------------------------------------------
/demo/image/trash.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/image/trash.png
--------------------------------------------------------------------------------
/demo/image/wechat.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/image/wechat.png
--------------------------------------------------------------------------------
/demo/image/wechatHL.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/image/wechatHL.png
--------------------------------------------------------------------------------
/demo/page/API/animation/animation.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "动画"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/animation/animation.wxss:
--------------------------------------------------------------------------------
1 | .page-body-wrapper {
2 | flex-grow: 1;
3 | }
4 | .animation-element-wrapper {
5 | display: block;
6 | margin-bottom: 100rpx;
7 | }
8 | .animation-element {
9 | width: 200rpx;
10 | height: 200rpx;
11 | background-color: #1AAD19;
12 | }
13 | .animation-buttons {
14 | padding: 50rpx 50rpx 10rpx;
15 | border-top: 1px solid #ccc;
16 | display: flex;
17 | flex-grow: 1;
18 | overflow-y: scroll;
19 | flex-direction: row;
20 | flex-wrap: wrap;
21 | width: 100%;
22 | height: 400rpx;
23 | box-sizing: border-box;
24 | }
25 | .animation-button {
26 | width: 290rpx;
27 | margin: 20rpx auto;
28 | }
29 | .animation-button-reset {
30 | width: 610rpx;
31 | margin: 20rpx auto;
32 | }
33 |
--------------------------------------------------------------------------------
/demo/page/API/background-audio/background-audio.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "背景音乐"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/background-audio/background-audio.wxss:
--------------------------------------------------------------------------------
1 | .page-body-wrapper {
2 | margin-top: 0;
3 | }
4 | .page-body-info {
5 | padding-bottom: 50rpx;
6 | }
7 | .time-big {
8 | font-size: 60rpx;
9 | margin: 20rpx;
10 | }
11 | .slider {
12 | width: 650rpx;
13 | }
14 | .play-time {
15 | font-size: 28rpx;
16 | width: 700rpx;
17 | padding: 20rpx 0;
18 | display: flex;
19 | justify-content: space-between;
20 | box-sizing: border-box;
21 | }
22 | .page-body-buttons {
23 | display: flex;
24 | justify-content: space-around;
25 | margin-top: 100rpx;
26 | }
27 | .page-body-button {
28 | width: 250rpx;
29 | text-align: center;
30 | }
31 |
--------------------------------------------------------------------------------
/demo/page/API/canvas/canvas.js:
--------------------------------------------------------------------------------
1 | var example = require('./example.js')
2 |
3 | Page({
4 | onLoad: function () {
5 | this.context = wx.createContext()
6 |
7 | var methods = Object.keys(example)
8 | this.setData({
9 | methods: methods
10 | })
11 |
12 | var that = this
13 | methods.forEach(function (method) {
14 | that[method] = function () {
15 | example[method](that.context)
16 | var actions = that.context.getActions()
17 |
18 | wx.drawCanvas({
19 | canvasId: 'canvas',
20 | actions: actions
21 | })
22 | }
23 | })
24 | },
25 | toTempFilePath: function () {
26 | wx.toTempFilePath({
27 | canvasId: 'canvas',
28 | success: function (res) {
29 | console.log(res)
30 | },
31 | fail: function (res) {
32 | console.log(res)
33 | }
34 | })
35 | }
36 | })
37 |
--------------------------------------------------------------------------------
/demo/page/API/canvas/canvas.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "创建画布"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/canvas/canvas.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/demo/page/API/canvas/canvas.wxss:
--------------------------------------------------------------------------------
1 | .page-body-wrapper {
2 | flex-grow: 1;
3 | }
4 | .canvas-element-wrapper {
5 | display: block;
6 | margin-bottom: 100rpx;
7 | }
8 | .canvas-element {
9 | width: 100%;
10 | height: 400rpx;
11 | }
12 | .canvas-buttons {
13 | padding: 50rpx 50rpx 10rpx;
14 | border-top: 1px solid #ccc;
15 | display: flex;
16 | flex-grow: 1;
17 | overflow-y: scroll;
18 | flex-direction: row;
19 | flex-wrap: wrap;
20 | width: 100%;
21 | height: 400rpx;
22 | box-sizing: border-box;
23 | }
24 | .canvas-button {
25 | font-size: 28rpx;
26 | width: 290rpx;
27 | margin: 20rpx auto;
28 | }
29 | .canvas-button-reset {
30 | width: 610rpx;
31 | margin: 20rpx auto;
32 | }
33 |
--------------------------------------------------------------------------------
/demo/page/API/canvas/example.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{method}}
4 | {{introduction}}
5 |
6 |
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/demo/page/API/common/footer.wxml:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
--------------------------------------------------------------------------------
/demo/page/API/common/header.wxml:
--------------------------------------------------------------------------------
1 |
2 |
6 |
7 |
--------------------------------------------------------------------------------
/demo/page/API/download-file/download-file.js:
--------------------------------------------------------------------------------
1 | Page({})
2 |
--------------------------------------------------------------------------------
/demo/page/API/download-file/download-file.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "下载文件"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/download-file/download-file.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | 搭建好自己的后台服务器后,可以将服务器上的图片视频等资源下载到手机上。
11 |
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/demo/page/API/download-file/download-file.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/API/download-file/download-file.wxss
--------------------------------------------------------------------------------
/demo/page/API/file/file.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "文件"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/file/file.wxss:
--------------------------------------------------------------------------------
1 | .image {
2 | width: 300rpx;
3 | height: 300rpx;
4 | }
5 | .image-plus {
6 | width: 150rpx;
7 | height: 150rpx;
8 | margin: 10rpx;
9 | border: 1px solid #999;
10 | position: relative;
11 | }
12 | .image-plus-horizontal {
13 | position: absolute;
14 | top: 50%;
15 | left: 50%;
16 | background-color: #d9d9d9;
17 | width: 4rpx;
18 | height: 80rpx;
19 | transform: translate(-50%, -50%);
20 | }
21 | .image-plus-vertical {
22 | position: absolute;
23 | top: 50%;
24 | left: 50%;
25 | background-color: #d9d9d9;
26 | width: 80rpx;
27 | height: 4rpx;
28 | transform: translate(-50%, -50%);
29 | }
30 | .page-body-info {
31 | height: 400rpx;
32 | padding-bottom: 50rpx;
33 | }
34 |
--------------------------------------------------------------------------------
/demo/page/API/get-location/format-location.js:
--------------------------------------------------------------------------------
1 | function formatLocation(longitude, latitude) {
2 | longitude = longitude.toFixed(2)
3 | latitude = latitude.toFixed(2)
4 |
5 | return {
6 | longitude: longitude.toString().split('.'),
7 | latitude: latitude.toString().split('.')
8 | }
9 | }
10 |
11 | module.exports = formatLocation
12 |
--------------------------------------------------------------------------------
/demo/page/API/get-location/get-location.js:
--------------------------------------------------------------------------------
1 | var formatLocation = require('./format-location.js')
2 |
3 | Page({
4 | data: {
5 | hasLocation: false,
6 | },
7 | getLocation: function () {
8 | var that = this
9 | wx.getLocation({
10 | success: function (res) {
11 | console.log(res)
12 | that.setData({
13 | hasLocation: true,
14 | location: formatLocation(res.longitude, res.latitude)
15 | })
16 | }
17 | })
18 | },
19 | clear: function () {
20 | this.setData({
21 | hasLocation: false
22 | })
23 | }
24 | })
25 |
--------------------------------------------------------------------------------
/demo/page/API/get-location/get-location.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "获取位置"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/get-location/get-location.wxss:
--------------------------------------------------------------------------------
1 | .page-body-info {
2 | height: 250rpx;
3 | }
4 | .page-body-text-small {
5 | font-size: 24rpx;
6 | color: #000;
7 | margin-bottom: 100rpx;
8 | }
9 | .page-body-text-location {
10 | display: flex;
11 | font-size: 50rpx;
12 | }
13 | .page-body-text-location text {
14 | margin: 10rpx;
15 | }
16 |
--------------------------------------------------------------------------------
/demo/page/API/get-network-type/get-network-type.js:
--------------------------------------------------------------------------------
1 | Page({
2 | data: {
3 | hasNetworkType: false
4 | },
5 | getNetworkType: function () {
6 | var that = this
7 | wx.getNetworkType({
8 | success: function (res) {
9 | console.log(res)
10 | that.setData({
11 | hasNetworkType: true,
12 | networkType: res.subtype || res.networkType
13 | })
14 | that.update()
15 | }
16 | })
17 | },
18 | clear: function () {
19 | this.setData({
20 | hasNetworkType: false,
21 | networkType: ''
22 | })
23 | }
24 | })
25 |
--------------------------------------------------------------------------------
/demo/page/API/get-network-type/get-network-type.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "获取手机网络状态"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/get-network-type/get-network-type.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | 网络状态
11 |
12 | 未获取
13 | 点击绿色按钮可获取网络状态
14 |
15 |
16 | {{networkType}}
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/demo/page/API/get-network-type/get-network-type.wxss:
--------------------------------------------------------------------------------
1 | .page-body-info {
2 | height: 200rpx;
3 | }
4 | .page-body-text-network-type {
5 | font-size: 80rpx;
6 | font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
7 | }
8 |
--------------------------------------------------------------------------------
/demo/page/API/get-system-info/get-system-info.js:
--------------------------------------------------------------------------------
1 | Page({
2 | data: {
3 | systemInfo: {}
4 | },
5 | getSystemInfo: function () {
6 | var that = this
7 | wx.getSystemInfo({
8 | success: function (res) {
9 | that.setData({
10 | systemInfo: res
11 | })
12 | that.update()
13 | }
14 | })
15 | }
16 | })
17 |
--------------------------------------------------------------------------------
/demo/page/API/get-system-info/get-system-info.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "获取手机系统信息"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/get-system-info/get-system-info.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/API/get-system-info/get-system-info.wxss
--------------------------------------------------------------------------------
/demo/page/API/get-user-info/get-user-info.js:
--------------------------------------------------------------------------------
1 | var app = getApp()
2 | Page({
3 | data: {
4 | hasUserInfo: false
5 | },
6 | getUserInfo: function () {
7 | var that = this
8 |
9 | if (app.globalData.hasLogin === false) {
10 | wx.login({
11 | success: _getUserInfo
12 | })
13 | } else {
14 | _getUserInfo()
15 | }
16 |
17 | function _getUserInfo() {
18 | wx.getUserInfo({
19 | success: function (res) {
20 | that.setData({
21 | hasUserInfo: true,
22 | userInfo: res.userInfo
23 | })
24 | that.update()
25 | }
26 | })
27 | }
28 | },
29 | clear: function () {
30 | this.setData({
31 | hasUserInfo: false,
32 | userInfo: {}
33 | })
34 | }
35 | })
36 |
--------------------------------------------------------------------------------
/demo/page/API/get-user-info/get-user-info.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "获取用户信息"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/get-user-info/get-user-info.wxss:
--------------------------------------------------------------------------------
1 | .page-body-info {
2 | height: 350rpx;
3 | }
4 | .userinfo-avatar {
5 | border-radius: 128rpx;
6 | width: 128rpx;
7 | height: 128rpx;
8 | }
9 | .userinfo-nickname {
10 | margin-top: 20rpx;
11 | font-size: 38rpx;
12 | }
13 |
--------------------------------------------------------------------------------
/demo/page/API/image/image.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "图片"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/image/image.wxss:
--------------------------------------------------------------------------------
1 | .images-wrapper {
2 | padding: 20rpx;
3 | background-color: #fff;
4 | margin-top: 20rpx;
5 | }
6 | .images-wrapper-text {
7 | font-size: 28rpx;
8 | }
9 | .images-list {
10 | display: flex;
11 | margin-top: 20rpx;
12 | flex-wrap: wrap;
13 | }
14 | .images-image {
15 | width: 150rpx;
16 | height: 150rpx;
17 | margin: 10rpx;
18 | }
19 | .image-plus {
20 | border: 1px solid #999;
21 | position: relative;
22 | }
23 | .image-plus-horizontal {
24 | position: absolute;
25 | top: 50%;
26 | left: 50%;
27 | background-color: #d9d9d9;
28 | width: 4rpx;
29 | height: 80rpx;
30 | transform: translate(-50%, -50%);
31 | }
32 | .image-plus-vertical {
33 | position: absolute;
34 | top: 50%;
35 | left: 50%;
36 | background-color: #d9d9d9;
37 | width: 80rpx;
38 | height: 4rpx;
39 | transform: translate(-50%, -50%);
40 | }
41 |
--------------------------------------------------------------------------------
/demo/page/API/index/index.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/API/login/login.js:
--------------------------------------------------------------------------------
1 | var app = getApp()
2 | Page({
3 | onLoad: function () {
4 | this.setData({
5 | hasLogin: app.globalData.hasLogin
6 | })
7 | },
8 | data: {},
9 | login: function () {
10 | var that = this
11 | wx.login({
12 | success: function (res) {
13 | app.globalData.hasLogin = true
14 | that.setData({
15 | hasLogin: true
16 | })
17 | that.update()
18 | }
19 | })
20 | }
21 | })
22 |
--------------------------------------------------------------------------------
/demo/page/API/login/login.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "微信登录"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/login/login.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | 已登录
11 | 每个微信号中仅需登录 1 次,后续每次进入页面即可根据微信 id 自动拉取用户信息
12 |
13 |
14 | 每个微信号中仅需登录一次
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/demo/page/API/login/login.wxss:
--------------------------------------------------------------------------------
1 | .page-body-wrapper {
2 | margin-top: 200rpx;
3 | display: flex;
4 | flex-direction: column;
5 | align-items: center;
6 | justify-content: center;
7 | width: 100%;
8 | padding: 0 50rpx;
9 | box-sizing: border-box;
10 | }
11 | .page-body-title {
12 | font-size: 60rpx;
13 | /*TODO 使用 rpx */
14 | line-height: 100px;
15 | }
16 | .page-body-text {
17 | color: #bbb;
18 | font-size: 28rpx;
19 | /*TODO 使用 rpx */
20 | line-height: 20px;
21 | margin: 0 0 100rpx 0;
22 | text-align: center;
23 | }
24 | .page-body-button {
25 | width: 100%;
26 | }
27 |
--------------------------------------------------------------------------------
/demo/page/API/navigation-bar-loading/navigation-bar-loading.js:
--------------------------------------------------------------------------------
1 | Page({
2 | showNavigationBarLoading: function () {
3 | wx.showNavigationBarLoading()
4 | },
5 | hideNavigationBarLoading: function () {
6 | wx.hideNavigationBarLoading()
7 | }
8 | })
9 |
--------------------------------------------------------------------------------
/demo/page/API/navigation-bar-loading/navigation-bar-loading.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "标题栏加载动画"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/navigation-bar-loading/navigation-bar-loading.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/demo/page/API/navigation-bar-loading/navigation-bar-loading.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/API/navigation-bar-loading/navigation-bar-loading.wxss
--------------------------------------------------------------------------------
/demo/page/API/navigator/navigator.js:
--------------------------------------------------------------------------------
1 | Page({
2 | navigateTo: function () {
3 | wx.navigateTo({ url: './navigator' })
4 | },
5 | navigateBack: function () {
6 | wx.navigateBack()
7 | },
8 | redirectTo: function () {
9 | wx.redirectTo({ url: './navigator' })
10 | }
11 | })
12 |
--------------------------------------------------------------------------------
/demo/page/API/navigator/navigator.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "页面跳转"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/navigator/navigator.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/demo/page/API/navigator/navigator.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/API/navigator/navigator.wxss
--------------------------------------------------------------------------------
/demo/page/API/on-accelerometer-change/on-accelerometer-change.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "监听重力感应数据"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/on-accelerometer-change/on-accelerometer-change.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 | 倾斜手机即可移动下方小球
10 |
11 |
12 |
13 |
14 |
15 | X: {{x}}
16 | Y: {{y}}
17 | Z: {{z}}
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/demo/page/API/on-accelerometer-change/on-accelerometer-change.wxss:
--------------------------------------------------------------------------------
1 | .page-body-xyz {
2 | display: flex;
3 | justify-content: space-around;
4 | width: 700rpx;
5 | margin-top: 50rpx;
6 | box-sizing: border-box;
7 | }
8 | .page-body-canvas {
9 | width: 302px;
10 | height: 302px;
11 | position: relative;
12 | }
13 | .page-body-ball {
14 | position: absolute;
15 | top: 0;
16 | left: 0;
17 | width: 302px;
18 | height: 302px;
19 | }
20 | .page-body-title {
21 | font-size: 50rpx;
22 | width: 250rpx;
23 | }
24 |
--------------------------------------------------------------------------------
/demo/page/API/on-compass-change/on-compass-change.js:
--------------------------------------------------------------------------------
1 | Page({
2 | data: {
3 | direction: 0
4 | },
5 | onReady: function () {
6 | var that = this
7 | wx.onCompassChange(function (res) {
8 | that.setData({
9 | direction: parseInt(res.direction)
10 | })
11 | })
12 | }
13 | })
14 |
--------------------------------------------------------------------------------
/demo/page/API/on-compass-change/on-compass-change.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "监听罗盘数据"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/on-compass-change/on-compass-change.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 | 旋转手机即可获取方位信息
10 |
11 | {{direction}}
12 | o
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/demo/page/API/on-compass-change/on-compass-change.wxss:
--------------------------------------------------------------------------------
1 | .direction {
2 | margin-top: 100rpx;
3 | display: flex;
4 | }
5 | .direction-value {
6 | font-size: 200rpx;
7 | }
8 | .direction-degree {
9 | font-size: 40rpx;
10 | }
11 |
--------------------------------------------------------------------------------
/demo/page/API/open-location/open-location.js:
--------------------------------------------------------------------------------
1 | Page({
2 | openLocation: function (e) {
3 | console.log(e)
4 | var value = e.detail.value
5 | console.log(value)
6 | wx.openLocation({
7 | longitude: Number(value.longitude),
8 | latitude: Number(value.latitude),
9 | name: value.name,
10 | address: value.address
11 | })
12 | }
13 | })
14 |
--------------------------------------------------------------------------------
/demo/page/API/open-location/open-location.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "查看位置"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/open-location/open-location.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/API/open-location/open-location.wxss
--------------------------------------------------------------------------------
/demo/page/API/pull-down-refresh/pull-down-refresh.js:
--------------------------------------------------------------------------------
1 | Page({
2 | onPullDownRefresh: function () {
3 | console.log('onPullDownRefresh', new Date())
4 | },
5 | stopPullDownRefresh: function () {
6 | wx.stopPullDownRefresh({
7 | complete: function (res) {
8 | console.log(res, new Date())
9 | }
10 | })
11 | }
12 | })
13 |
--------------------------------------------------------------------------------
/demo/page/API/pull-down-refresh/pull-down-refresh.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "下拉刷新",
3 | "enablePullDownRefresh": true
4 | }
5 |
--------------------------------------------------------------------------------
/demo/page/API/pull-down-refresh/pull-down-refresh.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | 下滑页面即可刷新
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/demo/page/API/pull-down-refresh/pull-down-refresh.wxss:
--------------------------------------------------------------------------------
1 | .page-body-info {
2 | background-color: transparent;
3 | }
4 | .page-body-buttons button {
5 | color: #21c932;
6 | margin: 0 100rpx;
7 | }
8 | .page-body-buttons button:after {
9 | border-color: #21c932;
10 | }
11 |
--------------------------------------------------------------------------------
/demo/page/API/request-payment/request-payment.js:
--------------------------------------------------------------------------------
1 | Page({
2 | })
3 |
--------------------------------------------------------------------------------
/demo/page/API/request-payment/request-payment.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "发起支付"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/request-payment/request-payment.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | 自主接入微信支付后,可以让用户在页面上快捷完成下单购买。
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/demo/page/API/request-payment/request-payment.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/API/request-payment/request-payment.wxss
--------------------------------------------------------------------------------
/demo/page/API/request/request.js:
--------------------------------------------------------------------------------
1 | Page({})
2 |
--------------------------------------------------------------------------------
/demo/page/API/request/request.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "网络请求"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/request/request.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | 搭建好自己的后台服务器后,可以跟服务器互通数据,为用户提供个性化服务。
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/demo/page/API/request/request.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/API/request/request.wxss
--------------------------------------------------------------------------------
/demo/page/API/set-navigation-bar-title/set-navigation-bar-title.js:
--------------------------------------------------------------------------------
1 | Page({
2 | setNaivgationBarTitle: function (e) {
3 | var title = e.detail.value.title
4 | console.log(title)
5 | wx.setNavigationBarTitle({
6 | title: title
7 | })
8 | }
9 | })
10 |
--------------------------------------------------------------------------------
/demo/page/API/set-navigation-bar-title/set-navigation-bar-title.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "设置页面标题"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/set-navigation-bar-title/set-navigation-bar-title.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/demo/page/API/set-navigation-bar-title/set-navigation-bar-title.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/API/set-navigation-bar-title/set-navigation-bar-title.wxss
--------------------------------------------------------------------------------
/demo/page/API/storage/storage.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "数据存储"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/storage/storage.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/API/storage/storage.wxss
--------------------------------------------------------------------------------
/demo/page/API/upload-file/upload-file.js:
--------------------------------------------------------------------------------
1 | Page({})
2 |
--------------------------------------------------------------------------------
/demo/page/API/upload-file/upload-file.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "上传文件"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/upload-file/upload-file.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | 搭建好自己的后台服务器后,可以将手机上的图片视频等资源上传到服务器上。
11 |
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/demo/page/API/upload-file/upload-file.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/API/upload-file/upload-file.wxss
--------------------------------------------------------------------------------
/demo/page/API/video/video.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "拍摄/选择视频"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/video/video.wxss:
--------------------------------------------------------------------------------
1 | .page-body-wrapper {
2 | flex-grow: 1;
3 | }
4 | .page-body-info {
5 | margin: 0;
6 | margin-top: 40rpx;
7 | padding-top: 40rpx;
8 | flex-grow: 1;
9 | }
10 | .image-plus {
11 | margin-top: 150rpx;
12 | width: 150rpx;
13 | height: 150rpx;
14 | border: 1px solid #999;
15 | position: relative;
16 | }
17 | .image-plus-horizontal {
18 | position: absolute;
19 | top: 50%;
20 | left: 50%;
21 | background-color: #d9d9d9;
22 | width: 4rpx;
23 | height: 80rpx;
24 | transform: translate(-50%, -50%);
25 | }
26 | .image-plus-vertical {
27 | position: absolute;
28 | top: 50%;
29 | left: 50%;
30 | background-color: #d9d9d9;
31 | width: 80rpx;
32 | height: 4rpx;
33 | transform: translate(-50%, -50%);
34 | }
35 |
36 |
--------------------------------------------------------------------------------
/demo/page/API/voice/voice.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "录音"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/voice/voice.wxss:
--------------------------------------------------------------------------------
1 | .page-body-wrapper {
2 | justify-content: space-between;
3 | flex-grow: 1;
4 | margin-bottom: 300rpx;
5 | }
6 | .page-body-time {
7 | display: flex;
8 | flex-direction: column;
9 | align-items: center;
10 | }
11 | .time-big {
12 | font-size: 60rpx;
13 | margin: 20rpx;
14 | }
15 | .time-small {
16 | font-size: 30rpx;
17 | }
18 |
19 | .page-body-buttons {
20 | display: flex;
21 | justify-content: space-around;
22 | }
23 | .page-body-button {
24 | width: 250rpx;
25 | text-align: center;
26 | }
27 | .button-stop-record {
28 | width: 110rpx;
29 | height: 110rpx;
30 | border: 20rpx solid #fff;
31 | background-color: #f55c23;
32 | border-radius: 130rpx;
33 | margin: 0 auto;
34 | }
35 |
--------------------------------------------------------------------------------
/demo/page/API/web-socket/web-socket.js:
--------------------------------------------------------------------------------
1 | Page({})
2 |
--------------------------------------------------------------------------------
/demo/page/API/web-socket/web-socket.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "Web Socket"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/API/web-socket/web-socket.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | 搭建好自己的后台服务器后,可以跟服务器建立持久连接,实现即时聊天等功能。
11 |
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/demo/page/API/web-socket/web-socket.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/API/web-socket/web-socket.wxss
--------------------------------------------------------------------------------
/demo/page/component/component-pages/action-sheet/action-sheet.js:
--------------------------------------------------------------------------------
1 | var items = ['item1', 'item2', 'item3', 'item4']
2 | var pageObject = {
3 | data: {
4 | actionSheetHidden: true,
5 | actionSheetItems: items
6 | },
7 | actionSheetTap: function(e) {
8 | this.setData({
9 | actionSheetHidden: !this.data.actionSheetHidden
10 | })
11 | },
12 | actionSheetChange: function(e) {
13 | this.setData({
14 | actionSheetHidden: !this.data.actionSheetHidden
15 | })
16 | }
17 | }
18 |
19 | for (var i = 0; i < items.length; ++i) {
20 | (function(itemName) {
21 | pageObject['bind' + itemName] = function(e) {
22 | console.log('click' + itemName, e)
23 | }
24 | })(items[i])
25 | }
26 |
27 | Page(pageObject)
28 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/action-sheet/action-sheet.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/action-sheet/action-sheet.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | action-sheet
4 | action-sheet
5 |
6 |
7 |
8 |
9 |
10 |
11 | {{item}}
12 |
13 | 取消
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/action-sheet/action-sheet.wxss:
--------------------------------------------------------------------------------
1 | /*
2 | .cancel {
3 | color: white;
4 | background: #303F9F;
5 | }
6 | .item {
7 | color: black;
8 | background: #C5CAE9;
9 | }*/
10 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/audio/audio.js:
--------------------------------------------------------------------------------
1 | Page({
2 | data: {
3 | current: {
4 | poster: 'http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000',
5 | name: '此时此刻',
6 | author: '许巍',
7 | src: 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46',
8 | },
9 | audioAction: {
10 | method: 'pause'
11 | }
12 | }
13 | })
14 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/audio/audio.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/audio/audio.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | audio
4 | 音频
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/audio/audio.wxss:
--------------------------------------------------------------------------------
1 | /* page/component/component-pages/audio/audio.wxss */
--------------------------------------------------------------------------------
/demo/page/component/component-pages/button/button.js:
--------------------------------------------------------------------------------
1 | var types = ['default', 'primary', 'warn']
2 | var pageObject = {
3 | data: {
4 | defaultSize: 'default',
5 | primarySize: 'default',
6 | warnSize: 'default',
7 | disabled: false,
8 | plain: false,
9 | loading: false
10 | },
11 | setDisabled: function(e) {
12 | this.setData({
13 | disabled: !this.data.disabled
14 | })
15 | },
16 | setPlain: function(e) {
17 | this.setData({
18 | plain: !this.data.plain
19 | })
20 | },
21 | setLoading: function(e) {
22 | this.setData({
23 | loading: !this.data.loading
24 | })
25 | }
26 | }
27 |
28 | for (var i = 0; i < types.length; ++i) {
29 | (function(type) {
30 | pageObject[type] = function(e) {
31 | var key = type + 'Size'
32 | var changedData = {}
33 | changedData[key] =
34 | this.data[key] === 'default' ? 'mini' : 'default'
35 | this.setData(changedData)
36 | }
37 | })(types[i])
38 | }
39 |
40 | Page(pageObject)
41 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/button/button.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/button/button.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/component/component-pages/button/button.wxss
--------------------------------------------------------------------------------
/demo/page/component/component-pages/canvas/canvas.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "画布"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/canvas/canvas.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | canvas
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/canvas/canvas.wxss:
--------------------------------------------------------------------------------
1 | page{
2 | height: 3000px;
3 | }
4 | .canvas {
5 | width: 305px;
6 | height: 305px;
7 | background-color: #fff;
8 | }
9 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/checkbox/checkbox.js:
--------------------------------------------------------------------------------
1 | Page({
2 | data: {
3 | items: [
4 | {name: 'USA', value: '美国'},
5 | {name: 'CHN', value: '中国', checked: 'true'},
6 | {name: 'BRA', value: '巴西'},
7 | {name: 'JPN', value: '日本'},
8 | {name: 'ENG', value: '英国'},
9 | {name: 'FRA', value: '法国'},
10 | ]
11 | },
12 | checkboxChange: function(e) {
13 | console.log('checkbox发生change事件,携带value值为:', e.detail.value)
14 | }
15 | })
16 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/checkbox/checkbox.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/checkbox/checkbox.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | checkbox
4 | 多选框
5 |
6 |
7 |
8 |
9 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/checkbox/checkbox.wxss:
--------------------------------------------------------------------------------
1 | .checkbox{
2 | display: block;
3 | margin-bottom: 20rpx;
4 | }
5 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/event/event.js:
--------------------------------------------------------------------------------
1 | // page/component/component-pages/event/event.js
2 | Page({
3 | data:{},
4 | onLoad:function(options){
5 | // 页面初始化 options为页面跳转所带来的参数
6 | },
7 | tapme: function(e){
8 |
9 | // 测试结果target是view2(冒泡原理,触发事件源组件) , currentTarget是view1(事件绑定的当前组件)
10 | // 参考:http://www.jb51.net/article/42492.htm
11 | console.log('target:', e.target.dataset, 'currentTarget:', e.currentTarget.dataset)
12 | }
13 | })
--------------------------------------------------------------------------------
/demo/page/component/component-pages/event/event.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/event/event.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 测试target和currentTarget不同 | 点击我
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/event/event.wxss:
--------------------------------------------------------------------------------
1 | /* page/component/component-pages/event/event.wxss */
--------------------------------------------------------------------------------
/demo/page/component/component-pages/form/form.js:
--------------------------------------------------------------------------------
1 | Page({
2 | data: {
3 | pickerHidden: true,
4 | chosen: ''
5 | },
6 | pickerConfirm: function(e) {
7 | this.setData({
8 | pickerHidden: true
9 | })
10 | this.setData({
11 | chosen: e.detail.value
12 | })
13 | },
14 | pickerCancel: function(e) {
15 | this.setData({
16 | pickerHidden: true
17 | })
18 | },
19 | pickerShow: function(e) {
20 | this.setData({
21 | pickerHidden: false
22 | })
23 | },
24 | formSubmit: function(e) {
25 | console.log('form发生了submit事件,携带数据为:', e.detail.value)
26 | },
27 | formReset: function(e) {
28 | console.log('form发生了reset事件,携带数据为:', e.detail.value)
29 | this.setData({
30 | chosen: ''
31 | })
32 | }
33 | })
34 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/form/form.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/form/form.wxss:
--------------------------------------------------------------------------------
1 | wx-button {
2 | margin-top: 20rpx;
3 | margin-bottom: 20rpx;
4 | }
5 | wx-label {
6 | display: block;
7 | margin-top: 10rpx;
8 | }
9 | .picker-text {
10 | margin-left: 20rpx;
11 | position: relative;
12 | }
13 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/icon/icon.js:
--------------------------------------------------------------------------------
1 | Page({
2 | data: {
3 | iconSize: [20, 30, 40, 50, 60, 70],
4 | iconColor: [
5 | 'red', 'orange', 'yellow', 'green', 'rgb(0,255,255)', 'blue', 'purple'
6 | ],
7 | iconType: [
8 | 'success', 'info', 'warn', 'waiting', 'safe_success', 'safe_warn',
9 | 'success_circle', 'success_no_circle', 'waiting_circle', 'circle', 'download',
10 | 'info_circle', 'cancel', 'search', 'clear'
11 | ]
12 | }
13 | })
14 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/icon/icon.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/icon/icon.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | icon
4 | icon图标
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/icon/icon.wxss:
--------------------------------------------------------------------------------
1 | .group{
2 | flex-direction: row;
3 | align-items: center;
4 | }
5 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/image/image.js:
--------------------------------------------------------------------------------
1 | Page({
2 | })
3 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/image/image.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/image/image.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | image
4 | 图片
5 |
6 |
7 |
8 | local image
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 | internet image
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/image/image.wxss:
--------------------------------------------------------------------------------
1 | .section__ctn{
2 | text-align: center;
3 | }
4 | .image{
5 | width: 150rpx;
6 | height: 408rpx;
7 | }
--------------------------------------------------------------------------------
/demo/page/component/component-pages/input/input.js:
--------------------------------------------------------------------------------
1 | Page({
2 | data: {
3 | focus: false,
4 | inputValue: ''
5 | },
6 | bindButtonTap: function() {
7 | this.setData({
8 | focus: true
9 | })
10 | },
11 | bindKeyInput: function(e) {
12 | this.setData({
13 | inputValue: e.detail.value
14 | })
15 | },
16 | bindReplaceInput: function(e) {
17 | var value = e.detail.value
18 | var pos = e.detail.cursor
19 | if(pos != -1){
20 | // 光标在中间
21 | var left = e.detail.value.slice(0,pos)
22 | // 计算光标的位置
23 | pos = left.replace(/11/g,'2').length
24 | }
25 |
26 | // 直接返回对象,可以对输入进行过滤处理,同时可以控制光标的位置
27 | return {
28 | value: value.replace(/11/g,'2'),
29 | cursor: pos
30 | }
31 |
32 | // 或者直接返回字符串,光标在最后边
33 | // return value.replace(/11/g,'2'),
34 | },
35 | bindHideKeyboard: function(e) {
36 | if (e.detail.value === "123") {
37 | //收起键盘
38 | wx.hideKeyboard()
39 | }
40 | }
41 | })
42 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/input/input.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/input/input.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/component/component-pages/input/input.wxss
--------------------------------------------------------------------------------
/demo/page/component/component-pages/label/label.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/label/label.wxss:
--------------------------------------------------------------------------------
1 | .label-1, .label-2{
2 | margin-bottom: 30rpx;
3 | }
4 |
5 | .label-4_text{
6 | text-align: center;
7 | margin-top: 30rpx;
8 | }
9 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/loading/loading.js:
--------------------------------------------------------------------------------
1 | Page({
2 | data: {
3 | hidden: true
4 | },
5 | loadingChange: function() {
6 | this.setData({
7 | hidden: true
8 | })
9 | },
10 | loadingTap: function() {
11 | this.setData({
12 | hidden: false
13 | })
14 |
15 | var that = this
16 | setTimeout(function() {
17 | that.setData({
18 | hidden: true
19 | })
20 | }, 1500)
21 | }
22 | })
23 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/loading/loading.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/loading/loading.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | loading
4 | loading提示
5 |
6 |
7 |
8 |
9 |
10 | 加载中...
11 |
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/loading/loading.wxss:
--------------------------------------------------------------------------------
1 | /* page/component/component-pages/loading/loading.wxss */
--------------------------------------------------------------------------------
/demo/page/component/component-pages/map/map.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "地图"
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/map/map.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | map
4 |
5 |
6 |
7 |
21 |
22 |
23 |
24 |
28 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/map/map.wxss:
--------------------------------------------------------------------------------
1 | /* page/component/component-pages/map/map.wxss */
--------------------------------------------------------------------------------
/demo/page/component/component-pages/modal/modal.js:
--------------------------------------------------------------------------------
1 | Page({
2 | data: {
3 | modalHidden: true,
4 | modalHidden2: true
5 | },
6 | modalTap: function(e) {
7 | this.setData({
8 | modalHidden: false
9 | })
10 | },
11 | modalChange: function(e) {
12 | this.setData({
13 | modalHidden: true
14 | })
15 | },
16 | modalTap2: function(e) {
17 | this.setData({
18 | modalHidden2: false
19 | })
20 | },
21 | modalChange2: function(e) {
22 | this.setData({
23 | modalHidden2: true
24 | })
25 | },
26 | })
27 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/modal/modal.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/modal/modal.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | modal
4 | 模式对话框
5 |
6 |
7 |
8 | 这是对话框的内容。
9 |
10 |
11 |
12 | 没有标题没有取消的对话框
13 | 内容可以插入节点
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/modal/modal.wxss:
--------------------------------------------------------------------------------
1 | /* page/component/component-pages/modal/modal.wxss */
--------------------------------------------------------------------------------
/demo/page/component/component-pages/navigator/navigate.js:
--------------------------------------------------------------------------------
1 | Page({
2 | onLoad: function(options) {
3 | console.log(options)
4 | this.setData({
5 | title: options.title
6 | })
7 | }
8 | })
9 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/navigator/navigate.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/navigator/navigate.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | 新建的页面
4 | 这是新建的页面,点击左上角返回回到之前页面
5 |
6 |
7 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/navigator/navigate.wxss:
--------------------------------------------------------------------------------
1 | /* page/component/component-pages/navigator/navigate.wxss */
--------------------------------------------------------------------------------
/demo/page/component/component-pages/navigator/navigator.js:
--------------------------------------------------------------------------------
1 | Page({})
--------------------------------------------------------------------------------
/demo/page/component/component-pages/navigator/navigator.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/navigator/navigator.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | navigator
4 | 导航栏
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/navigator/navigator.wxss:
--------------------------------------------------------------------------------
1 | .navigator-hover button{
2 | background-color:blue;
3 | }
4 | .other-navigator-hover button{
5 | background-color:red;
6 | }
7 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/navigator/redirect.js:
--------------------------------------------------------------------------------
1 | Page({
2 | onLoad: function(options) {
3 | console.log(options)
4 | this.setData({
5 | title: options.title
6 | })
7 | }
8 | })
9 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/navigator/redirect.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/navigator/redirect.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | 当前页
4 | 这是当前页,点击左上角返回回到上级菜单
5 |
6 |
7 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/navigator/redirect.wxss:
--------------------------------------------------------------------------------
1 | /* page/component/component-pages/navigator/redirect.wxss */
--------------------------------------------------------------------------------
/demo/page/component/component-pages/picker/picker.js:
--------------------------------------------------------------------------------
1 | Page({
2 | data: {
3 | array: ['中国', '美国', '巴西', '日本'],
4 | index: 0,
5 | date: '2016-09-01',
6 | time: '12:01'
7 | },
8 | bindPickerChange: function(e) {
9 | console.log('picker发送选择改变,携带值为', e.detail.value)
10 | this.setData({
11 | index: e.detail.value
12 | })
13 | },
14 | bindDateChange: function(e) {
15 | this.setData({
16 | date: e.detail.value
17 | })
18 | },
19 | bindTimeChange: function(e) {
20 | this.setData({
21 | time: e.detail.value
22 | })
23 | }
24 | })
25 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/picker/picker.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/picker/picker.wxss:
--------------------------------------------------------------------------------
1 | .picker{
2 | padding: 26rpx;
3 | background-color: #FFFFFF;
4 | }
5 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/progress/progress.js:
--------------------------------------------------------------------------------
1 | Page({})
2 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/progress/progress.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/progress/progress.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | progress
4 | 进度条
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/progress/progress.wxss:
--------------------------------------------------------------------------------
1 | progress{
2 | margin-bottom: 60rpx;
3 | }
4 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/radio/radio.js:
--------------------------------------------------------------------------------
1 | Page({
2 | data: {
3 | items: [
4 | {name: 'USA', value: '美国'},
5 | {name: 'CHN', value: '中国', checked: 'true'},
6 | {name: 'BRA', value: '巴西'},
7 | {name: 'JPN', value: '日本'},
8 | {name: 'ENG', value: '英国'},
9 | {name: 'FRA', value: '法国'},
10 | ]
11 | },
12 | radioChange: function(e) {
13 | console.log('radio发生change事件,携带value值为:', e.detail.value)
14 | }
15 | })
16 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/radio/radio.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/radio/radio.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | radio
4 | 单选框
5 |
6 |
7 |
8 |
9 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/radio/radio.wxss:
--------------------------------------------------------------------------------
1 | .radio {
2 | display: block;
3 | margin-bottom: 20rpx;
4 | }
5 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/scroll-view/scroll-view.js:
--------------------------------------------------------------------------------
1 | var order = ['green', 'red', 'yellow', 'blue', 'green']
2 | Page({
3 | data: {
4 | toView: 'green'
5 | },
6 | upper: function(e) {
7 | console.log(e)
8 | },
9 | lower: function(e) {
10 | console.log(e)
11 | },
12 | scroll: function(e) {
13 | console.log(e)
14 | },
15 | scrollToTop: function(e) {
16 | this.setAction({
17 | scrollTop: 0
18 | })
19 | },
20 | tap: function(e) {
21 | for (var i = 0; i < order.length; ++i) {
22 | if (order[i] === this.data.toView) {
23 | this.setData({
24 | toView: order[i + 1],
25 | scrollTop: (i + 1) * 200
26 | })
27 | break
28 | }
29 | }
30 | },
31 | tapMove: function(e) {
32 | this.setData({
33 | scrollTop: this.data.scrollTop + 10
34 | })
35 | }
36 | })
37 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/scroll-view/scroll-view.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/scroll-view/scroll-view.wxss:
--------------------------------------------------------------------------------
1 | .scroll-view_H{
2 | white-space: nowrap;
3 | }
4 | .scroll-view-item{
5 | height: 200px;
6 | }
7 | .scroll-view-item_H{
8 | display: inline-block;
9 | width: 100%;
10 | height: 200px;
11 | }
12 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/slide-tab/slide-tab.js:
--------------------------------------------------------------------------------
1 | Page({
2 | data: {
3 | texts: [
4 | '这是第1个tab\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n嘻嘻,到底了',
5 | '这是第2个tab\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n嘻嘻,到底了',
6 | '这是第3个tab\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n嘻嘻,到底了'
7 | ]
8 | },
9 | tabchange: function(e){
10 | console.log('现在跳转到了第 ' + e.detail.current + ' 个tab')
11 | }
12 | })
13 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/slide-tab/slide-tab.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/slide-tab/slide-tab.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | slide-tab
4 | slide-tab
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 | {{item}}
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/slide-tab/slide-tab.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/component/component-pages/slide-tab/slide-tab.wxss
--------------------------------------------------------------------------------
/demo/page/component/component-pages/slider/slider.js:
--------------------------------------------------------------------------------
1 | var pageData = {}
2 | for (var i = 1; i < 5; ++i) {
3 | (function (index) {
4 | pageData['slider' + index + 'change'] = function(e) {
5 | console.log('slider' + index + '发生change事件,携带值为', e.detail.value)
6 | }
7 | })(i)
8 | }
9 | Page(pageData)
10 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/slider/slider.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/slider/slider.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | slider
4 | 滑块
5 |
6 |
7 |
8 | 设置step
9 |
10 |
11 |
12 |
13 |
14 |
15 | 显示当前value
16 |
17 |
18 |
19 |
20 |
21 |
22 | 设置最小/最大值
23 |
24 |
25 |
26 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/slider/slider.wxss:
--------------------------------------------------------------------------------
1 | /* page/component/component-pages/slider/slider.wxss */
--------------------------------------------------------------------------------
/demo/page/component/component-pages/swiper/swiper.js:
--------------------------------------------------------------------------------
1 | Page({
2 | data: {
3 | background: ['green', 'red', 'yellow'],
4 | indicatorDots: true,
5 | vertical: false,
6 | autoplay: false,
7 | interval: 3000,
8 | duration: 1200
9 | },
10 | changeIndicatorDots: function (e) {
11 | this.setData({
12 | indicatorDots: !this.data.indicatorDots
13 | })
14 | },
15 | changeVertical: function (e) {
16 | this.setData({
17 | vertical: !this.data.vertical
18 | })
19 | },
20 | changeAutoplay: function (e) {
21 | this.setData({
22 | autoplay: !this.data.autoplay
23 | })
24 | },
25 | intervalChange: function (e) {
26 | this.setData({
27 | interval: e.detail.value
28 | })
29 | },
30 | durationChange: function (e) {
31 | this.setData({
32 | duration: e.detail.value
33 | })
34 | }
35 | })
36 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/swiper/swiper.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/swiper/swiper.wxss:
--------------------------------------------------------------------------------
1 | .swiper-item{
2 | display: block;
3 | height: 150px;
4 | }
5 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/switch/switch.js:
--------------------------------------------------------------------------------
1 | Page({
2 | switch1Change: function (e){
3 | console.log('switch1 发生 change 事件,携带值为', e.detail.value)
4 | },
5 | switch2Change: function (e){
6 | console.log('switch2 发生 change 事件,携带值为', e.detail.value)
7 | }
8 | })
9 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/switch/switch.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/switch/switch.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | switch
4 | 开关
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/switch/switch.wxss:
--------------------------------------------------------------------------------
1 | /* page/component/component-pages/switch/switch.wxss */
--------------------------------------------------------------------------------
/demo/page/component/component-pages/text/text.js:
--------------------------------------------------------------------------------
1 | var initText = 'this is first line\nthis is second line'
2 |
3 | Page({
4 | data: {
5 | text: initText
6 | },
7 | extraLine: [],
8 | add: function(e) {
9 | this.extraLine.push('other line')
10 | this.setData({
11 | text: initText + '\n' + this.extraLine.join('\n')
12 | })
13 | },
14 | remove: function(e) {
15 | if (this.extraLine.length > 0) {
16 | this.extraLine.pop()
17 | this.setData({
18 | text: initText + '\n' + this.extraLine.join('\n')
19 | })
20 | }
21 | }
22 | })
23 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/text/text.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/text/text.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | text
4 | 文字标签
5 |
6 |
7 |
8 |
9 | {{text}}
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/text/text.wxss:
--------------------------------------------------------------------------------
1 | /* page/component/component-pages/text/text.wxss */
--------------------------------------------------------------------------------
/demo/page/component/component-pages/toast/toast.js:
--------------------------------------------------------------------------------
1 | var toastNum = 2
2 | var pageData = {}
3 | pageData.data = {}
4 | for(var i = 0; i <= toastNum; ++i) {
5 | pageData.data['toast'+i+'Hidden'] = true
6 | ;(function (index) {
7 | pageData['toast'+index+'Change'] = function(e) {
8 | var obj = {}
9 | obj['toast'+index+'Hidden'] = true
10 | this.setData(obj)
11 | }
12 | pageData['toast'+index+'Tap'] = function(e) {
13 | var obj = {}
14 | obj['toast'+index+'Hidden'] = false
15 | this.setData(obj)
16 | }
17 | })(i)
18 | }
19 |
20 | Page(pageData)
21 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/toast/toast.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/toast/toast.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | toast
4 | toast提示
5 |
6 |
7 |
8 |
9 |
10 | 默认
11 |
12 |
13 |
14 |
15 |
16 | 设置duration
17 |
18 |
19 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/toast/toast.wxss:
--------------------------------------------------------------------------------
1 | /* page/component/component-pages/toast/toast.wxss */
--------------------------------------------------------------------------------
/demo/page/component/component-pages/video/video.js:
--------------------------------------------------------------------------------
1 | Page({
2 | data:{
3 | src: "http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400"
4 | }
5 | })
6 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/video/video.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/video/video.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | video
4 | 视频
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/video/video.wxss:
--------------------------------------------------------------------------------
1 | /* page/component/component-pages/video/video.wxss */
--------------------------------------------------------------------------------
/demo/page/component/component-pages/view/view.js:
--------------------------------------------------------------------------------
1 | Page({})
2 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/view/view.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/component-pages/view/view.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | view
4 | 弹性框模型分为弹性容器以及弹性项目。当组件的display为flex或inline-flex时,该组件则为弹性容器,弹性容器的子组件为弹性项目。
5 |
6 |
7 |
8 | flex-direction: row
9 |
10 | 1
11 | 2
12 | 3
13 |
14 |
15 |
16 | flex-direction: column
17 |
18 | 1
19 | 2
20 | 3
21 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/demo/page/component/component-pages/view/view.wxss:
--------------------------------------------------------------------------------
1 | .flex-wrp{
2 | height: 100px;
3 | display:flex;
4 | background-color: #FFFFFF;
5 | }
6 | .flex-item{
7 | width: 100px;
8 | height: 100px;
9 | color: #FFFFFF;
10 | display: flex;
11 | justify-content: center;
12 | align-items: center;
13 | }
14 |
--------------------------------------------------------------------------------
/demo/page/component/index.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/demo/page/component/resources/kind/canvas.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/component/resources/kind/canvas.png
--------------------------------------------------------------------------------
/demo/page/component/resources/kind/content.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/component/resources/kind/content.png
--------------------------------------------------------------------------------
/demo/page/component/resources/kind/form.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/component/resources/kind/form.png
--------------------------------------------------------------------------------
/demo/page/component/resources/kind/interact.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/component/resources/kind/interact.png
--------------------------------------------------------------------------------
/demo/page/component/resources/kind/map.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/component/resources/kind/map.png
--------------------------------------------------------------------------------
/demo/page/component/resources/kind/media.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/component/resources/kind/media.png
--------------------------------------------------------------------------------
/demo/page/component/resources/kind/nav.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/component/resources/kind/nav.png
--------------------------------------------------------------------------------
/demo/page/component/resources/kind/view.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/component/resources/kind/view.png
--------------------------------------------------------------------------------
/demo/page/component/resources/pic/1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/component/resources/pic/1.jpg
--------------------------------------------------------------------------------
/demo/page/component/resources/pic/2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/demo/page/component/resources/pic/2.jpg
--------------------------------------------------------------------------------
/demo/util/util.js:
--------------------------------------------------------------------------------
1 | function formatTime(time) {
2 | if (typeof time !== 'number' || time < 0) {
3 | return time
4 | }
5 |
6 | var hour = parseInt(time / 3600)
7 | time = time % 3600
8 | var minute = parseInt(time / 60)
9 | time = time % 60
10 | var second = time
11 |
12 | return ([hour, minute, second]).map(function (n) {
13 | n = n.toString()
14 | return n[1] ? n : '0' + n
15 | }).join(':')
16 | }
17 |
18 | module.exports = {
19 | formatTime: formatTime
20 | }
21 |
--------------------------------------------------------------------------------
/drop-down-menu/city-select/README.md:
--------------------------------------------------------------------------------
1 | # 微信小程序-省市区联动选择器
2 |
3 | ### 说明:
4 |
5 | 实现省市区三级联动选择。
6 |
7 | ### 数据接口:
8 |
9 | - https://api.getweapp.com/vendor/zto/baseArea
10 |
11 | ### 目录结构:
12 |
13 | - utils — 存放项目公共库文件
14 | - selectarea — 存放级联组件文件
15 | - pages — 存放项目页面文件
16 |
17 | ### 开发环境:
18 |
19 | 微信web开发者工具 v0.11.112301
20 |
21 | ### 项目截图:
22 |
23 | https://www.getweapp.com/project?projectId=5847e2e8e8ff074c22472f65
24 |
25 | ### 感谢:
26 |
27 | 本项目原始版本由treadpit提供:https://github.com/treadpit/wx_selectArea
28 |
--------------------------------------------------------------------------------
/drop-down-menu/city-select/app.js:
--------------------------------------------------------------------------------
1 | //app.js
2 | App({
3 | onLaunch: function () {
4 | //调用API从本地缓存中获取数据
5 | var logs = wx.getStorageSync('logs') || []
6 | logs.unshift(Date.now())
7 | wx.setStorageSync('logs', logs)
8 | },
9 | getUserInfo:function(cb){
10 | var that = this
11 | if(this.globalData.userInfo){
12 | typeof cb == "function" && cb(this.globalData.userInfo)
13 | }else{
14 | //调用登录接口
15 | wx.login({
16 | success: function () {
17 | wx.getUserInfo({
18 | success: function (res) {
19 | that.globalData.userInfo = res.userInfo
20 | typeof cb == "function" && cb(that.globalData.userInfo)
21 | }
22 | })
23 | }
24 | })
25 | }
26 | },
27 | globalData:{
28 | userInfo:null
29 | }
30 | })
--------------------------------------------------------------------------------
/drop-down-menu/city-select/app.json:
--------------------------------------------------------------------------------
1 | {
2 | "pages":[
3 | "pages/test/test"
4 | ],
5 | "window":{
6 | "backgroundTextStyle":"light",
7 | "navigationBarBackgroundColor": "#46c",
8 | "navigationBarTitleText": "省市区联动选择器",
9 | "navigationBarTextStyle":"light"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/drop-down-menu/city-select/pages/test/test.js:
--------------------------------------------------------------------------------
1 | import { SA } from '../../selectarea/selectarea';
2 | const conf = {
3 | data: {
4 |
5 | },
6 | onLoad: function (options) {
7 | SA.load(this); // 初始化区域框
8 | },
9 | choosearea() { // 页面弹框触发事件
10 | SA.choosearea(this);
11 | },
12 | addDot() { // 字符串截取
13 | SA.addDot(this);
14 | },
15 | tapProvince(e) { // 点击省份
16 | SA.tapProvince(e, this);
17 | },
18 | tapCity(e) { // 点击城市
19 | SA.tapCity(e, this);
20 | },
21 | tapDistrict(e) { // 点击区域
22 | SA.tapDistrict(e, this);
23 | },
24 | cancel() { // 取消选择
25 | SA.cancel(this);
26 | },
27 | confirm(e) { // 确认选择区域
28 | SA.confirm(e, this);
29 | }
30 | }
31 |
32 | Page(conf);
--------------------------------------------------------------------------------
/drop-down-menu/city-select/pages/test/test.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/drop-down-menu/city-select/pages/test/test.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{address||'您尚未选择送货地址哟'}}
4 |
5 |
6 |
--------------------------------------------------------------------------------
/drop-down-menu/city-select/pages/test/test.wxss:
--------------------------------------------------------------------------------
1 | @import "../../selectarea/selectarea.wxss";
2 | button {
3 | margin: 30px;
4 | background-color:#46c !important;
5 | }
6 | .txt {
7 | text-align: center;
8 | }
--------------------------------------------------------------------------------
/drop-down-menu/city-select/selectarea/selectarea.wxss:
--------------------------------------------------------------------------------
1 | .shade {
2 | background-color: #ccc;
3 | opacity: .6;
4 | position: absolute;
5 | display: none;
6 | left: 0;
7 | top: 0;
8 | width: 100%;
9 | height: 100%;
10 | }
11 | .show {
12 | display: block;
13 | }
14 | .handle-bar {
15 | padding: 0 15px;
16 | height: 80rpx;
17 | background-color: #eee;
18 | }
19 | .confirm {
20 | text-align: right
21 | }
22 | .selector-area {
23 | height: 600rpx;
24 | width: 100%;
25 | background-color: #e6ebf3;
26 | position: absolute;
27 | bottom: 0;
28 | }
29 | .selector {
30 | text-align: center
31 | }
32 | .picker {
33 | font-size: 32rpx;
34 | height: 60rpx;
35 | line-height: 60rpx;
36 | }
37 | .actived {
38 | color: blue
39 | }
40 | .area-selector {
41 | height: 520rpx;
42 | }
43 | .white-shade {
44 | position: absolute;
45 | width: 100%;
46 | height: 60rpx;
47 | background-color: #fff;
48 | left: 0;
49 | margin-top: 240rpx;
50 | }
--------------------------------------------------------------------------------
/drop-down-menu/city-select/utils/util.js:
--------------------------------------------------------------------------------
1 | import _Promise from 'bluebird';
2 |
3 | /**
4 | * @param {Function} fun 接口
5 | * @param {Object} options 接口参数
6 | * @returns {Promise} Promise对象
7 | */
8 | function Promise (fun, options) {
9 | options = options || {};
10 | return new _Promise((resolve, reject) => {
11 | if (typeof fun !== 'function')
12 | reject();
13 | options.success = resolve;
14 | options.fail = reject;
15 | fun(options);
16 | });
17 | }
18 |
19 | module.exports = {
20 | Promise: Promise
21 | }
22 |
--------------------------------------------------------------------------------
/drop-down-menu/menu-filter/README.md:
--------------------------------------------------------------------------------
1 | # 微信小程序-级联筛选
2 |
3 | ### 说明:
4 |
5 | 实现级联筛选,包括下拉刷新,下拉加载,返回顶部按钮等。
6 |
7 | ### 数据接口:
8 |
9 | 使用本地数据
10 |
11 | ### 目录结构:
12 |
13 | - pages — 存放项目页面文件
14 |
15 | ### 开发环境:
16 |
17 | 微信web开发者工具 v0.11.112301
18 |
19 | ### 项目截图:
20 |
21 | https://www.getweapp.com/project?projectId=58481197e8ff074c22472f6b
22 |
23 | ### 感谢:
24 |
25 | 本项目原始版本由rongj提供:https://github.com/rongj/wechatapp-cascade-filter
--------------------------------------------------------------------------------
/drop-down-menu/menu-filter/app.js:
--------------------------------------------------------------------------------
1 | //app.js
2 | App({
3 | })
--------------------------------------------------------------------------------
/drop-down-menu/menu-filter/app.json:
--------------------------------------------------------------------------------
1 | {
2 | "pages":[
3 | "pages/filter/filter"
4 | ],
5 | "window":{
6 | "backgroundTextStyle":"white",
7 | "navigationBarBackgroundColor": "#3399FF",
8 | "navigationBarTitleText": "级联筛选",
9 | "navigationBarTextStyle": "white"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/drop-down-menu/menu-filter/app.wxss:
--------------------------------------------------------------------------------
1 | /**app.wxss**/
2 | page{
3 | height: 100%;
4 | color: #333;
5 | display: flex;
6 | flex-direction: column;
7 | font: normal 30rpx/1.68 -apple-system-font, 'Helvetica Neue', Helvetica, 'Microsoft YaHei', sans-serif;
8 | }
9 | .container {
10 | flex: 1;
11 | display: flex;
12 | flex-direction: column;
13 | box-sizing: border-box;
14 | }
15 | .container-body{
16 | flex: 1;
17 | overflow-y: auto;
18 | overflow-x: hidden;
19 | }
20 | .container-footer{
21 | width: 100%;
22 | display: flex;
23 | height: 88rpx;
24 | border-top: 1rpx solid #ddd;
25 | background: #fff;
26 | }
27 | .container-footer text{
28 | flex: 1;
29 | display: block;
30 | text-align: center;
31 | height: 88rpx;
32 | line-height: 88rpx;
33 | font-size: 34rpx;
34 | border-left: 1rpx solid #ddd;
35 | }
36 | .container-footer text:first-child{
37 | border-left: none;
38 | }
--------------------------------------------------------------------------------
/drop-down-menu/menu-filter/pages/filter/filter.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "级联筛选",
3 | "backgroundColor": "#fff",
4 | "backgroundTextStyle": "dark",
5 | "enablePullDownRefresh": "true"
6 | }
--------------------------------------------------------------------------------
/drop-down-menu/menudown/.gitignore:
--------------------------------------------------------------------------------
1 | *swp
2 | *~
3 |
--------------------------------------------------------------------------------
/drop-down-menu/menudown/app.js:
--------------------------------------------------------------------------------
1 | App({
2 | onLaunch: function () {
3 | console.log('App Launch')
4 | },
5 | onShow: function () {
6 | console.log('App Show')
7 | },
8 | onHide: function () {
9 | console.log('App Hide')
10 | },
11 | globalData: {
12 | hasLogin: false
13 | }
14 | })
15 |
--------------------------------------------------------------------------------
/drop-down-menu/menudown/app.json:
--------------------------------------------------------------------------------
1 | {
2 | "pages": [
3 | "page/one/index"
4 | ],
5 | "window": {
6 | "navigationBarTextStyle": "#fff",
7 | "navigationBarTitleText": "下拉菜单",
8 | "navigationBarBackgroundColor": "#3399FF",
9 | "backgroundColor": "#fff"
10 | },
11 | "networkTimeout": {
12 | "request": 10000,
13 | "connectSocket": 10000,
14 | "uploadFile": 10000,
15 | "downloadFile": 10000
16 | },
17 | "debug": true
18 | }
19 |
--------------------------------------------------------------------------------
/drop-down-menu/menudown/app.wxss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/drop-down-menu/menudown/app.wxss
--------------------------------------------------------------------------------
/drop-down-menu/menudown/page/one/index.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/es6-demos/demo13/index.js:
--------------------------------------------------------------------------------
1 | // Iterator 和 for...of 循环
2 | {
3 | let arr=['hello','world'];
4 | let map=arr[Symbol.iterator]();
5 | console.log(map.next());
6 | console.log(map.next());
7 | console.log(map.next());
8 | }
9 |
10 | {
11 | let obj={
12 | start:[1,3,2],
13 | end:[7,9,8],
14 | [Symbol.iterator](){
15 | let self=this;
16 | let index=0;
17 | let arr=self.start.concat(self.end);
18 | let len=arr.length;
19 | return {
20 | next(){
21 | if(index v*2;
35 | let arrow2 = () => 5;
36 | console.log('arrow',arrow(3));
37 | console.log(arrow2());
38 |
39 | }
40 |
41 | {
42 | function tail(x){
43 | console.log('tail',x);
44 | }
45 | function fx(x){
46 | return tail(x)
47 | }
48 | fx(123)
49 | }
50 |
--------------------------------------------------------------------------------
/es6-demos/demo8/index.js:
--------------------------------------------------------------------------------
1 | // Symbol介绍
2 |
3 | {
4 | // 声明
5 | let a1=Symbol();
6 | let a2=Symbol();
7 | console.log(a1===a2);
8 | let a3=Symbol.for('a3');
9 | let a4=Symbol.for('a3');
10 | console.log(a3===a4);
11 | }
12 |
13 | {
14 | let a1=Symbol.for('abc');
15 | let obj={
16 | [a1]:'123',
17 | 'abc':345,
18 | 'c':456
19 | };
20 | console.log('obj',obj);
21 |
22 | for(let [key,value] of Object.entries(obj)){
23 | console.log('let of',key,value);
24 | }
25 |
26 | Object.getOwnPropertySymbols(obj).forEach(function(item){
27 | console.log(obj[item]);
28 | })
29 |
30 | Reflect.ownKeys(obj).forEach(function(item){
31 | console.log('ownkeys',item,obj[item]);
32 | })
33 | }
34 |
--------------------------------------------------------------------------------
/fullpage/README.md:
--------------------------------------------------------------------------------
1 | fullpage是jquery的插件,一般项目都是用于pc端中,而本项目用于移动端中,采取rem响应式布局 + fullpage做翻页 实现微场景小项目
2 |
3 | 1)比较不错的文档 http://www.uedsc.com/fullpage.html
4 |
5 | 2)参考案例:https://github.com/confidence68/jQuery-fullPage
6 |
--------------------------------------------------------------------------------
/fullpage/img/page1_1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/fullpage/img/page1_1.png
--------------------------------------------------------------------------------
/fullpage/img/page1_2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/fullpage/img/page1_2.png
--------------------------------------------------------------------------------
/fullpage/img/page1_3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/fullpage/img/page1_3.png
--------------------------------------------------------------------------------
/fullpage/img/page2_1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/fullpage/img/page2_1.png
--------------------------------------------------------------------------------
/fullpage/img/page3_1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/fullpage/img/page3_1.png
--------------------------------------------------------------------------------
/fullpage/img/page4_1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/fullpage/img/page4_1.png
--------------------------------------------------------------------------------
/huhu.txt:
--------------------------------------------------------------------------------
1 | 123
--------------------------------------------------------------------------------
/jpframework/_dist/index.css:
--------------------------------------------------------------------------------
1 | html {
2 | height: 100%; }
3 |
4 | body {
5 | width: 2.5000rem;
6 | height: 100%;
7 | margin: 0 auto; }
8 |
9 | a {
10 | width: 2.5000rem; }
--------------------------------------------------------------------------------
/jpframework/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 | 234234
10 |
11 |
--------------------------------------------------------------------------------
/jpframework/sass/index.scss:
--------------------------------------------------------------------------------
1 | $designWidth : 750 !default;
2 | @function px2rem( $px ){
3 | @return $px*320/$designWidth/20 + rem;
4 | }
5 | html{
6 | height:100%;
7 | }
8 | body{
9 | width: 160px;
10 | height: 100%;
11 | margin: 0 auto;
12 | }
13 | a{
14 | width: 160px;
15 | }
--------------------------------------------------------------------------------
/js_event/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/js_event/.DS_Store
--------------------------------------------------------------------------------
/js_event/demo1/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/js_event/demo1/.DS_Store
--------------------------------------------------------------------------------
/js_event/demo1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | DOM0级事件处理
6 |
7 |
8 |
9 |
20 |
21 |
--------------------------------------------------------------------------------
/js_event/demo2/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/js_event/demo2/.DS_Store
--------------------------------------------------------------------------------
/js_event/demo3/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/js_event/demo3/.DS_Store
--------------------------------------------------------------------------------
/js_event/demo3/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | IE事件处理程序
6 |
7 |
8 |
9 |
42 |
43 |
--------------------------------------------------------------------------------
/js_event/demo4/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/js_event/demo4/.DS_Store
--------------------------------------------------------------------------------
/js_event/demo5/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/js_event/demo5/.DS_Store
--------------------------------------------------------------------------------
/js_event/demo6/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/js_event/demo6/.DS_Store
--------------------------------------------------------------------------------
/js_event/demo8/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 现代浏览器自定义事件
5 |
6 |
7 |
8 |
18 |
19 |
--------------------------------------------------------------------------------
/junjun.txt:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/junjun.txt
--------------------------------------------------------------------------------
/lazyload/README.md:
--------------------------------------------------------------------------------
1 | # 微信小程序-图片懒加载
2 |
3 | ### 说明:
4 |
5 | 实现商品懒加载特效。
6 |
7 | ### 数据接口:
8 |
9 | - https://api.getweapp.com/vendor/lightstao/searchkey
10 | - https://api.getweapp.com/vendor/lightstao/product/search
11 |
12 |
13 | ### 开发环境:
14 |
15 | 微信web开发者工具 v0.11.112301
16 |
17 |
18 | ### 感谢:
19 |
20 | 项目原始模板由jackyshan提供:https://github.com/jackyshan/yangtaowechatapp,由小小小基于其模板上添加图片懒加载特效
--------------------------------------------------------------------------------
/lazyload/app.js:
--------------------------------------------------------------------------------
1 | //app.js
2 | App({
3 | onLaunch: function () {
4 | //调用API从本地缓存中获取数据
5 | var logs = wx.getStorageSync('logs') || []
6 | logs.unshift(Date.now())
7 | wx.setStorageSync('logs', logs)
8 | },
9 | getUserInfo:function(cb){
10 | var that = this
11 | if(this.globalData.userInfo){
12 | typeof cb == "function" && cb(this.globalData.userInfo)
13 | }else{
14 | //调用登录接口
15 | wx.login({
16 | success: function () {
17 | wx.getUserInfo({
18 | success: function (res) {
19 | that.globalData.userInfo = res.userInfo
20 | typeof cb == "function" && cb(that.globalData.userInfo)
21 | }
22 | })
23 | }
24 | })
25 | }
26 | },
27 | globalData:{
28 | userInfo:null
29 | }
30 | })
--------------------------------------------------------------------------------
/lazyload/app.json:
--------------------------------------------------------------------------------
1 | {
2 | "pages":[
3 | "pages/productList/productList"
4 | ],
5 | "window":{
6 | "backgroundTextStyle":"black",
7 | "navigationBarBackgroundColor": "#ef3b51",
8 | "navigationBarTitleText": "WeChat",
9 | "navigationBarTextStyle":"light"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/lazyload/app.wxss:
--------------------------------------------------------------------------------
1 | /**app.wxss**/
2 | .container {
3 | height: 100%;
4 | display: flex;
5 | flex-direction: column;
6 | align-items: center;
7 | justify-content: space-between;
8 | padding: 200rpx 0;
9 | box-sizing: border-box;
10 | background-color: #f5f5f5;
11 | }
12 |
--------------------------------------------------------------------------------
/lazyload/images/lazyload.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/lazyload/images/lazyload.jpg
--------------------------------------------------------------------------------
/lazyload/pages/productList/productList.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/lazyload/pages/productList/productList.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 | 加载中...
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 | {{productArr[index].Title}}
12 | ¥{{productArr[index].RmbPrice}}
13 |
14 |
15 | {{productArr[index].BusinessName}}
16 |
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/lazyload/utils/util.js:
--------------------------------------------------------------------------------
1 | function formatTime(date) {
2 | var year = date.getFullYear()
3 | var month = date.getMonth() + 1
4 | var day = date.getDate()
5 |
6 | var hour = date.getHours()
7 | var minute = date.getMinutes()
8 | var second = date.getSeconds()
9 |
10 |
11 | return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
12 | }
13 |
14 | function formatNumber(n) {
15 | n = n.toString()
16 | return n[1] ? n : '0' + n
17 | }
18 |
19 | module.exports = {
20 | formatTime: formatTime
21 | }
22 |
--------------------------------------------------------------------------------
/mk_rem_flex/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/mk_rem_flex/.DS_Store
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/mk_rem_flex/font-awesome/.DS_Store
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/HELP-US-OUT.txt:
--------------------------------------------------------------------------------
1 | I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project,
2 | Fort Awesome (https://fortawesome.com). It makes it easy to put the perfect icons on your website. Choose from our awesome,
3 | comprehensive icon sets or copy and paste your own.
4 |
5 | Please. Check it out.
6 |
7 | -Dave Gandy
8 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/mk_rem_flex/font-awesome/fonts/FontAwesome.otf
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/mk_rem_flex/font-awesome/fonts/fontawesome-webfont.eot
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/mk_rem_flex/font-awesome/fonts/fontawesome-webfont.ttf
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/mk_rem_flex/font-awesome/fonts/fontawesome-webfont.woff
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/mk_rem_flex/font-awesome/fonts/fontawesome-webfont.woff2
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/less/animated.less:
--------------------------------------------------------------------------------
1 | // Animated Icons
2 | // --------------------------
3 |
4 | .@{fa-css-prefix}-spin {
5 | -webkit-animation: fa-spin 2s infinite linear;
6 | animation: fa-spin 2s infinite linear;
7 | }
8 |
9 | .@{fa-css-prefix}-pulse {
10 | -webkit-animation: fa-spin 1s infinite steps(8);
11 | animation: fa-spin 1s infinite steps(8);
12 | }
13 |
14 | @-webkit-keyframes fa-spin {
15 | 0% {
16 | -webkit-transform: rotate(0deg);
17 | transform: rotate(0deg);
18 | }
19 | 100% {
20 | -webkit-transform: rotate(359deg);
21 | transform: rotate(359deg);
22 | }
23 | }
24 |
25 | @keyframes fa-spin {
26 | 0% {
27 | -webkit-transform: rotate(0deg);
28 | transform: rotate(0deg);
29 | }
30 | 100% {
31 | -webkit-transform: rotate(359deg);
32 | transform: rotate(359deg);
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/less/bordered-pulled.less:
--------------------------------------------------------------------------------
1 | // Bordered & Pulled
2 | // -------------------------
3 |
4 | .@{fa-css-prefix}-border {
5 | padding: .2em .25em .15em;
6 | border: solid .08em @fa-border-color;
7 | border-radius: .1em;
8 | }
9 |
10 | .@{fa-css-prefix}-pull-left { float: left; }
11 | .@{fa-css-prefix}-pull-right { float: right; }
12 |
13 | .@{fa-css-prefix} {
14 | &.@{fa-css-prefix}-pull-left { margin-right: .3em; }
15 | &.@{fa-css-prefix}-pull-right { margin-left: .3em; }
16 | }
17 |
18 | /* Deprecated as of 4.4.0 */
19 | .pull-right { float: right; }
20 | .pull-left { float: left; }
21 |
22 | .@{fa-css-prefix} {
23 | &.pull-left { margin-right: .3em; }
24 | &.pull-right { margin-left: .3em; }
25 | }
26 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/less/core.less:
--------------------------------------------------------------------------------
1 | // Base Class Definition
2 | // -------------------------
3 |
4 | .@{fa-css-prefix} {
5 | display: inline-block;
6 | font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
7 | font-size: inherit; // can't have font-size inherit on line above, so need to override
8 | text-rendering: auto; // optimizelegibility throws things off #1094
9 | -webkit-font-smoothing: antialiased;
10 | -moz-osx-font-smoothing: grayscale;
11 |
12 | }
13 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/less/fixed-width.less:
--------------------------------------------------------------------------------
1 | // Fixed Width Icons
2 | // -------------------------
3 | .@{fa-css-prefix}-fw {
4 | width: (18em / 14);
5 | text-align: center;
6 | }
7 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/less/font-awesome.less:
--------------------------------------------------------------------------------
1 | /*!
2 | * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4 | */
5 |
6 | @import "variables.less";
7 | @import "mixins.less";
8 | @import "path.less";
9 | @import "core.less";
10 | @import "larger.less";
11 | @import "fixed-width.less";
12 | @import "list.less";
13 | @import "bordered-pulled.less";
14 | @import "animated.less";
15 | @import "rotated-flipped.less";
16 | @import "stacked.less";
17 | @import "icons.less";
18 | @import "screen-reader.less";
19 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/less/larger.less:
--------------------------------------------------------------------------------
1 | // Icon Sizes
2 | // -------------------------
3 |
4 | /* makes the font 33% larger relative to the icon container */
5 | .@{fa-css-prefix}-lg {
6 | font-size: (4em / 3);
7 | line-height: (3em / 4);
8 | vertical-align: -15%;
9 | }
10 | .@{fa-css-prefix}-2x { font-size: 2em; }
11 | .@{fa-css-prefix}-3x { font-size: 3em; }
12 | .@{fa-css-prefix}-4x { font-size: 4em; }
13 | .@{fa-css-prefix}-5x { font-size: 5em; }
14 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/less/list.less:
--------------------------------------------------------------------------------
1 | // List Icons
2 | // -------------------------
3 |
4 | .@{fa-css-prefix}-ul {
5 | padding-left: 0;
6 | margin-left: @fa-li-width;
7 | list-style-type: none;
8 | > li { position: relative; }
9 | }
10 | .@{fa-css-prefix}-li {
11 | position: absolute;
12 | left: -@fa-li-width;
13 | width: @fa-li-width;
14 | top: (2em / 14);
15 | text-align: center;
16 | &.@{fa-css-prefix}-lg {
17 | left: (-@fa-li-width + (4em / 14));
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/less/path.less:
--------------------------------------------------------------------------------
1 | /* FONT PATH
2 | * -------------------------- */
3 |
4 | @font-face {
5 | font-family: 'FontAwesome';
6 | src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
7 | src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
8 | url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'),
9 | url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
10 | url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
11 | url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
12 | // src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
13 | font-weight: normal;
14 | font-style: normal;
15 | }
16 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/less/rotated-flipped.less:
--------------------------------------------------------------------------------
1 | // Rotated & Flipped Icons
2 | // -------------------------
3 |
4 | .@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); }
5 | .@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
6 | .@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
7 |
8 | .@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
9 | .@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); }
10 |
11 | // Hook for IE8-9
12 | // -------------------------
13 |
14 | :root .@{fa-css-prefix}-rotate-90,
15 | :root .@{fa-css-prefix}-rotate-180,
16 | :root .@{fa-css-prefix}-rotate-270,
17 | :root .@{fa-css-prefix}-flip-horizontal,
18 | :root .@{fa-css-prefix}-flip-vertical {
19 | filter: none;
20 | }
21 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/less/screen-reader.less:
--------------------------------------------------------------------------------
1 | // Screen Readers
2 | // -------------------------
3 |
4 | .sr-only { .sr-only(); }
5 | .sr-only-focusable { .sr-only-focusable(); }
6 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/less/stacked.less:
--------------------------------------------------------------------------------
1 | // Stacked Icons
2 | // -------------------------
3 |
4 | .@{fa-css-prefix}-stack {
5 | position: relative;
6 | display: inline-block;
7 | width: 2em;
8 | height: 2em;
9 | line-height: 2em;
10 | vertical-align: middle;
11 | }
12 | .@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
13 | position: absolute;
14 | left: 0;
15 | width: 100%;
16 | text-align: center;
17 | }
18 | .@{fa-css-prefix}-stack-1x { line-height: inherit; }
19 | .@{fa-css-prefix}-stack-2x { font-size: 2em; }
20 | .@{fa-css-prefix}-inverse { color: @fa-inverse; }
21 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/scss/_animated.scss:
--------------------------------------------------------------------------------
1 | // Spinning Icons
2 | // --------------------------
3 |
4 | .#{$fa-css-prefix}-spin {
5 | -webkit-animation: fa-spin 2s infinite linear;
6 | animation: fa-spin 2s infinite linear;
7 | }
8 |
9 | .#{$fa-css-prefix}-pulse {
10 | -webkit-animation: fa-spin 1s infinite steps(8);
11 | animation: fa-spin 1s infinite steps(8);
12 | }
13 |
14 | @-webkit-keyframes fa-spin {
15 | 0% {
16 | -webkit-transform: rotate(0deg);
17 | transform: rotate(0deg);
18 | }
19 | 100% {
20 | -webkit-transform: rotate(359deg);
21 | transform: rotate(359deg);
22 | }
23 | }
24 |
25 | @keyframes fa-spin {
26 | 0% {
27 | -webkit-transform: rotate(0deg);
28 | transform: rotate(0deg);
29 | }
30 | 100% {
31 | -webkit-transform: rotate(359deg);
32 | transform: rotate(359deg);
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/scss/_bordered-pulled.scss:
--------------------------------------------------------------------------------
1 | // Bordered & Pulled
2 | // -------------------------
3 |
4 | .#{$fa-css-prefix}-border {
5 | padding: .2em .25em .15em;
6 | border: solid .08em $fa-border-color;
7 | border-radius: .1em;
8 | }
9 |
10 | .#{$fa-css-prefix}-pull-left { float: left; }
11 | .#{$fa-css-prefix}-pull-right { float: right; }
12 |
13 | .#{$fa-css-prefix} {
14 | &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
15 | &.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
16 | }
17 |
18 | /* Deprecated as of 4.4.0 */
19 | .pull-right { float: right; }
20 | .pull-left { float: left; }
21 |
22 | .#{$fa-css-prefix} {
23 | &.pull-left { margin-right: .3em; }
24 | &.pull-right { margin-left: .3em; }
25 | }
26 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/scss/_core.scss:
--------------------------------------------------------------------------------
1 | // Base Class Definition
2 | // -------------------------
3 |
4 | .#{$fa-css-prefix} {
5 | display: inline-block;
6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
7 | font-size: inherit; // can't have font-size inherit on line above, so need to override
8 | text-rendering: auto; // optimizelegibility throws things off #1094
9 | -webkit-font-smoothing: antialiased;
10 | -moz-osx-font-smoothing: grayscale;
11 |
12 | }
13 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/scss/_fixed-width.scss:
--------------------------------------------------------------------------------
1 | // Fixed Width Icons
2 | // -------------------------
3 | .#{$fa-css-prefix}-fw {
4 | width: (18em / 14);
5 | text-align: center;
6 | }
7 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/scss/_larger.scss:
--------------------------------------------------------------------------------
1 | // Icon Sizes
2 | // -------------------------
3 |
4 | /* makes the font 33% larger relative to the icon container */
5 | .#{$fa-css-prefix}-lg {
6 | font-size: (4em / 3);
7 | line-height: (3em / 4);
8 | vertical-align: -15%;
9 | }
10 | .#{$fa-css-prefix}-2x { font-size: 2em; }
11 | .#{$fa-css-prefix}-3x { font-size: 3em; }
12 | .#{$fa-css-prefix}-4x { font-size: 4em; }
13 | .#{$fa-css-prefix}-5x { font-size: 5em; }
14 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/scss/_list.scss:
--------------------------------------------------------------------------------
1 | // List Icons
2 | // -------------------------
3 |
4 | .#{$fa-css-prefix}-ul {
5 | padding-left: 0;
6 | margin-left: $fa-li-width;
7 | list-style-type: none;
8 | > li { position: relative; }
9 | }
10 | .#{$fa-css-prefix}-li {
11 | position: absolute;
12 | left: -$fa-li-width;
13 | width: $fa-li-width;
14 | top: (2em / 14);
15 | text-align: center;
16 | &.#{$fa-css-prefix}-lg {
17 | left: -$fa-li-width + (4em / 14);
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/scss/_path.scss:
--------------------------------------------------------------------------------
1 | /* FONT PATH
2 | * -------------------------- */
3 |
4 | @font-face {
5 | font-family: 'FontAwesome';
6 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
7 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
8 | url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
9 | url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
10 | url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
11 | url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
12 | // src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
13 | font-weight: normal;
14 | font-style: normal;
15 | }
16 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/scss/_rotated-flipped.scss:
--------------------------------------------------------------------------------
1 | // Rotated & Flipped Icons
2 | // -------------------------
3 |
4 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
7 |
8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
9 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
10 |
11 | // Hook for IE8-9
12 | // -------------------------
13 |
14 | :root .#{$fa-css-prefix}-rotate-90,
15 | :root .#{$fa-css-prefix}-rotate-180,
16 | :root .#{$fa-css-prefix}-rotate-270,
17 | :root .#{$fa-css-prefix}-flip-horizontal,
18 | :root .#{$fa-css-prefix}-flip-vertical {
19 | filter: none;
20 | }
21 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/scss/_screen-reader.scss:
--------------------------------------------------------------------------------
1 | // Screen Readers
2 | // -------------------------
3 |
4 | .sr-only { @include sr-only(); }
5 | .sr-only-focusable { @include sr-only-focusable(); }
6 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/scss/_stacked.scss:
--------------------------------------------------------------------------------
1 | // Stacked Icons
2 | // -------------------------
3 |
4 | .#{$fa-css-prefix}-stack {
5 | position: relative;
6 | display: inline-block;
7 | width: 2em;
8 | height: 2em;
9 | line-height: 2em;
10 | vertical-align: middle;
11 | }
12 | .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
13 | position: absolute;
14 | left: 0;
15 | width: 100%;
16 | text-align: center;
17 | }
18 | .#{$fa-css-prefix}-stack-1x { line-height: inherit; }
19 | .#{$fa-css-prefix}-stack-2x { font-size: 2em; }
20 | .#{$fa-css-prefix}-inverse { color: $fa-inverse; }
21 |
--------------------------------------------------------------------------------
/mk_rem_flex/font-awesome/scss/font-awesome.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4 | */
5 |
6 | @import "variables";
7 | @import "mixins";
8 | @import "path";
9 | @import "core";
10 | @import "larger";
11 | @import "fixed-width";
12 | @import "list";
13 | @import "bordered-pulled";
14 | @import "animated";
15 | @import "rotated-flipped";
16 | @import "stacked";
17 | @import "icons";
18 | @import "screen-reader";
19 |
--------------------------------------------------------------------------------
/mk_rem_flex/img/1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/mk_rem_flex/img/1.png
--------------------------------------------------------------------------------
/mk_rem_flex/img/2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/mk_rem_flex/img/2.png
--------------------------------------------------------------------------------
/mk_rem_flex/img/3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/mk_rem_flex/img/3.png
--------------------------------------------------------------------------------
/mk_rem_flex/img/4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/mk_rem_flex/img/4.png
--------------------------------------------------------------------------------
/mk_rem_flex/img/5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/mk_rem_flex/img/5.png
--------------------------------------------------------------------------------
/mk_rem_flex/img/banner1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/mk_rem_flex/img/banner1.jpg
--------------------------------------------------------------------------------
/mk_rem_flex/img/banner2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/mk_rem_flex/img/banner2.jpg
--------------------------------------------------------------------------------
/mk_rem_flex/img/banner3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/mk_rem_flex/img/banner3.jpg
--------------------------------------------------------------------------------
/mk_rem_flex/img/banner4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/mk_rem_flex/img/banner4.jpg
--------------------------------------------------------------------------------
/mk_rem_flex/img/timg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/mk_rem_flex/img/timg.jpg
--------------------------------------------------------------------------------
/mochaDemo/README.md:
--------------------------------------------------------------------------------
1 | # xiaoxiaoxiao
2 |
3 | 首先执行:
4 | ```
5 | # 运行shell脚本
6 | > /test1
7 | ```
8 |
9 | 安装mocha:
10 | ```
11 | > npm install
12 | ```
13 |
14 | 跑单元测试:
15 | ```
16 | > npm test
17 | ```
--------------------------------------------------------------------------------
/mochaDemo/hello.js:
--------------------------------------------------------------------------------
1 | module.exports = function (...rest) {
2 | var sum = 0;
3 | for (let n of rest) {
4 | sum += n;
5 | }
6 | return sum;
7 | };
8 |
--------------------------------------------------------------------------------
/mochaDemo/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "mochatest",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "test": "mocha"
8 | },
9 | "author": "ag_dubs ",
10 | "license": "ISC",
11 | "dependencies": {
12 | "mocha": "^5.0.0"
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/mochaDemo/test/hello-test.js:
--------------------------------------------------------------------------------
1 | const assert = require('assert');
2 |
3 | const sum = require('../hello');
4 |
5 | describe('#hello.js', () => {
6 |
7 | describe('#sum()', () => {
8 | it('sum() should return 0', () => {
9 | assert.strictEqual(sum(), 0);
10 | });
11 |
12 | it('sum(1) should return 1', () => {
13 | assert.strictEqual(sum(1), 1);
14 | });
15 |
16 | it('sum(1, 2) should return 3', () => {
17 | assert.strictEqual(sum(1, 2), 3);
18 | });
19 |
20 | it('sum(1, 2, 3) should return 6', () => {
21 | assert.strictEqual(sum(1, 2, 3), 6);
22 | });
23 | });
24 | });
--------------------------------------------------------------------------------
/mochaDemo/test1.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 | # just for funny
3 | location="test"
4 | filename="hello-test.js"
5 |
6 | if [ -e $location ]
7 | then
8 | echo "test dir exist"
9 | else
10 | mkdir test
11 | fi
12 |
13 | if [ -f $location/$filename ]
14 | then
15 | echo "hello-test.js exist"
16 | else
17 | mv hello-test.js test/
18 | fi
19 |
20 | # mkdir test
21 | # mv hello-test.js test/
22 |
23 |
--------------------------------------------------------------------------------
/sideslip/.gitignore:
--------------------------------------------------------------------------------
1 | *swp
2 | *~
3 |
--------------------------------------------------------------------------------
/sideslip/app.js:
--------------------------------------------------------------------------------
1 | App({
2 | onLaunch: function () {
3 | console.log('App Launch')
4 | },
5 | onShow: function () {
6 | console.log('App Show')
7 | },
8 | onHide: function () {
9 | console.log('App Hide')
10 | },
11 | globalData: {
12 | hasLogin: false
13 | }
14 | })
15 |
--------------------------------------------------------------------------------
/sideslip/app.json:
--------------------------------------------------------------------------------
1 | {
2 | "pages": [
3 | "page/four/index",
4 | "page/three/index",
5 | "page/two/index",
6 | "page/one/index"
7 | ],
8 | "window": {
9 | "navigationBarTextStyle": "black",
10 | "navigationBarTitleText": "演示",
11 | "navigationBarBackgroundColor": "#fbf9fe",
12 | "backgroundColor": "#fbf9fe"
13 | },
14 | "networkTimeout": {
15 | "request": 10000,
16 | "connectSocket": 10000,
17 | "uploadFile": 10000,
18 | "downloadFile": 10000
19 | },
20 | "debug": true
21 | }
22 |
--------------------------------------------------------------------------------
/sideslip/app.wxss:
--------------------------------------------------------------------------------
1 | page,.page {
2 | height: 100%;
3 | font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, 'Droid Sans Fallback', 'Microsoft Yahei', sans-serif;
4 | }
5 | .page-bottom{
6 | height: 100%;
7 | width: 750rpx;
8 | position: fixed;
9 | background-color: rgb(0, 68, 97);
10 | z-index: 0;
11 | }
12 | .wc{
13 | color: white;
14 | padding: 30rpx 0 30rpx 40rpx;
15 | }
16 | .page-content{
17 | padding-top: 300rpx;
18 | }
19 | .page-top{
20 | height: 100%;
21 | position: fixed;
22 | width: 750rpx;
23 | background-color: rgb(57, 125, 230);
24 | z-index: 0;
25 | transition: All 0.4s ease;
26 | -webkit-transition: All 0.4s ease;
27 | }
28 | .page-top image{
29 | position: absolute;
30 | width: 68rpx;
31 | height: 38rpx;
32 | left: 20rpx;
33 | top: 20rpx;
34 | }
35 | .c-state1{
36 | transform: rotate(0deg) scale(1) translate(75%,0%);
37 | -webkit-transform: rotate(0deg) scale(1) translate(75%,0%);
38 | }
39 | .c-state2{
40 | transform: rotate(0deg) scale(.8) translate(75%,0%);
41 | -webkit-transform: rotate(0deg) scale(.8) translate(75%,0%);
42 | }
43 |
--------------------------------------------------------------------------------
/sideslip/images/btn.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/sideslip/images/btn.png
--------------------------------------------------------------------------------
/sideslip/page/four/index.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/sideslip/page/four/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 第一个item1
7 |
8 |
9 | 第二个item2
10 |
11 |
12 | 第三个item3
13 |
14 |
15 | 第四个item4
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/sideslip/page/four/index.wxss:
--------------------------------------------------------------------------------
1 | /* page/four/index.wxss */
--------------------------------------------------------------------------------
/sideslip/page/one/index.js:
--------------------------------------------------------------------------------
1 | // page/one/index.js
2 | Page({
3 | data:{
4 | open : false
5 | },
6 | tap_ch: function(e){
7 | if(this.data.open){
8 | this.setData({
9 | open : false
10 | });
11 | }else{
12 | this.setData({
13 | open : true
14 | });
15 | }
16 | }
17 | })
--------------------------------------------------------------------------------
/sideslip/page/one/index.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/sideslip/page/one/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 第一个item1
7 |
8 |
9 | 第二个item2
10 |
11 |
12 | 第三个item3
13 |
14 |
15 | 第四个item4
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/sideslip/page/one/index.wxss:
--------------------------------------------------------------------------------
1 | /* page/one/index.wxss */
--------------------------------------------------------------------------------
/sideslip/page/three/index.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/sideslip/page/three/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 第一个item1
7 |
8 |
9 | 第二个item2
10 |
11 |
12 | 第三个item3
13 |
14 |
15 | 第四个item4
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/sideslip/page/three/index.wxss:
--------------------------------------------------------------------------------
1 | /* page/three/index.wxss */
--------------------------------------------------------------------------------
/sideslip/page/two/index.js:
--------------------------------------------------------------------------------
1 | // page/one/index.js
2 | Page({
3 | data:{
4 | open : false
5 | },
6 | tap_ch: function(e){
7 | if(this.data.open){
8 | this.setData({
9 | open : false
10 | });
11 | }else{
12 | this.setData({
13 | open : true
14 | });
15 | }
16 | }
17 | })
--------------------------------------------------------------------------------
/sideslip/page/two/index.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/sideslip/page/two/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 第一个item1
7 |
8 |
9 | 第二个item2
10 |
11 |
12 | 第三个item3
13 |
14 |
15 | 第四个item4
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/sideslip/page/two/index.wxss:
--------------------------------------------------------------------------------
1 | /* page/two/index.wxss */
--------------------------------------------------------------------------------
/sideslip/util/util.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/sideslip/util/util.js
--------------------------------------------------------------------------------
/spa/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/spa/.DS_Store
--------------------------------------------------------------------------------
/spa/chapter_3/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/spa/chapter_3/.DS_Store
--------------------------------------------------------------------------------
/spa/chapter_3/css/spa.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin: 0;
3 | padding: 0;
4 | -webkit-box-sizing: border-box;
5 | -moz-box-sizing: border-box;
6 | box-sizing: border-box;
7 | }
8 | h1,h2,h3,h4,h5,h6,p{
9 | margin-bottom: 10px;
10 | }
11 | ol,ul,dl{
12 | list-style-position: inside;
13 | }
14 | body{
15 | font: 13px 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
16 | color: #444;
17 | background-color: #888;
18 | }
19 | a{
20 | text-decoration: none;
21 | }
22 | a:link, a:visited{
23 | color: inherit;
24 | }
25 | a:hover{
26 | text-decoration: underline;
27 | }
28 | strong{
29 | font-weight: 800;
30 | color: #000;
31 | }
32 | #spa{
33 | position: absolute;
34 | top: 8px;
35 | left: 8px;
36 | bottom: 8px;
37 | right: 8px;
38 | min-height: 500px;
39 | min-width: 500px;
40 | overflow: hidden;
41 | background-color: #fff;
42 | border-radius: 0 8px 0 8px;
43 | }
44 | .spa-x-select{}
45 | .spa-x-clearfloat{
46 | height: 0 !important;
47 | float: none !important;
48 | visibility: hidden !important;
49 | clear: both !important;
50 | }
--------------------------------------------------------------------------------
/spa/chapter_3/js/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/spa/chapter_3/js/.DS_Store
--------------------------------------------------------------------------------
/spa/chapter_3/js/jq/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/spa/chapter_3/js/jq/.DS_Store
--------------------------------------------------------------------------------
/spa/chapter_3/js/spa.js:
--------------------------------------------------------------------------------
1 | var spa = (function(){
2 | var initModule = function($container){
3 | spa.shell.initModule($container);
4 | };
5 |
6 | return {initModule: initModule};
7 | }());
--------------------------------------------------------------------------------
/spa/chapter_3/spa.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | SPA Starter
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
--------------------------------------------------------------------------------
/spa/chapter_4/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/spa/chapter_4/.DS_Store
--------------------------------------------------------------------------------
/spa/chapter_4/css/spa.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin: 0;
3 | padding: 0;
4 | -webkit-box-sizing: border-box;
5 | -moz-box-sizing: border-box;
6 | box-sizing: border-box;
7 | }
8 | h1,h2,h3,h4,h5,h6,p{
9 | margin-bottom: 10px;
10 | }
11 | ol,ul,dl{
12 | list-style-position: inside;
13 | }
14 | body{
15 | font: 13px 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
16 | color: #444;
17 | background-color: #888;
18 | }
19 | a{
20 | text-decoration: none;
21 | }
22 | a:link, a:visited{
23 | color: inherit;
24 | }
25 | a:hover{
26 | text-decoration: underline;
27 | }
28 | strong{
29 | font-weight: 800;
30 | color: #000;
31 | }
32 | #spa{
33 | position: absolute;
34 | top: 8px;
35 | left: 8px;
36 | bottom: 8px;
37 | right: 8px;
38 | min-height: 500px;
39 | min-width: 500px;
40 | overflow: hidden;
41 | background-color: #fff;
42 | border-radius: 0 8px 0 8px;
43 | }
44 | .spa-x-select{}
45 | .spa-x-clearfloat{
46 | height: 0 !important;
47 | float: none !important;
48 | visibility: hidden !important;
49 | clear: both !important;
50 | }
--------------------------------------------------------------------------------
/spa/chapter_4/js/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/spa/chapter_4/js/.DS_Store
--------------------------------------------------------------------------------
/spa/chapter_4/js/jq/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/spa/chapter_4/js/jq/.DS_Store
--------------------------------------------------------------------------------
/spa/chapter_4/js/spa.chat.js:
--------------------------------------------------------------------------------
1 | spa.chat = (function(){
2 | var configMap = {
3 | main_html : String()
4 | + ''
5 | +'Say hello to chat'
6 | + '
',
7 | settable_map : {}
8 | },
9 | stateMap = {$container : null},
10 | jqueryMap = {},
11 | setJqueryMap, configModule, initModule;
12 |
13 | setJqueryMap = function(){
14 |
15 | // 给jqueryMap设值
16 | var $container = stateMap.$container;
17 | jqueryMap = {$container : $container};
18 | };
19 |
20 | configModule = function(input_map){
21 |
22 | // 功能模块设值,核心其实都是调用了util下面的ConfigMap函数
23 | spa.util.setConfigMap({
24 | input_map : input_map,
25 | settable_map : configMap.settable_map,
26 | config_map : configMap
27 | });
28 | };
29 |
30 | initModule = function ($container){
31 | $container.html( configMap.main_html );
32 | stateMap.$container = $container;
33 | setJqueryMap();
34 | return true;
35 | }
36 |
37 | return {
38 | configModule : configModule,
39 | initModule : initModule
40 | }
41 |
42 | }());
--------------------------------------------------------------------------------
/spa/chapter_4/js/spa.js:
--------------------------------------------------------------------------------
1 | var spa = (function(){
2 | var initModule = function($container){
3 | spa.shell.initModule($container);
4 | };
5 |
6 | return {initModule: initModule};
7 | }());
--------------------------------------------------------------------------------
/spa/chapter_4/js/spa.model.js:
--------------------------------------------------------------------------------
1 | spa.model = (function(){ return {}; }());
2 |
--------------------------------------------------------------------------------
/spa/chapter_4/js/spa.util.js:
--------------------------------------------------------------------------------
1 | // 通用的工具函数
2 | spa.util = (function(){
3 | var makeError, setConfigMap;
4 |
5 | makeError = function (name_text, msg_text, data){
6 |
7 | // 输出异常
8 | var error = new Error();
9 | error.name = name_text;
10 | error.message = msg_text;
11 |
12 | if(data){ error.data = data; }
13 |
14 | return error;
15 | };
16 |
17 | setConfigMap = function(arg_map){
18 | var
19 | input_map = arg_map.input_map,
20 | settable_map = arg_map.settable_map,
21 | config_map = arg_map.config_map,
22 | key_name, error;
23 | for(key_name in input_map){
24 | if(input_map.hasOwnProperty(key_name)){
25 | if(settable_map.hasOwnProperty(key_name)){
26 | config_map[key_name] = input_map[key_name];
27 | }
28 | else{
29 | error = makeError('Bad Input',
30 | 'Setting config key |' + key_name + '| is not supported');
31 | }
32 | throw error;
33 | }
34 | }
35 | }
36 |
37 | return {
38 | makeError : makeError,
39 | setConfigMap : setConfigMap
40 | }
41 | }());
--------------------------------------------------------------------------------
/spa/chapter_4/spa.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | SPA Starter
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
--------------------------------------------------------------------------------
/toast/README.md:
--------------------------------------------------------------------------------
1 | # 微信小程序-WeToast
2 |
3 | ### 说明:
4 |
5 | 实现自定义Toast功能。
6 |
7 | ### 数据接口:
8 |
9 | 使用本地数据
10 |
11 | ### 开发环境:
12 |
13 | 微信web开发者工具 v0.11.112301
14 |
15 |
16 | ### 感谢:
17 |
18 | 参考链接:https://github.com/kiinlam/wetoast
19 |
--------------------------------------------------------------------------------
/toast/app.js:
--------------------------------------------------------------------------------
1 | //app.js
2 | let {WeToast} = require('src/wetoast.js')
3 |
4 | //注册小程序,接收一个Object参数
5 | App({
6 | WeToast
7 | })
--------------------------------------------------------------------------------
/toast/app.json:
--------------------------------------------------------------------------------
1 | {
2 | "pages":[
3 | "pages/index/index"
4 | ],
5 | "window":{
6 | "navigationBarTitleText": "WeToast"
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/toast/images/cross.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/toast/images/cross.png
--------------------------------------------------------------------------------
/toast/images/demo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/toast/images/demo.png
--------------------------------------------------------------------------------
/toast/images/star.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/toast/images/star.png
--------------------------------------------------------------------------------
/toast/pages/index/index.js:
--------------------------------------------------------------------------------
1 | // 参考链接:https://github.com/getweapp/weapp-toast
2 |
3 | import Promise from 'polyfill';
4 | // 获取应用实例
5 | let app = getApp()
6 |
7 | Page({
8 | data: {
9 | items:{
10 | a:123
11 | }
12 | },
13 |
14 | // 仅执行一次,可用于获取、设置数据
15 | onLoad () {
16 | //创建可重复使用的WeToast实例,并附加到this上,通过this.wetoast访问
17 | new app.WeToast()
18 | // fetch("http://blog.parryqiu.com").then(function(response){console.log(response)})
19 | },
20 |
21 | onTimeToast () {
22 | this.wetoast.toast({
23 | title: 'WeToast',
24 | duration: 1000
25 | })
26 | }
27 | })
28 |
--------------------------------------------------------------------------------
/toast/pages/index/index.json:
--------------------------------------------------------------------------------
1 | {}
--------------------------------------------------------------------------------
/toast/pages/index/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | click me~~
5 |
6 |
7 |
8 |
9 |
10 | {{items.a}}
--------------------------------------------------------------------------------
/toast/pages/index/index.wxss:
--------------------------------------------------------------------------------
1 | /* pages/index/index.wxss */
2 | .btn{
3 | position: absolute;
4 | left: 50%;
5 | top: 50%;
6 | width: 140px;
7 | height: 40px;
8 | text-align: center;
9 | line-height: 40px;
10 | color: #fff;
11 | border-radius: 10px;
12 | font-size: 18px;
13 | background: #c3c943;
14 | transform: translate3d(-50%,-50%, 0);
15 | }
--------------------------------------------------------------------------------
/toast/src/wetoast.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | {{title}}
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/toast/src/wetoast.wxss:
--------------------------------------------------------------------------------
1 | /**toast.wxss**/
2 | .wetoast {
3 | display: none;
4 | }
5 | .wetoast_show {
6 | display: block;
7 | }
8 | .wetoast__mask {
9 | position: fixed;
10 | z-index: 1000;
11 | top: 0;
12 | right: 0;
13 | left: 0;
14 | bottom: 0;
15 | }
16 | .wetoast__bd {
17 | opacity: 0;
18 | display: flex;
19 | flex-direction: column;
20 | position: fixed;
21 | z-index: 5000;
22 | min-width: 8.4em;
23 | min-height: 0.4em;
24 | max-width: 70%;
25 | top: 75%;
26 | left: 50%;
27 | padding: 5px;
28 | box-sizing: border-box;
29 | transform: translateX(-50%);
30 | background: rgba(40, 40, 40, 0.75);
31 | border-radius: 5px;
32 | color: #FFFFFF;
33 | word-wrap: break-word;
34 | word-break: break-all;
35 | align-items: center;
36 | justify-content: space-around;
37 | }
38 | .wetoast__bd__title {
39 | margin: 3px 0;
40 | font-size: 1.2em;
41 | }
42 |
43 | .wetoast__bd.bottom{
44 | top:auto;
45 | bottom:40px;
46 | min-height: 4.4em;
47 | }
--------------------------------------------------------------------------------
/zepto的demo/lib/zepto.color.js:
--------------------------------------------------------------------------------
1 | ;(function($){
2 | //一个插件的写法
3 | $.fn.color = function(option){
4 |
5 | var options = $.extend({
6 | col: "blue",
7 | fz : "20px"
8 | }, option);
9 |
10 | this.css("color", options.col);
11 | this.css("fontSize", options.fz);
12 |
13 | return this;
14 | }
15 | })(Zepto);
16 |
17 | //多组插件写法
18 | // ;(function($){
19 |
20 | // $.extend($.fn, {
21 | // color: function(option){
22 | // var options = $.extend({
23 | // col: "blue",
24 | // fz : "20px"
25 | // }, option);
26 |
27 | // this.css("color", options.col);
28 | // this.css("fontSize", options.fz);
29 |
30 | // return this;
31 | // },
32 |
33 | // background: function(option){
34 | // var options = $.extend({
35 | // bg: "blue"
36 | // }, option);
37 |
38 | // this.css("background", options.bg);
39 |
40 | // return this;
41 | // }
42 | // })
43 |
44 | // })(Zepto);
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/zepto/src/amd_layout.js:
--------------------------------------------------------------------------------
1 | (function(global, factory) {
2 | if (typeof define === 'function' && define.amd)
3 | define(function() { return factory(global) })
4 | else
5 | factory(global)
6 | }(this, function(window) {
7 | YIELD
8 | return Zepto
9 | }))
10 |
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/zepto/src/assets.js:
--------------------------------------------------------------------------------
1 | // Zepto.js
2 | // (c) 2010-2016 Thomas Fuchs
3 | // Zepto.js may be freely distributed under the MIT license.
4 |
5 | ;(function($){
6 | var cache = [], timeout
7 |
8 | $.fn.remove = function(){
9 | return this.each(function(){
10 | if(this.parentNode){
11 | if(this.tagName === 'IMG'){
12 | cache.push(this)
13 | this.src = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='
14 | if (timeout) clearTimeout(timeout)
15 | timeout = setTimeout(function(){ cache = [] }, 60000)
16 | }
17 | this.parentNode.removeChild(this)
18 | }
19 | })
20 | }
21 | })(Zepto)
22 |
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/zepto/src/ie.js:
--------------------------------------------------------------------------------
1 | // Zepto.js
2 | // (c) 2010-2016 Thomas Fuchs
3 | // Zepto.js may be freely distributed under the MIT license.
4 |
5 | ;(function(){
6 | // getComputedStyle shouldn't freak out when called
7 | // without a valid element as argument
8 | try {
9 | getComputedStyle(undefined)
10 | } catch(e) {
11 | var nativeGetComputedStyle = getComputedStyle
12 | window.getComputedStyle = function(element, pseudoElement){
13 | try {
14 | return nativeGetComputedStyle(element, pseudoElement)
15 | } catch(e) {
16 | return null
17 | }
18 | }
19 | }
20 | })()
21 |
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/zepto/src/stack.js:
--------------------------------------------------------------------------------
1 | // Zepto.js
2 | // (c) 2010-2016 Thomas Fuchs
3 | // Zepto.js may be freely distributed under the MIT license.
4 |
5 | ;(function($){
6 | $.fn.end = function(){
7 | return this.prevObject || $()
8 | }
9 |
10 | $.fn.andSelf = function(){
11 | return this.add(this.prevObject || $())
12 | }
13 |
14 | 'filter,add,not,eq,first,last,find,closest,parents,parent,children,siblings'.split(',').forEach(function(property){
15 | var fn = $.fn[property]
16 | $.fn[property] = function(){
17 | var ret = fn.apply(this, arguments)
18 | ret.prevObject = this
19 | return ret
20 | }
21 | })
22 | })(Zepto)
23 |
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/zeptojs.rar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/zepto的demo/zeptojs/zeptojs/zeptojs.rar
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/慕课网课程大纲.doc:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/zepto的demo/zeptojs/zeptojs/慕课网课程大纲.doc
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/第一章/demo1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | ready和onload区别
6 |
7 |
8 | 123
9 |
10 |
20 |
21 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/第一章/demo2/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 链式调用
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
31 |
32 |
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/第一章/demo3/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | DOM对象与zepto对象转换
6 |
7 |
8 | 123
9 | 456
10 |
11 |
40 |
41 |
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/第三章/demo4/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | zepto中CSS-DOM操作
5 |
11 |
12 |
13 | CSS-DOM操作
14 |
15 |
32 |
33 |
34 |
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/第二章/demo1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | zepto选择器
6 |
11 |
12 |
13 | 123
14 | 345
15 |
16 |
25 |
26 |
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/第二章/demo3/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 基础选择器
6 |
7 |
8 | ID选择器
9 | class选择器
10 | 元素选择器
11 | 群组选择器1
12 | 群组选择器2
13 |
14 |
33 |
34 |
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/第二章/demo4/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 层次选择器
6 |
7 |
8 |
13 |
18 |
22 |
23 |
24 |
兄弟选择器
25 |
兄弟选择器
26 |
27 |
28 |
46 |
47 |
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/第二章/demo6/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 选择器中注意事项
6 |
7 |
8 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
28 |
29 |
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/第五章/demo1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | zepto之动画
5 |
10 |
11 |
12 | 123
13 |
14 |
15 |
16 |
17 |
32 |
33 |
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/第四章/demo1/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | zepto之事件
5 |
6 |
7 |
8 |
22 |
23 |
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/第四章/demo2/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | zepto之事件绑定
5 |
6 |
7 | 123
8 |
9 |
10 |
22 |
23 |
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/第四章/demo3/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | zepto之事件冒泡和事件捕获
5 |
6 |
7 |
10 |
11 |
39 |
40 |
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/课程大纲.docx:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/zepto的demo/zeptojs/zeptojs/课程大纲.docx
--------------------------------------------------------------------------------
/zepto的demo/zeptojs/zeptojs/资料/文档.doc:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/didiaohu/xiaoxiaoxiao1/4269620f16a102c4865617108c4169a71d970c68/zepto的demo/zeptojs/zeptojs/资料/文档.doc
--------------------------------------------------------------------------------
/zepto的demo/第一章/1_第一个zepto程序/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 编写第一个zepto小程序
6 |
7 |
8 |
13 |
14 |
15 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
--------------------------------------------------------------------------------
/zepto的demo/第一章/2_zepto链式调用特性/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | zepto的链式调用写法
6 |
7 |
8 |
9 |
10 |
11 |
16 |
17 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/zepto的demo/第一章/3_DOM对象与zepto对象的互相转换/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | DOM对象与zepto对象的互相转换
6 |
7 |
8 |
9 |
10 |
30 |
31 |
--------------------------------------------------------------------------------
/zepto的demo/第三章/3_zepto中的遍历节点/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | zepto中的遍历节点
6 |
7 |
8 |
9 |
我是h3
10 |
11 |
12 | 我是b标签
13 |
14 |
15 |
我是a标签
16 |
我是span
17 |
18 |
19 |
35 |
36 |
--------------------------------------------------------------------------------
/zepto的demo/第三章/4_zepto中的CSS-DOM操作/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | zepto中的CSS-DOM操作
6 |
7 |
8 | 我是div
9 |
10 |
22 |
23 |
--------------------------------------------------------------------------------
/zepto的demo/第二章/1_初识选择器/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 初识选择器
6 |
12 |
13 |
14 | helloworld
15 |
16 |
27 |
28 |
--------------------------------------------------------------------------------
/zepto的demo/第二章/3_基础选择器/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 基础选择器
6 |
7 |
8 |
9 |
10 |
11 | p1
12 | p2
13 |
14 |
32 |
33 |
--------------------------------------------------------------------------------
/zepto的demo/第二章/4_层次选择器/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 层次选择器
6 |
7 |
8 |
13 |
14 |
15 |
16 | 我是b的孙子
17 |
18 |
19 |
20 |
21 |
111
22 |
隔着h3
23 |
222
24 |
333
25 |
26 |
27 |
d_111
28 |
d_隔着h3
29 |
d_222
30 |
d_333
31 |
32 |
33 |
49 |
50 |
--------------------------------------------------------------------------------
/zepto的demo/第二章/6_选择器中的注意事项/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 选择器中的注意事项
6 |
7 |
8 | a#a
9 |
10 |
111
11 |
222
12 |
333
13 |
444
14 |
555
15 |
666
16 |
17 |
18 |
27 |
28 |
--------------------------------------------------------------------------------
/zepto的demo/第五章/1_zepto中的动画/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | zepto中的动画
5 |
6 |
7 | 123
8 |
9 |
10 |
11 |
12 |
27 |
28 |
--------------------------------------------------------------------------------
/zepto的demo/第五章/2_zepto中的动画/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | zepto之动画
5 |
15 |
16 |
17 | 123
18 |
19 |
20 |
38 |
39 |
--------------------------------------------------------------------------------
/zepto的demo/第八章/1_zepto插件的写法/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | zepto插件的写法
6 |
7 |
8 | 这里是插件
9 |
10 |
11 |
16 |
17 |
--------------------------------------------------------------------------------
/zepto的demo/第六章/1_编写第1个Ajax/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 编写第1个Ajax
6 |
7 |
8 |
38 |
39 |
--------------------------------------------------------------------------------
/zepto的demo/第六章/2_zepto中的ajax请求/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | zepto中的ajax请求
6 |
7 |
8 |
9 |
36 |
37 |
--------------------------------------------------------------------------------
/zepto的demo/第四章/1_事件之ready与onload区别/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 事件之ready与onload的区别
6 |
7 |
8 |
9 |
20 |
21 |
--------------------------------------------------------------------------------
/zepto的demo/第四章/2_事件之开头几种简写方式/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 事件之开头几种简写方式
6 |
7 |
8 |
9 |
10 |
23 |
24 |
--------------------------------------------------------------------------------
/zepto的demo/第四章/3_事件绑定初识/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 事件绑定初识
6 |
7 |
8 | 点击one
9 |
10 |
25 |
26 |
--------------------------------------------------------------------------------
/zepto的demo/第四章/6_自定义事件/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 事件之其他用法
7 |
8 |
9 | 点击我~~
10 |
11 |
39 |
40 |
--------------------------------------------------------------------------------