輕染

摘要： import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnChanges, OnDestroy, OnInit, ViewEncapsulation,ViewChild,ElementRef } from '@a 閱讀全文

摘要： 1.某天用到組件通訊時，報了個錯: @Output doSomething not initialized in xxComponent，反復檢查代碼，doSomething是有聲明的，百思不得其解，后來想起來，在引入EventEmitter的時候有vscode彈窗說是否引入EventEmitter 閱讀全文

摘要： 在日常的代碼管理中，經常會遇到管理一系列的數據值，比如管理成績時可以在數據庫中對語文、數學、英語進行編號而不直接使用名稱，在前端對這類數據管理，比較常用的就是枚舉類型，這里說的是enum的使用 枚舉語法： export enum OptionType { '無' = 0, '年度' = 1, '半年 閱讀全文

摘要： 在使用element-ui的form做一個信息收集的表單時，遇到了根據 第一個下拉框 選擇的 角色id 作為 對 form中 其他下拉框 狀態 是否禁用 的標識。簡而言之，比如存在4個角色id(A,B,C,D)，需要選擇的其余下拉框有X和Y。 在角色id為A,B時，X啟用，Y禁用 在角色id為C時， 閱讀全文

摘要： 原生js實現元素的拖拽和拉伸，需要清楚一下幾個要素： 網頁可見區域寬： document.body.clientWidth 網頁可見區域高： document.body.clientHeight 網頁可見區域寬： document.body.offsetWidth (包括邊線的寬) 網頁可見區域高： 閱讀全文

摘要： 在table中有些比較重要的信息需要盡量顯示完整，這需要對整體的table中td寬度進行分配。但是不能無限兼容重要信息而忽略整個table整體布局，就要求可以使其中td在超過的時候折疊起來，代碼是： td {//這里td只顯示一行，所以與td的寬度關聯 min-width: 230px; max-w 閱讀全文

摘要： 在url中的特殊字符有時候是不會被正常解讀的，需要進行轉義處理。 問題描述：在拼接成的url地址中存在 & 符號，導致整個路徑在解讀到一個不是用來拼接參數與值的 & 的時候就結束了，后續的路徑沒有執行到，導致該方法執行異常，找到網上該方法的解決方式是：使用encodeURIComponent()函數 閱讀全文

摘要： 最近項目用的是Angular框架，但是并沒有使用angular的組件庫ant design，公司選擇自己封裝組件庫，那么，很多的功能與樣式實現就必須基于對原生元素的理解了。 其中最基本和常用的大概就是上傳和下載了。自己做了之后才知道，上傳不是像vue一樣只使用FormData將上傳的文件和信息傳遞給 閱讀全文

摘要： 在vue 中存在用v-for循環數字的的方法，快速生成由1遞增到指定數字的數組，通常用以創建頁碼。 但angular中的ngFor無法實現這樣的效果，記錄一下在angular項目中手動封裝分頁組件時需要這種情況的做法： <ul> <li *ngFor="< span style="color: #f 閱讀全文

摘要： 題外話：將后端文件通過功能進行分類有利于代碼的維護。這里目錄結構是：直屬index.js文件統一處理各個文件與外部的交互。 后端在驗證token的時候，需要用到一個庫express-jwt，用來驗證token、token是否過期和添加不需要驗證身份即可訪問的路由接口白名單。 這里用到的是鹽值加密方法 閱讀全文