原创 Framework學習(二)Zygote進程

一、概述 zygote,在英語中是受精卵的意思。而在Android系統中也有這麼一個“受精卵進程” – Zygote進程。 在Android系統中,Zygote進程是所有Android進程的父進程。它通過fork的形式,創建Sys

原创 H5 Hybrid性能優化方案

在混合開發中,我們經常需要H5開發一些活動頁面或內嵌的H5頁面。當頁面比較重,或網絡較差時,經常出現加載緩慢,對客戶體驗不好。那麼如果改善這個問題呢? 先看一下webview加載流程,webview加載通常可以分爲以下幾個過程: Webv

原创 Vue:調試神器VConsole

自從接觸Vue後,作爲H5面對和手機端的調試總是深感麻煩。受制於網絡,除了Chrome的調試外,還有一個調試神器也不錯,那就是VConsole!   VConsole是騰訊開源的一個輕量、可拓展、針對手機網頁的前端開發者調試面板。 開源地

原创 H5:安裝nginx服務器及部署H5項目步驟

雲服務器上執行命令 準備: 雲服務器一臺、已打包待部署H5項目、SecureCRT軟件 安裝nginx服務器: yum -y install gcc-c++   yum -y install pcre-devel yum -y inst

原创 Vue:new Date(date)在ios下的兼容性問題

問題: 今天碰到一個奇怪的問題,格式爲“2019-12-14 10:00”的時間,通過new Date()獲取時間戳,在Android和ios上表現不一致。 一番研究,才發現 (new Date("xxxx-xx-xx xx:xx")).

原创 Vue: 倒計時

HTML: <div>{{countDownList}}</div> script:  export default {   data() {     return {       countDownList: '00天00時00分0

原创 Vue:圖片預覽vue-photo-preview的使用

vue-photo-preview   應用場景 點擊圖片,能夠以類似朋友圈的方式展示圖片,主要功能:預覽,放大。   選擇 經過網上一番查閱,有三款插件比較不錯,分別是 viewerjs、vue-photo-preview 以及 vue

原创 Linux學習筆記1:基本權限和軟件安裝

基本權限 1、-rw-r--r-- -文件類型(-文件,d目錄,|軟鏈接文件) 剩下9位,3位一組,分別代表:u所有者、g所屬組、o其他人 的權限 r讀,w寫,x執行   2、chmod命令 格式: chmod [選項] 模式 文件名

原创 Nginx訪問本地項目及配置

場景 在H5開發中,有時候有些問題只在線上環境出現,線上環境又不能隨便更改代碼和配置,比如,我們需要對頁面進行重定向,正則匹配轉發,那麼我們能不能在本地調試就能模擬線上環境頁面訪問情況呢? 答案是肯定的!那麼如何做呢?   模擬線上環境頁

原创 Vue:表格組件vue-easytable的使用

需求背景 在移動端頁面開發上,有些場景需要使用表格。可能涉及表格的展示、編輯、單元格拆分、單元格合併、刪除、行列凍結。和移動端相比,H5開發效率較快,本文也只討論在移動端H5開發上表格組件的使用。   方案選擇 1、hansontable

原创 H5:消除div裏面img的縫隙

當我們將img標籤放於div中,仔細查看會發現img底部和div底部有一道很小的縫隙。 那麼如何解決這個問題呢?   三種方式: 1、定義容器裏的字體大小爲0 2、圖片img標籤display:block 3、定義圖片img標籤verti

原创 H5:微信分享頁面緩存嚴重的解決方案

問題場景 通過微信分享一個H5頁面給用戶,分享時頁面參數拼接在url中。頁面參數不同,頁面內容不同。 由於微信自帶瀏覽器會緩存頁面,當頁面打開次數多了,會發現分享的B參數的頁面,打開後仍是之前的A參數頁面。   在微信開放社區上查找一番,

原创 H5:救命技能之Webstorm恢復被刪文件

今天,整理代碼的時候操作不慎,多刪除了項目文件,因爲文件大,連回收站也清空了,想起來有部分代碼未提交欲哭無淚! 重寫是不想重寫的,於是試了幾個數據恢復軟件,免費版專業版都用上了,發現還沒恢復成功....... 想起來,Webstorm還有

原创 H5:html2canvas使用筆記

場景描述: 在H5頁面需要生成截圖,用於分享給其他用戶。可以通過開源庫html2canvas實現這一功能。   官方文檔 github -> https://github.com/niklasvh/html2canvas 使用文檔 ->

原创 手機屏幕尺寸大全

在進行前端頁面開發時,有時候需要根據手機進行適配,爲避免每次查找麻煩,貼一個手機屏幕尺寸大全, 數據來源:優設網-屏幕尺寸大全 iPhone 11 Pro iOS 5.8 458 19 : 9 375 x 812 1125 x 2436