必須使用英文開頭,並且開頭字母一律小寫 所有的命名最好都小寫 儘量不要用縮寫英,除非可以一目瞭然的 如果遇到相差不大 class或者id,主功能識別字母在前,位置識別字母在後,位置識別字母;第一個可大寫(如: navTop, menuLeft) 遵循駝峰命名法:第一個單詞的首字母小寫,其餘每一個有意 ...
在vue中，使用watch來響應數據的變化。watch的用法大致有三種。 1. 常用用法 <input type="text" v-model="name"/> new Vue({ el: '#app', data: { name: '鹹魚' }, watch: { name(newVal,oldV ...
輸入成績（0-100），不同的分數段獎勵不同while(true){var a=prompt('請輸入成績');if (a>=0&&a<=100){ break;}}if (a==100){ alert('獎勵一輛汽車')}else if (a>=80&&a<99){ alert('獎勵一本筆記本' ...
1.html 亂碼 1 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 2.jsp 亂碼頁面開頭加入 <%@ page language="java" import="java.util.*" content ...
作者： 凹凸曼 - 風魔小次郎 背景 Webpack 迭代到4.x版本後，其源碼已經十分龐大，對各種開發場景進行了高度抽象，閱讀成本也愈發昂貴。但是為了瞭解其內部的工作原理，讓我們嘗試從一個最簡單的 webpack 配置入手，從工具設計者的角度開發一款低配版的 Webpack。 開發者視角 假設某一 ...
俗話說：“物以類聚，人以群分”“近朱者赤，近墨者黑”；一個良好的文件夾存放規範，往往能給WEB開發團隊帶來整體的提高渲染效率、方便維護代碼等必不可少的效果。 | |文件夾命名 |存放說明 | | | | | |_root/根目錄 | | | | |cn |中文html文件 | | |css |層疊樣 ...
“智慧園區管控系統”基於物聯網生態體系操控平臺架構，利用新一代信息與通信技術來感知、監測、分析、控制、整合園區各個關鍵環節的資源，集成了光伏、變電站、停車場等管控場景界面，使各系統之間互聯、共用、智慧，實現了多信息協同聯動，為園區安全管理、業主便捷生活、物業信息化管理提供了有力保障。有效的降低了企業... ...
一：完整代碼 ;(function (w){ function createElement(type, attribute, ...childs){ //創建虛擬DOM let element = { type: '', attribute: {}, childs: [] }; element.ty ...
我們在使用html編寫一個網站的時候，通常情況下頭部和尾部是相同的，如果一個網站的每個頁面都把這些代碼寫一遍，不僅浪費時間，還顯得重覆代碼很多，所以此時把重覆的頁面單獨摘出來，在用到的時候從外部直接引進去，就能節省很多時間，減少很多代碼。 在這裡，有好幾種引入html文件的方式，不過每種都是有利有弊 ...
最近在做一個頁面時，發現在 iPad 的 Safari 瀏覽器中背景顯示不全，定位到該 div 後發現所指定 css 的寬度為 100% ； 到百度搜索後發現，safari 中 viewport 預設寬度為 980px，若事先未指定其初始 viewport 寬度，則會預設按照 980px 處理。 可 ...
在做表單提交時我們有時會遇到這樣的需求，在用戶沒有輸入必填信息點提交時提示文字需要改為我們想要的提示信息，那麼可以在input裡面增加這樣的語句： <input type="text" placeholder="您的姓名" required oninvalid="setCustomValidity( ...
在很多網站上我們都看到input輸入框顯示提示文字，讓我們一起來看看如果在input輸入框中顯示提示文字。我們只需要在<input>標簽里添加：placeholder="提示文字即可"，那麼如果要修改提示文字的樣式呢？可以這樣設置css樣式： <!DOCTYPE html> <html> <head ...
在html中如果要把多餘的文字顯示為省略號，那麼有以下幾種方法： 單行文本： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt ...
響應式網站、移動端頁面在DIV CSS佈局中對於圖片列表或圖片排版時，如果想要圖片按比例縮放，最簡單的就是把img寬度設為100%，不設置高度，高度就會自動跟著高度縮放。 但是如果要達到的效果是，要讓圖片的寬高要按一定的比例顯示，如1：1 、4：3 等，然而圖片尺寸不是這個比例，又不想讓圖片拉伸變形 ...
我們做登錄頁面時有時需要用戶名和密碼倆端對齊，這樣顯得美觀一點，下麵介紹一下幾種實現方法： 一、使用 text-align屬性（只相容谷歌、火狐瀏覽器）： html <ul> <li>密碼</li> <li>用戶名</li> <li>身份證號</li> </ul> css ul li{ width: ...
下麵介紹幾種使用Css實現文字豎向排版的方法： 1.一個句子的豎向排列 如圖： <!DOCTYPE html> <html> <head> <title>test</title> <meta charset="UTF-8"> </head> <style> .one { width: 20px; m ...
下麵介紹一下div嵌套div時margin不起作用的解決方案。 順便科普下margin的定義和用法。 div嵌套的HTML代碼： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" ...
本系列基於阮一峰老師的《JavaScrip語言入門教程》或《JavaScript教程》記錄整理，教程採用知識共用 署名-相同方式共用 3.0協議。這幾乎是學習js最好的教程之一(去掉之一都不過分) 最好的教程而阮一峰老師又採用開源方式共用出來，之所以重新記錄一遍，一是強迫自己重新認真讀一遍學一遍；二 ...