原创 項目中遇到的坑和注意點 總結 持續更新

gitHub地址: 傳送門 工作中遇到的坑和思考 有不同意見歡迎指正交流 前排推薦 https://github.com/topics/javascript 關注JS開源框架動態 勤於總結和思考 1. ajax請求的結果要和後

原创 BFcache

BFcache H5瀏覽器和webview後退緩存機制(轉載) http://www.jianshu.com/p/1557c4b737e1 You Do Not Understand Browser History http://m

原创 前端JS將文字替換成僞類標籤防爬蟲的一個方法

話不多說 思路就是 把重要的信息轉換成僞類標籤 顯示出來 把原有的文字刪除 本來還擔心替換成僞類標籤後字體什麼的會改變 僞類標籤很好的繼承了樣式 上代碼 但是呢 很遺憾 你還是要過接口 這個方法可以作爲中轉 比如你和後

原创 手把手教你利用前端字體文件(.ttf)混淆數字來阻止爬蟲爬取網站數據

先上一張效果圖 假如 正確的數字是321456 這時候用戶看到的就是對的 而爬蟲在抓取數據的時候 抓到得是123456 混淆了數字 怎麼實現呢? 工具: 1、FontCreator (中文漢化破解版) 當然英語好或

原创 VUE使用viewerJS

viewerjs —- github 傳送門 import viewer from 'viewerjs' // 取得css文件 我這個寫法很low import '../../../../node_modules/viewerjs/d

原创 Vue使用highCharts的儀表盤等擴展

<template> <div> <div id="highCharts" style="width: 400px; height: 300px;"></div> </div> </template>

原创 MUI + Nodejs + Mongodb 圖片上傳的使用總結 (我寫的是頭像上傳 一樣的都是)

爲了寫這個功能真的寫了好久  遇到了好多坑 1   ajax傳輸圖片要把圖片轉成base64的    我也不知道爲什麼   別的方式後臺接不到   前端代碼 function galleryImg

原创 css實現 display: none和display: block的切換動畫

話不多說先上代碼 .index-detail-list .item-contain{ display: none; overflow: hidden; padding: 14px 14px 9px; b

原创 解決在Iframe中切換頁面閃動的問題

很簡單 那就是——加入淡入動畫! css中給body設置opacity body{opacity: 0; transition: opacity 0.2s}body.active{opacity: 1} js中讓body顯示 $

原创 JS(JQ)實現table表格固定表頭且表頭可以隨橫向滾動而滾動

先看一張效果圖 思路: 1、頭部用一個table並用一個div包裹着, 表格的具體內容用一個table 2、頭部外面的div用positon: relative相對定位 3、獲取整個表格的高度

原创 基於JQ 根據輸入內容自適應輸入框高度 支持輸入增高 渲染時設置高度和內容一致

// 調用方法 bootText('textarea', 50) // 第一個參數是class 或者 id 第二個參數是這個class或者id對象的最小高度 function bootText(cls, minHeight){

原创 VUE+Webpack 實現懶加載的三種方式

第一種 引入方式 就是正常的路由引入方式 const router = new Router({ routes: [ { path: '/hyh', componen

原创 仿新浪微博@功能 JS的實現 ——使用JQ At.js 和HTML5 contentEditable

項目需求 增加@功能 先上效果圖Atwho.js  gitHub地址   https://github.com/ichord/At.js需要引入的JS:  <script type="text/javascript" src="jquer

原创 webpack3.x 多入口打包的簡單配置

目錄結構 dist是生成的目錄 pages是你的多入口文件的目錄 我把每個入口的文件的js和css都抽離出來了,靜態資源集中放在同一個目錄 首先是 webpack.config.js const webpack = require

原创 Vue 組件間滾動條互相影響 詳情頁列表頁滾動條相互影響的解決方案 (或許就是你的正解)

今天踩了一個坑 也是自己理解不深的原因吧 寫Vue列表頁到詳情頁的跳轉的時候 詳情頁怎樣佈局都會帶有列表頁的滾動條 後來發現是路由的關係 受組件的影響 以爲詳情頁要和列表頁嵌套在一起 後來發現路由拆開就好了 錯誤的寫法