原创 一個企業網站項目製作總結
一個企業網站項目製作總結 使用技術： Html+css+jquery+swiper+swiper.animated.css+animated.css 負責內容： 1、與甲方負責人確定wap端頁面 2、Wap端靜態頁面製作與兼容性處理
2020-04-25 13:50:03
原创 在swiper-slide中水平垂直居中元素flex實現
代碼結構： <!-- Swiper --> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"
2020-04-15 13:42:01
原创 wap端一屏背景頁面瀏覽器/手機兼容性問題
近日，做了一個wap端企業展示官網，遇到一個問題，該需求如下： 需求：在首頁所有內容只有一個背景，所有內容都呈現在該背景上，如圖所示： 頁面結構如下： <body> <div class="container"> <!--菜
2020-04-11 13:50:23
原创 移動端自適應rem小米官方寫法
// 移動端自適應代碼 ! function(e) { var t = e.document, n = t.documentElement, i = e.devicePixelRatio || 1
2020-04-06 14:44:33
1
原创 swiper實現內容自適應勻速滾動
<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"><img src="./i
2020-03-06 15:40:48
原创 VSCode配置之open-with-Live-Server 無法打開瀏覽器【解決方法】
如果你的vscode編輯器打開瀏覽器時默認打開的是iE,想要把它改爲chrome，怎麼辦呢？ 我遇到如下原因： 這是按照網上的setting.json配置 這是運行了 open-with-live-server後的報錯彈出： 報錯
2020-02-22 15:14:09
原创 arguments.callee實現深拷貝
最近正在看一個騰訊課堂裏面的學習視頻中的js知識點，然後有一個深拷貝的題，於是就做了一下，使用arguments.callee實現深拷貝。 <script type="text/javascript"> var obj={
2020-02-20 15:52:13
原创 div中寬高度自適應文字換行居中問題解決
<html> <head> <meta charset="UTF-8"/> <title>div中寬高度自適應文字換行居中demo</title> </head> <style ty
2019-11-25 14:32:25
原创 搖一搖—微信7.0.8版本audio無法自動播放問題
近日有一個項目出現audio無法自動播放，查看原因才發現是微信版本更新爲7.0.8版本，需要有交互行爲，第一次播放需要用戶手動點擊一下，無法使用DOM中的play()進行直接播放操作，那怎麼辦呢？ 通過微信社區看到了它們說的可以通過web
2019-11-06 14:36:13
原创 千峯老師前端性能優化之節流
大前鋒名匠公開賽中的千峯root老師講解了前端的性能優化之節流與防抖，這裏是節流的方法。 節流：即在一定時間內減少事件執行的次數。 root老師是通過閉包的方式解決的節流問題。 code如下： <div class="box"></div
2019-06-08 14:24:51
1
原创 批量更改圖片擴展名
最近由於需要處理很多圖片，並且圖片是由別人網站上獲取的，導致擴展名不是jpg和png的，所以，需要對擴展名進行更改，但是一個一個的改太浪費時間，所以決定找一個快速批量處理工具，然後看到了這個程序，感覺很不錯，小巧，快速。 內容如下: 如we
2019-05-31 14:25:07
原创 修改video樣式代碼
/*video::-webkit-media-controls-fullscreen-button {display: none; //更改是否顯示全屏按鈕}*//*video::-webkit-media-controls-play-b
2019-05-17 14:34:17
原创 ES6隨手學
1、遍歷字符串 for (let codePoint of 'foo') { console.log(codePoint) } 格式：for(let print of string){ } print:輸出的
2019-04-28 14:29:39
原创 千峯公開課徐老師講解前端前沿技術總結
機器學習算法 tensorflow.js webGL開發webVR webRTC開發頁面音頻與視頻對話api 利用webRTC實現webAR webAssembly技術 Pwa native app開
2019-04-27 14:25:47