原创 VUE 生成帶Logo 的二維碼

原文: 輸入命令行下載 npm install vue_qrcodes   <template> <div> <qrcode :url="data.url" :iconurl="data.icon" :wid=

原创 JavaScript 複雜判斷的更優雅寫法

原文鏈接:https://mp.weixin.qq.com/s/6n78aHGPl4bNkka47kQWXQ 前提 我們編寫js代碼時經常遇到複雜邏輯判斷的情況,通常大家可以用if/else或者switch來實現多個條件判斷,但這樣會有個

原创 算法入門篇:簡單的排序算法

原文鏈接:http://www.imooc.com/article/264180

原创 解決iOS12以上微信內置瀏覽器下鍵盤收起底部空白的問題

原文鏈接:https://www.jianshu.com/p/a57946771c4d /* * iOS12以上版本,微信打開鏈接點擊輸入框獲取焦點後虛擬鍵盤自動彈出 * 收起鍵盤,原來彈出鍵盤的位置一片空白,頁面沒有自動適應整個

原创 移動端左右移動導航

左右移動導航 <section class="n-tabs"> <ul class="n-tabContainer" id="auto-id-1509603311057"> <li class="n-tabItem" data

原创 連這些都不知道,還怎麼去阿里?

雖然知道了也去不了阿里,但一下知識點卻是必知的知識點 原文鏈接:https://mp.weixin.qq.com/s/8aBa1E06jugMdEjaavoziA CSS權重 css權重指的是樣式的優先級,有兩條或多條樣式作用於一個元素,

原创 CSS字體過長顯示省略號 ...

通常字體過長時需要顯示省略號   ...   <div>字體過長時顯示省略號的幾種方法</div> div{ overflow:hidden;//隱藏文字 text-overflow:ellipsis;//顯示 ...

原创 input 複選框修改樣式

<input type="checkbox" /> input[type='checkbox']{ width: 20px; height: 20px; background-color: #fff;

原创 uni-app上傳圖片轉base64

今日用uni-app實現上傳圖片功能,但後臺需轉64格式,研究了大半天,終於實現了 uni.chooseImage({ count: 6, //默認9 sizeType: ['original', 'compressed

原创 JavaScript常用數組操作方法,包含ES6方法

原文鏈接:https://mp.weixin.qq.com/s/f-ygI68q-dj6pj6KRxZ-sQ 不會改變原數組:標題色    會改變原數組:標題色 一、concat() concat()方法用於連接兩個或多個數組。該方法不會

原创 屏幕適配

  <meta name="viewport" content="width=device-width,initital-scale=1.0,maximum-scale=1.0,user-scalable=no"> width:設置

原创 JavaScript面試題

原文鏈接:https://mp.weixin.qq.com/s/IRugR0BJi6FkI67t7ndQfw 問題:描述JavaScript中的繼承和原型鏈,並舉例子 雖然JavaScript是一種面向對象的語言,但它是基於原型的,而且並

原创 前端程序員必須掌握之三角函數在前端動畫中的應用

原文鏈接:https://mp.weixin.qq.com/s/qNRL_bx3NJcUP2mkm38Kbw 一直都沒有好好學動畫,因爲懶於計算,藉此機會補補課 三角函數 勾股定理 最開始學三角函數的時候就是從勾三股四弦五開始,勾股定理描

原创 map和reduce,處理數據結構的利器

原文鏈接:https://mp.weixin.qq.com/s/QEwb3hL0k95bOC1OPfENwQ 一個簡單的reduce 實踐 當你想要將多個數據放進一個實例中時,你可以使用一個reducer const posts=[

原创 紀念 mui 掃描二維碼 之路給自己挖的坑

今天項目添加一個掃描二維碼的功能,各種百度,各種搜索,各種api,嘗試了各種方法,就是掉不出攝像頭,急的我,眼看領導給的期限越來越近了,換個手機,安卓,上,咦?沒問題,換個蘋果X ,提示,是否允許訪問照相機,瞬間明白了,自己把照相機給拒絕