原创 Vue爬坑之旅(二十五)：vue實現百度地圖雙向位置信息綁定
官方文檔：百度地圖api SDK 線上demo：https://my.weblf.cn/lf_demo/map/baidu 一、先引入百度地圖插件庫，可使用多種引入方式，本文采用cdn引入 <script type="text/jav
2020-07-05 06:40:25
1
原创 一個基於vueCli3的移動端多頁面腳手架
Vue Multiple Pages 基於vue-cli3.0 + [email protected]的多頁腳手架 項目地址：點擊此處 線上demo：點擊此鏈接 編譯速度與熱跟新速度要優於webpack2.0、3.0，但相應的消耗內存變大，在n
2020-07-05 06:01:13
1
原创 Vue爬坑之旅(二十六)：vue中使用tinymce-vue
tinymce-vue是一款強大的富文本編輯器 UI精美，功能模塊多，可按需加載配置 github地址：tinymce-vue demo查看 一、安裝 "@tinymce/tinymce-vue": "^3.0.1", "tinymce
2020-07-05 06:01:13
1
原创 vue節日倒計時列表
如果本文幫助到你，本人不勝榮幸，如果浪費了你的時間，本人深感抱歉。 項目線上demo：https://my.weblf.cn/lf_demo/others/rili_list 項目結構： rili.vue <template> <
2020-07-05 06:01:03
2
原创 使用拖放排序插件Sortable.js
Sortable 是一個JavaScript庫，用於在現代瀏覽器和觸摸設備上重新排序拖放列表。不需要jQuery。支持 Meteor, AngularJS, React, Polymer, Vue, Knockout 和任何CSS庫, 例
2020-07-05 06:01:03
1
原创 photoshop使用切圖工具選擇圖層
第一步、下載切圖工具 鏈接：https://pan.baidu.com/s/13VhyGKSQ-cv-Pz7sZ0Z48g 提取碼：xau2 打開後可以看見 第二步、打開photoshop 由於我只用來切圖，所以版本一直沒升過，還是c
2020-07-05 06:01:03
原创 vue的sku前端實現(商城選擇規格)
庫存保有單位 （Stock keeping Unit 或者SKU）是對每一個產品和服務的唯一標示符，該系統的使用SKU的值根於數據管理，使公司能夠跟蹤系統，如倉庫和零售商店或產品的庫存情況。 在開發商城時，我們需要對商品的sku進行判斷，
2020-07-05 06:01:03
原创 TortoiseGit沒有關聯小圖標（紅色、綠色圖標）解決方案
方法一、 1、按Win+R鍵打開運行對話框，輸入 regedit.exe ，準備修改註冊表； 2、在HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\Explo
2020-07-05 06:01:03
原创 h5 css 瀑布流圖片展示
在H5的圖片佈局中，我們經常遇到容器盒子一致但圖片大小不一的情況，如果僅僅展示一列的話，則可以通過調整圖片寬度100%來佈局，但是如果有二列呢，我們使用css3的column-count屬性分列 demo查看：https://my.web
2020-04-16 08:51:07
原创 瀏覽器端使用less
官網地址 http://lesscss.cn/ 線上demo效果查看：https://my.weblf.cn/alone_page/pages/less.html 1、通過在官網或者GitHub下載less.min.js文件，也可通過官網
2020-03-04 13:30:15
原创 H5在瀏覽器端使用mint-ui
H5在瀏覽器端使用mint-ui框架，直接通過cdn引入 <link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css"> <script src="https
2020-03-04 13:30:15
原创 iOS設備 微信h5頁面回退 內容不刷新的問題
在android 瀏覽器 包括微信的開發者工具 都是返回後刷新頁面了的，但是在ios端則有一些情況是不刷新的 比如history.go(-1)，history.back()等，只有跳轉頁面是可以的，如window.location.hre
2020-02-25 01:01:10
原创 使用npm發佈自己的npm包
一、在npm的官網上註冊一個賬號，https://www.npmjs.com/ 二、在要發佈包的項目裏打開命令行，輸入使用npm login 命令登錄 在項目的package.json中一些提示性文字 "name": "項目名字",
2020-02-23 02:04:36
原创 H5 canvas的使用(二)：移動端手勢密碼
線上demo：https://my.weblf.cn/xly/demo/canvas/hand.html 代碼： <!DOCTYPE html> <html> <head lang="en"> <meta content="wi
2020-02-23 02:04:36
原创 H5橫幅，旗幟飄動動畫
核心思路是將已有的圖片通過背景圖片定位設置在不同的元素上，給元素添加動畫，使之看起來有飄動的感覺。如果米有現有圖片，則使用截圖工具生成圖片。 參考博文：https://my.oschina.net/codingDog/blog/18390
2020-02-23 02:04:36