原创 vue封裝自定義組件,打包發佈到npm上使用

封裝vue組件庫有2種形式: 1、使用 webpack-simple 模板,沒有vue-router的中間件,不需要路由時推薦使用,同時 webpack-simple 沒有格式的檢測 2、使用 webpack 模板 ┌─testNpm

原创 REACT —— 包含其他組件的容器寫法

import React from 'react'; import { Card } from "antd"; export default function Panel(props) { return ( <Card b

原创 解決 Echarts 點擊事件調用n次的問題

var myChart = echarts.init(document.getElementById('main')); // 1、清除畫布 myChart.clear(); // 2、調用setOption myChart.set

原创 Vue —— 深度選擇器

當我們在Vue組件中需要局部修改其他組件的樣式,同時又不想去掉 scoped 屬性造成不同組件之間的樣式污染。 可以用以下方法來穿透scoped。 <style scoped> 外層 >>> 其他組件類名 {

原创 自動生成GraphQL接口文件的步驟

1、安裝CLI $ yarn add -D graphql @graphql-codegen/cli 2、初始化 $ graphql-codegen init gql文件示例 // backend-id-options.gql

原创 RN的Image組件在安卓系統裏奔潰的解決辦法

將Image組件換成FastImage組件 import FastImage from 'react-native-fast-image'; <FastImage style={S.IMAGE} source={{

原创 H5+微信小程序 —— 解決iPhoneX全面屏底部小黑條遮擋的問題

在iPhoneX全面屏手機上,屏幕底部有一條小黑條遮擋頁面的顯示。 爲了解決這個問題,我們可以使用iOS11 的新增特性,Webkit 的一個 CSS 函數,用於設定安全區域與邊界的距離,它有四個預定義的變量: safe-area-ins

原创 uni-app —— 小程序自定義封裝支持多圖上傳(支持圖片壓縮功能)

最近在使用uni-app的上傳功能時,發現目前只有APP端支持多張圖一起上傳,而小程序不支持,於是自己動手封裝一下支持一次上傳多張圖片。 原理:其實底層還是一張圖片一張圖片上傳,只是獲取的時候可以一次獲取多張,然後寫代碼自動依次處理這多

原创 Angular 數據不更新解決方案

 在組件裏添加以下代碼: import { ChangeDetectorRef } from '@angular/core'; // 在需要更新數據的地方引用 this.changeDetectorRef.markForCheck()

原创 使用hexo搭建自己的博客

1、在github註冊一個自己的帳號 https://github.com 2、在github裏新建一個項目,項目必須要遵守格式:賬戶名.github.io,不然接下來會有很多麻煩。並且需要勾選Initialize this repo

原创 Angular 路由切換後頁面返回頂部

 由於Angular是單頁面應用,所以在路由切換後頁面的位置並不會像多頁面那樣重新刷新頁面,滾動條置頂,爲了解決這個問題,可以監聽路由事件,在裏面做滾動條置頂操作。 import { Component, OnInit } from

原创 Angular自定義雙向數據綁定

counter.component.ts import { Component, Input, forwardRef } from '@angular/core'; import { ControlValueAccessor, NG_V

原创 JS加密操作

1、base64加密 在頁面中引入base64.js文件,調用方法爲: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>ba

原创 Angular裏注入service的方式

1、module裏注入 @NgModule({ imports: [ BatchExtractionRoutingModule, SharedModule ], exports:

原创 公共重置樣式——common.css

common.css  /*reset*/ html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,butto