原创 Taro 動畫 之放大縮小

直接上效果 taro 動畫 代碼: scss: .margin50 { margin-bottom: 50px; } .container { width: 100%; height: 100%; } .ti

原创 Taro 小程序 時間選擇

時間選擇器 30分鐘一檔,選擇9點-16點,可以選擇的時間爲當前時間的3小時後,若3小時候的時間超過16點,則從第二天的9點開始。 taro 時間選擇器 state = { showMultiArray: []

原创 Taro 動畫 之 不定高度的上拉框

這是taro 框架寫的微信小程序動畫, 動畫中的上拉框高度都不固定, taro 中 setState 不能將變量名 用變量的形式 傳入,因此這裏 重複 setState。 當然本人有限,希望 知道的大佬 能再評論裏,告知,謝謝!。

原创 mpvue開發小程序 需要注意的點

一、使mpvue支持scss 在style標籤上添加lang="scss",還需要手動安裝node-sass和sass-loader npm install sass-loader node-sass --save-dev 安裝

原创 小程序 measureText 得到的長度不同

measureText 獲取字符串長度的時候,會以measureText() 前面的 setFontSize 字體大小爲基礎,獲取長度。 如果在獲取長度之後在設置字體大小,繪製出來的效果並不一定是你想要的。 example: va

原创 taro 簽字板

taro 簽字板 代碼: tsx: import Taro , { Component, Config } from '@tarojs/taro'; import { View, Button, Canvas } from

原创 css 的空格處理

一、空格規則 HTML 代碼的空格通常會被瀏覽器忽略。 <p> hello world </p> 上面是一行 HTML 代碼,文字的前部、內部和後部各有4個空格。 瀏覽器的輸出結果如下: 可以看到,文字的前部

原创 VUE 支持 less 、 scss

vue中使用less vue項目搭建好之後: 安裝less依賴:npm install less less-loader --save 修改webpack.base.conf.js文件,配置loader加載依賴 { test: /\

原创 父子組件間傳值、傳遞事件

一、父子組件間傳值 1、父組件向子組件傳值 父組件 <template> <div class="father"> <child fatherMsg="click me"></child> </div> </templ

原创 this的用法

this是javascript語言的一個關鍵字。 它是函數運行時,在函數內部自動生成的一個對象,只能在函數體內部使用。 函數的不同使用場合,this有不同的值。總的來說,this就是函數運行時所在的環境對象,下面分四種情況,討論thi

原创 雜七雜八小知識點 (1)

1、自適應正方形 使用padding-top/bottom的默認屬性:基於父元素的寬度 width: 40%; padding-top: 40%; border: 1px solid red; 效果如下: 使用vw、vh單位 相對

原创 ES7 學習筆記

ES7只有2個特性: includes() 指數操作符( ** ) includes() 他是一個替代indexOf(),開發人員用來檢查某個字在數組中是否存在的。 indexOf() 驗證數組中是否存在某個元素,這時需要根據返回

原创 layui table源碼修改(1、loading;2、error)

版本layui-v2.2.6 1、layui table首次加載沒有顯示loading的加載動畫 方法:在lay > modules 下的 table.js 文件中的下面位置添加js代碼 if(n.url&&n.loading){

原创 form 表單提交後,使頁面不跳轉

form 表單提交數據,往往會刷新頁面,數據提交後會跳轉到其他頁面 如果不需要刷新頁面時,可以通過ifame實現無刷新。 在form表單下定義一個ifame 將 form 的 target 屬性指向 iframe 的 name 屬性

原创 webpack 學習筆記-3 插件(Plugins)- es6 打包成 es5

新建文件 .babelrc(文件名,不是後綴) 在 .babelrc文件中添加代碼 { "presets": ["es2015", "stage-2"] } 安裝依賴 npm install babel-preset