原创 uniapp之加載更多和返回頂部
列表頁到底部加載更多列表項，並有返回頂部按鈕。 list.vue <template> <view class="content"> <view class="card" v-for="(item, index) i
2021-11-12 00:07:58
1
原创 Uniapp兄弟組件傳值
兄弟組件a.vue和b.vue之間的傳值方式 a.vue <template> <view class="a"> <text>我是A組件</text> <button type="default" @
2021-10-31 12:53:51
原创 uniapp之uView-ui簡單表單驗證
萬變不離其宗，有此示例已經夠大部分需求。 form.vue <template> <view class="form-content"> <u-form :model="form" ref="uForm" label
2021-10-31 12:53:51
原创 uniapp 讓一個“貓”跑起來（uni.createAnimation()）
cart.vue <template> <view class="search-content"> <view class="search-header" style="font-size: 30px; pad
2021-09-03 07:15:39
原创 uniapp 性能提升之gzip()
這是個什麼妖怪框架嘛！這個前端界面的性能簡直辣眼睛啊。 搞了一下午，終於把它優化了一丟丟兒 uniapp下新增vue.config.js文件 安裝依賴 npm install brotli-webpack-plugin -s n
2021-08-30 16:24:35
11
原创 前端JS圖片壓縮插件（df_compressImg）
隨着手機攝像機像素的提高，動不動就要拍月亮做微焦整3D搞VR，圖片視頻的壓縮技術已經越來越被重視。因爲項目需要隨即看了幾天資料，自己動手封裝了一個前端壓縮圖片的方法。 預覽下效果先 壓縮前 壓縮後 第一步： 理解前端壓縮的原
2021-08-03 06:19:45
原创 uniapp 定義全局過濾器
和vue沒啥區別哈，其實就是給大家的福利，免得有人從零開始的呢。 第一步：新建文件目錄和文件 根目錄下新建common文件夾 common/filter/filters.js export const fliters = { a
2021-07-20 18:46:51
原创 一個非常簡單看你某段js代碼運行時長的方法
今天項目寫了一個超級數組的reduce方法，因爲懷疑它的性能就做了一個測試，偶然發現了一個很簡單的看代碼運行時間的方法。 console.time("reduce"); var arr = [{name: 123},{name: 456}
2021-07-13 02:47:08
原创 js生成一個永不重複隨機數
vue項目中經常遇到for循環需要唯一key的問題，一直都是用的index，沒想到實戰項目裏面爆了，因爲嵌套循環導致key重複了，所以有了這個方法。 /** * 生成一個用不重複的ID * @param { Number } rando
2021-07-13 02:46:58
原创 uniapp低效率但很有效的解決swiper高度自適應問題
uniapp新手使用到這個插件時基本上難以避免的坑，網上解決方法不少，我目前找了一個感覺性能上可能不太好的，但起碼簡單有效。 上代碼 <template> <view> <swiper :autoplay="fals
2021-07-04 09:48:35
1
原创 uniapp.request的簡單封裝和調用
根目錄新建util文件夾，新增api.js文件 api.js /** * 接口調用封裝文件 * 作者：z_d_f * 時間：2021/06/25 * 根據uni.request()做進一步封裝，採用Promise進行優化響應。
2021-07-04 09:48:35
原创 uniapp最簡單最細心的安裝uView-ui教程
一入uni深似海，從此悠閒成泡影。不說了，說多了都是淚啊！ 安裝一個uview-ui居然安裝了一上午 少年啊，千萬別用npm的方式安裝啊，真的是沒得反應啊。 第一步 根據官網去下載最新的zip文件 下載地址 第二步 下載之後複製路徑中的uv
2021-07-04 09:48:35
5
原创 Chrome如何查看.md(Markdown)文件
Markdown Preview Plus 首先搜索安裝此插件 然後打開此插件詳情,勾上就行，英語版的自己翻譯對應。 安裝後重啓瀏覽器就可以展示.md文件了。
2021-06-25 06:49:13
135
原创 webpack4.0（第一章）項目從入門到理解。
首先我們忘記webpack，然後我們現在搭建一個項目 項目結構 webpack-demo + |- index.html + |- index.js + |- style.less 項目就這麼簡單，一個html入口，包含一個js文件
2021-06-16 12:24:42
原创 一個JS判斷所有類型的方法
function isType(data, type) { const typeObj = { '[object String]': 'string', '[object Number]': 'num
2021-06-10 20:16:10