iframe<iframe id="iframe" name="iframe" height="100%" width="100%" src="https://www.baidu.com" scrolling="auto" frameborder="0" onloa...
2020-12-16 more通過 CDN 優化 ElementUI 的打包雖然在開發階段，我們啟用了 element-ui 組件的按需加載，盡可能的減少了打包的體積，但是那些被按需加載的組件，還是占用了較大的檔案體積。此時，我們可以將element-ui中的組件，也通過CDN的形式來加載，這樣能夠進一步減小打包后的檔案體積。具體操作流程如下：① 在main-prod.js中，注釋掉element-ui按需加載的代碼② 在public/index.html的頭部區域中，通過CDN加載elem......
2020-12-16 more實作圖片的壓縮,上傳功能簡言:在前端開發中,我們經常會遇見圖片上傳等功能,很多前端作業者 都知道利用input的 file功能實作圖片上傳的樣式常用的可能是 用一個a標簽包裹著input 實作按鈕狀的上傳樣式但是在深層次的長傳和壓縮功能 卻知知甚少下邊我將以個人案例幫助大家了解 上傳 壓縮等功能首先 圖片壓縮的原理是 獲取當前圖片檔案轉化成base64格式, 創建image物件把圖片的base64賦值上去獲取改圖片的實際大小,定義需要壓縮后呈現的尺寸 除以當前的圖片尺寸 得出 壓縮比....
2020-12-16 more計算屬性與監視屬性計算屬性在computed物件中定義計算屬性的方法，在頁面中使用{{方法名}}監視屬性通過 vm物件中的$watch方法或者 watch配置來監視指定的屬性，當屬性發生變化時，回呼函式自動呼叫，在函式內部進行計算使用vue計算屬性實作一個簡單的查找：效果前：效果后：html里面寫：<div id="app"> <input type="text" placeholder="請輸入商品" v-mod...
2020-12-16 morelet var constvar關鍵字var關鍵字的用法js中宣告變數的關鍵字。var num = 1;如果在函式作用域中宣告，為區域變數；如果在全域中宣告，則為全域變數。num = 2;這種寫法實際上是賦值，如果在函式作用域中賦值就會去找當前函式作用域中的num，如果當前作用域中沒有這個變數就會接著去上一個作用域中尋找，直到找到全域，在全域中如果也并沒有宣告過這個變數，就會給全域物件window強行添加一個num屬性進行賦值。var關鍵字的缺點1） var會被宣告提前，會打亂程式原本...
2020-12-16 moreWEBPACK+ES6+REACT入門1/7-創建webpack4.x專案前言創建webpack4.x專案前創建webpack4.x專案babelhtml-webpack-plugin前言因本人專案需求，需要進行前端技術學習，特將學習內容整理如下。因為對前端的技術十分陌生，希望各大神批評指正！為了方便交流與學習，特將本筆記整理為七大部分，以下內容為第一部分。創建webpack4.x專案前1、學習中使用工具為Microsoft VS Code。需要安裝node.js。2、因webpack各版本配...
2020-12-16 moreswitch陳述句編程實作：給出一個百分制成績，要求輸出成績等級A、B、C、D、E。90分以上為A，80至89分為B，70至79分為C，60至69分為D，60分以下為E。解題思路：score為輸入的成績，定義一個變數a，讓score?a所得到的整數部分進行判斷所在的成績等級。注：本篇重點要求熟練的掌握switch陳述句的格式，為保證輸入資料的準確性，可加上“default”，表示在得到除上面的結果(0<a<=10)外，報告輸入的資料有誤。代碼如下#include<stdio.h>...
2020-12-16 more表：ceshi
ID 欄位A 欄位B
1 海淀 北京市海淀區A小區
2 徐匯 上海市黃浦區B小區
我想查找到 欄位B 包含 欄位A 的資料 也就是查找...
ACCESS 表中的 兩個欄位怎么比較
表：ceshi
ID 欄位A 欄位B
1 海淀 北京市海淀區A小區
2 徐匯 上海市黃浦區B小區
我想查找到...
一個個人用的瀏覽器首頁，可以把一下常用的網站放在這里，平常打開會比較方便。 第一步，HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......
uj5u.com 2020-09-10 04:38:47 more最近因為寫一個js函式，需要用到$(window).height(); 由于手寫demo的時候，過于自信，其實對前端方面的認識也不夠體系，用文本檔案直接敲出來的html代碼，第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......
uj5u.com 2020-09-10 04:38:52 moreWordPress博客網站程式在進行升級前，必須要做好網站資料的備份，這個問題良家佐言是遇見過的；在剛開始接觸WordPress博客程式的時候，因為升級問題和博客網站的修改的一些嘗試，良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名，每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......
uj5u.com 2020-09-10 04:39:30 moreWordPress是一款個人博客系統，受到英文博客愛好者和中文博客愛好者的追捧，并逐步演化成一款內容管理系統軟體；它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新，就會牽動無數WordPress愛好者的心， ......
uj5u.com 2020-09-10 04:39:49 more網頁中常見的一種效果，首字改變樣式或者首行改變樣式，效果如下圖。 代碼： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......
uj5u.com 2020-09-10 04:40:09 more1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......
uj5u.com 2020-09-10 04:40:16 moreHTML詳解 初識HTML Hyper Text Markup Language（超文本標記語言） 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽，描述一些 ......
uj5u.com 2020-09-10 04:40:33 more好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......
uj5u.com 2023-04-20 07:59:23 more入職多年，面對生產環境，盡管都是小心翼翼，慎之又慎，還是難免捅出簍子。輕則滿頭大汗，面紅耳赤。重則系統停擺，損失資金。每一個生產事故的背后，都是寶貴的經驗和教訓，都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故，特開此專題，長期更新和記錄大大小小的各類事故。有些是親身經歷，有些是經人耳傳口授 ......
uj5u.com 2023-04-18 07:55:04 more這里給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 打開游戲界面，看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上，有一個白色的矩形框，里面不斷下落著各種單詞，而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配，那么我就可以獲得得分；如果我輸入的單詞錯誤或者時間過長，那么我就會輸 ......
uj5u.com 2023-04-04 08:35:30 more在學習網路之前，了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子，引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......
uj5u.com 2023-03-16 11:00:15 more//11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......
uj5u.com 2023-03-15 09:06:45 more<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......
uj5u.com 2023-02-15 08:56:31 more手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作，和在桌面端做法基本一致。 首先，使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流，并將其傳遞給 <video> 標簽進行渲染。 接著，使用 HTML 的 < ......
uj5u.com 2023-01-12 07:58:22 more這里給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 短視頻已經無數不在了，但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲，一圖頂百辯，且看下圖： 網址鏈接（需在微信或者手Q中瀏覽） 從上圖可以看到，我們主要實作的功能也是本文要講解的有： ......
uj5u.com 2023-01-04 07:29:05 more從 1989 年萬維網（www）誕生，HTTP（HyperText Transfer Protocol）經歷了眾多版本迭代，WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......
uj5u.com 2022-12-24 06:56:02 more??一、form表單是什么
??二、form表單的屬性
??三、input中的各種Type屬性值
??四、標簽 ......