原创 微信小程序 引入字體圖標
在做公司的項目的時候,引入了奧森字體圖標,控制檯對這個url有報錯提示,雖然字體顯示正常,但還是想解決這個煩人的報錯,試過加載目錄中的fontawesome-webfont.ttf 靜態資源但是加載不上,最後把ttf字體轉換成base64
原创 微信開發工具更新後crypto-js報錯
微信開發工具更新後crypto-js報錯 maximum call stack size exceeded 我們有個小程序已經實現了掃描二維碼連接wifi的功能,現在多出了一種設備使用了另一種二維碼, 二維碼的規則一樣,但是攜帶的參數
原创 shopify theme 跨境電商開發 liquid
最近有有一個叫做shopify的跨境電商的東西需要開發一些主題和模板,使用了一個liquid的模板語言,這個模板語言就是他們公司開發的,買了一個模板進行二次開發,這個代碼嵌套讓人看着頭疼。 json格式多寫一個逗號也會報錯,要注意一下。
原创 監聽頁面後退 瀏覽器後退 showpage 事件
去年底的shopify 項目告一段落,今年初頂着疫情的壓力,開始了公司一個日本租賃設備的網站,需要在進入支付之前的流程都都需要後退頁面數據和服務端一致。 window.addEventListener('pageshow', fun
原创 jquery 移動端 ui 組件庫 移動端前端UI庫—Frozen UI、SUI Mobile、light7、WeUI、jqweui
Frozen UI 開發團隊:QQVIP FD Team 特點:簡單易用,輕量快捷,爲移動端服務的前端框架 主頁:http://frozenui.github.io/ Github:https://github.com/frozenui/
原创 微信小程序 json文件註釋
改了兩三次appid,因爲跟那個公司合作就會給他們增加跳轉,所以需要添加appid ,但是每次都要查一下哪個id到底是哪個公司的,就很麻煩 因爲json文件中加註釋會報錯。 就這樣解決了一下這個問題
原创 小程序多層嵌套wx:for循環多個嵌套數組 嵌套循環修改index與item 列表渲染 嵌套for循環 (二維以上循環)
小程序中進行列表循環的時候,如果有嵌套列表循環中,就需要解決默認的index和item 別名的問題 這是我在工作中做的一個品牌篩選列表 其中遇到了要嵌套循環 brandList,進行列表渲染 在小程序中,默認數組的當前項的下標變
原创 CSS - 純css實現多行文本溢出省略(兼容所有瀏覽器)
這個方式參考了使用了網上流傳的方式來解決,是我目前已知的chuncss的最好解決方案。 我把網上的又增加了文字兩端對齊和,右側padding,讓‘...’更加緊貼文字,對文字形影不離。 <div class="mutil-line-el
原创 微信小程序 修改數組或對象中的一個屬性值單個屬性賦值 的方法
1、在微信小程序中我們在邏輯層使用 “=”改變data中的數據,視圖層沒有改變。 使用等於號“=”賦值的方式,在微信小程序中可以改變data中的數據,但是不能改變視圖層的數據,微信提供瞭解決這個問題的方法,就是setData()方法。
原创 js中的事件委託或是事件代理詳解
這篇博客的內容來自網絡。個人爲了更方便的學習放到這裏。 起因: 1、這是前端面試的經典題型,要去找工作的小夥伴看看還是有幫助的; 2、其實我一直都沒弄明白,寫這個一是爲了備忘,二是給其他的知其然不知其所以然的小夥伴們以參考;
原创 H5新增標籤
1.<header>用在頁面的頭部或者版塊的頭部</header>2.<nav><a href="#">鏈接</a><a href="#">鏈接</a></nav><nav>//用在導航,具體用法仁者見仁智者見智,有幾種常見情況 <p><
原创 aes.js JS實現 加密 解密
用到的庫:aes-js 官方地址:https://github.com/ricmoo/aes-js 原本在小程序中是計劃使用 CryptoJS 的,但是考慮到aes-js也可以滿足並且size也小。 //祕鑰 var pass
原创 CSS漸變之CSS3 gradient在Firefox3.6下的效果兼容使用
這是最近在公司做一個產品的官網遇到的。 這是谷歌顯示效果。 這是兼容之後火狐的效果。貼上代碼: <ul class="wifi-device"> <li><img id="wifi-watch" src="img/mkl_
原创 vue動態組件 互相之間傳輸數據 和指令的定義
3. 無關係組件 在組件中,data中的數據要以函數的形式返回 data:function(){ return{ aa:2 } } 組件中methods
原创 sublime的插件配置
快捷鍵ctrl+` 或者View->Show Console,輸入如下代碼(sublime text3) import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d