原创 大屏項目屏幕分辨率適配

一、大屏項目屏幕分辨率適配:1366*768 和 1920*1080 和 2560*1440 和 4096×2160 二、css方案選擇:css的寬高以什麼爲單位? 1、字體大小以 “相對單位rem” 爲單位更合適(以 1920*1080

原创 微信清除緩存問題

在工作中經常遇到公衆號的開發,其中公衆號的緩存問題是比較噁心人的。 解決辦法: 找到 文件傳輸助手,發送 debugtbs.qq.com ,打開鏈接,選擇清除TBS內核,success

原创 問題:webpack not installed Install webpack to start bundling: $ npm install --save-dev webpack

剛開始默認裝的webpack4.39.3的,webpack時報下面的錯誤,按照提示也無法解決 於是換了版本,先卸載 npm  uninstall  webpack  -g 在安裝指定版本 ,我裝的是3.5.5 npm  install 

原创 webpack的學習(五):Plugin/Preset files are not allowed to export objects,webpack報錯/babel報錯的解決方法

1、爲什麼會報錯 ?  這裏抱着錯誤是因爲 babel 的版本衝突。  多是因爲你的 babel 依賴包不兼容。    可以查看你的 package.json 的依賴列表  即有 babel 7.0 版本的( @babel/core ,

原创 js 中set去重並轉爲數組

const items = new Set([1, 2, 3, 4, 5, 5]); //去重 const array1 = [...items]; //2.轉成數組  

原创 div實現水平垂直居中的幾種方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> html,b

原创 nrm的安裝使用

作用:提供一些最常用的NPM包鏡像地址,能夠讓我們快速切換安裝包的服務器地址; 什麼是鏡像:原來包剛一開始只是存在於國外的NPM服務器,但是由於網絡問題,經常訪問不到,這時候,我們可以在國內,創建一個和官網完全一樣的NPM服務器,只不過,

原创 webpack的學習(三):webpack-dev-server實現自動打包編譯

使用webpack-dev-server 來實現自動打包編譯的功能 1、運行 npm i webpack-dev-server -D 把這個工具安裝到項目的本地開發依賴 注意:webpack-dev-server 這個工具,如果想要正常運

原创 webpack的學習(二)

webpack不通過命令的形式指定入口和出口進行打包構建 創建一個配置文件 webpack.config.js const path = require('path')   //這個配置文件,其實就是一個 JS 文件,通過 Node 中

原创 webpack的學習(一)

webpack安裝的兩種方式 1、全局安裝 npm i webpack -g 2、在項目根目錄中運行 npm i webpack --save-dev 安裝到項目依賴環境中   1、初始化項目 npm init -y 2、npm i jq

原创 Error: Cannot find module 'webpack-cli/bin/config-yargs'

webpack 用npn run dev啓動報錯, 原因是 webpack-cli 包已經從webpack分離出來了,所以要單獨安裝解決方案: 運行npm i -D webpack-cli 點贊 收藏 分享

原创 webpack的學習(四):插件 html-webpack-plugin

作用: 1.自動在內存中根據指定的頁面生成一個內存的頁面 2.自動,把打包好的bundle.js 追加到頁面中去   1、運行 npm i html-webpack-plugin -D 安裝 2、在webpack.config.js 中導

原创 解決td內容過長撐開table的固定寬度

table表格寬度固定,同時td內容過長也不會被撐開,設置如下css: table{table-layout:fixed;word-break:break-all;}  

原创 如何將 Web 主頁性能提升十倍以上?

最近,我們將 Universe.com 主頁的性能提升了十倍以上。在本文中,我們將解析實現這一重大改進的具體技術手段。 但在開始之前,讓我們先對網絡性能的重要意義進行一番論證(博文末尾提供相關案例研究鏈接): 用戶體驗: 糟糕的性能可能

原创 JavaScript 面試:何爲閉包?

什麼是閉包? 閉包即函數與其引用的周邊狀態(詞法環境)綁定在一起形成的(封裝)組合。換句話說,閉包可以讓我們從函數內部訪問其外部函數的作用域。在 JavaScript 中,每當函數創建,閉包就被創建。 爲了使用閉包,我們可以簡單的將一個函