原创 css 選擇器和函數

今天看了有關css的文章,雖然現在用css經常用,但有些東西還是值的自己記錄下的,這裏簡單列舉下;這裏講一個比較新的函數  conic-gradient()是屬於css-images-4的一位新成員。就是可以實現不同角度漸變色的一個函數。

原创 css 佈局和排版

今天看了有關css的文章,雖然現在用css經常用,但有些東西還是值的自己記錄下的,這裏簡單列舉下;這裏講rid是二維佈局。意思就是Flex只能同時在一個方向進行作用,而Grid卻可以在縱橫兩個方向同時工作。 <!DOCTYPE html

原创 微信小程序生成海報下載到本地手機本地

 裏面有註釋,這個就不詳細說了,把對應的的圖片路徑換掉,就可以完成運行了 index.js const server = require("../../utils/server"); const config = require("..

原创 css 繼承和可變性

今天看了有關css的文章,雖然現在用css經常用,但有些東西還是值的自己記錄下的,這裏簡單列舉下;這裏是這兩個var()和currentColor案例。   <!DOCTYPE html> <html lang="en"> <head

原创 js獲取查詢字符串參數;一個實用的api

獲取url裏面的參數值或者追加查詢字符串,在這之前,我們一般通過正則匹配處理,然而現在有一個新的api,具體詳情可以查看這裏,可以讓我們以很簡單的方式去處理url。 假如我們有這樣一個url,"?post=1234&action=edit

原创 微信小程序使用canvas畫不規則圖形

 一、根據UI在海報中畫不同的圖片形狀的路徑,這中用css很簡單,用canvas畫的話就要了解canvas中的幾個方法, 效果圖: 代碼如下: Page({   canvasIdErrorCallback(e) {     consol

原创 微信小程序canvas 繪圖方法,生成圖片,下載圖片所遇到的bug(跟canvas相關的bug)

一、canvas 繪圖方法及安卓手機出現繪圖不準解決方案   原因:微信 canvas 繪製也是一個異步函數,即ctx.draw()是異步操作,在 ctx.draw() 後面直接獲取 canvasToTempPath 是不能獲取到 can

原创 微信小程序自定義頭部(navigationStyle)及手機適配

一、官方文檔https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html    -----頁面配置中 avigationStyle 導

原创 微信小程序canvas中draw回調進不去的原因

因爲是在github上下載的項目,就沒有去看調試基本庫 ,回調進不去的原因就是調試基本庫太低,

原创 Uncaught (in promise) 的解決方法

在微信小程序開發過程中,使用了promise,但是在使用的過程中報Uncaught (in promise)錯誤,第一次遇到這種錯誤,左右在此記錄下,方便以後解決問題 getImage: function(url) { re

原创 css實現頁面底部固定在屏幕最下方,內容佔滿屏後緊跟其後的兩種方法

1.只針對底部高度固定的情況,不能解決底部高度不固定的情況, 原理:主要內容放在page-main裏面,page-container最小高度100%(注意這裏html,body高度也要設爲100%),position爲relative。f

原创 純css滾動進度條

1.原理:利用線性漸變, 代碼比較簡單就不詳細說了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport

原创 js 數組扁平化

1.數組扁平化概念 數組扁平化是指將一個多維數組變爲一維數組 遍歷數組arr,若arr[i]爲數組則遞歸遍歷,直至arr[i]不爲數組然後與之前的結果concat 2.實現的五種方式 2.1. reduce 遍歷數組每一項,若值爲數組則遞

原创 微信小程序,自定義switch組件

在我看來這個主要是樣式,相當於自己重新寫一個switch樣式,下面直接看源碼 目錄結構 switch.wxml <view class="switch"> <view class="container"> <text cl

原创 vue 判斷是否登錄,進入不同的頁面

描述:我們在開發中,經常會遇到,進入登錄頁面與主頁面的判斷,通常後臺會傳回一個session來判斷,現在就考慮下有多少中方法來實現這種效果; 1.以前用的方法是直接在app.vue入口文件來判斷跳轉登錄頁面,還是主頁面, 優點:簡單明瞭,