1）布局排版
2）滑鼠移上文本框發光效果實現：給文本框取一個ID號，如txtInput，設置如下CSS樣式：#txtInput:hover{box-shadow:0px0px 5px 0px #0000ff; }，其中#txtInput:hover表示滑鼠移上ID為txtInput的網頁元素。box-shadow為CSS3屬性，表示邊框有陰影。
3）應用文本框.onkeydown事件處理按下鍵盤事件，判斷當文本框內內容長度大於規定長度時，事件處理函數返回false，使得按下鍵盤不起作用。文本框內內容用文本框.value獲取。
4）應用文本框onkeyup事件處理松開鍵盤事件，處理將文本框中內容的長度寫到文本框下方的計數位置上。文本框內容的長度可用文本框.value.length獲取。
1）文本框中沒有輸入內容時，顯示「請輸入個人信息」這幾個提示文字，且文字為灰色。
2）文本框聚焦時提示文字消失。
3）文本框中輸入內容時，提示文字消失，輸入文字為黑色。
4）當文本框中文字內容長度已達到最大值時，刪除鍵仍然有用，可以刪除文本框中文本，且刪除時字元總數相應修改。
5）當文本框中文字內容全部刪除時，提示文字出現。
提示：
1）事件處理程序默認帶有一個參數，用e表示，可以通過e.which獲取按下鍵的碼值。注意：e.which用於非IE瀏覽器，IE瀏覽器要用window.event.keyCode獲取。
2）注意文本框onfocus事件的應用。
1、前端拿到服務端數據生成word、excel、pdf，並導出或預覽，此處為導出word參考地址jszipJSZip是一個用於創建、讀取和編輯.zip文件的javascript庫，具有可愛而簡單的API。
2、按照這個頁面的格式創建一個word文檔，裡面所有的和頁面一樣。然後把它另存為xml格式的文件。再在xml格式裡面將需要填寫的東西打上標記。
3、行間距的前提是行的標識要統一，html里有的行用h1h2h3等這樣的標簽，如果要自動排版，先要統一標簽。導出時將css也導出建議用目前常見的格式化插件操作，例如流行的編輯器：ueditor、kindeditor。
4、打開一個Word文檔，下圖所示的文檔為只讀模式。關閉Word文檔，重新打開文檔，在出現的對話框中點擊「否」。此時Word文檔就會變成可編輯模式。
5、用JS控制的列印方式，具體如下：首先畫word模板，在需要動態顯示內容的地方插入「標簽」。方法如下：在word中，選中需要被替換的內容--插入--書簽，為其定義好名字即可，其它類似。將做好的模板文件另存為模板dot文件。
6、CentimetersToPoints(21)；oDC.PageSetup.PageHeight=oDC.Application.CentimetersToPoints(27)；這些都是具體的參數設置。上下左右頁邊距，等等。最後兩行是設置紙質的寬度和高度的，2127是A4紙的寬和高。
iis。關於js調用並打開伺服器上的word文檔
1、做一個超連接，鏈接地址直接指向伺服器上的word就可以了，這樣客戶端點擊這個連接的時候會跳出一個窗口提示保存，打開。
2、方法2：在「DCOM配置」中，為IIS賬號配置操作Word（其他Office對象也一樣）的許可權。
3、openDocObj=newActiveXObject(SharePoint.OpenDocuments.2)；//為了兼容OfficeXP，可以創建「SharePoint.OpenDocuments.1」然後，調用openDocObj的相應的方法。
4、請教高手怎麼用JS獲取word文檔中的內容Java解析word比較麻煩，你可以去網上找一下帖子看一看，相對來說，解析excel比較簡單。
5、還有就是類word編輯相對完善，而excel，ppt這些就差很多了。3）採用UZER.ME的SDK，UZER.ME支持網頁內無插件使用各種原生應用，當然也包括office，本地也無需安裝Office，全平台支持。缺點是需要伺服器資源較多。
有沒有解析word文檔的js庫openDocObj.EditDocument(http：//；)；就可以直接激活Word，在Word裡面編輯文檔，然後直接點擊Word裡面的保存功能，就可以將文件保存會伺服器上了。
hahahaha，我可以很負責任的告訴你，沒有。特別是當你的word里有表格這種東西的時候。後來word文件用C#解析的，PDF文件用Python解析的，最後把解析結果返給node服務端。
請教高手怎麼用JS獲取word文檔中的內容Java解析word比較麻煩，你可以去網上找一下帖子看一看，相對來說，解析excel比較簡單。
js調用office打開wordJS-列印word的模板程序我們在做項目中經常遇到「列印表格」的功能，在此介紹一下我所用過的列印方法。比較簡單的做法，word另存轉化為html文件的方式。
你可以把word文檔放在你的站點文件夾中。然後在網頁中給按鈕添加一個onclick事件，觸發一個函數，這個函數是一個彈出層。彈出層的內容就是這個word文檔。
openDocObj.ViewDocument(http：//；)；openDocObj對象會根據參數中不同的Office文檔類型（.doc、.xls、.ppt）來打開不同的程序（Word、Excel、PowerPoint）。
雲深文檔管理團隊解決了這個問題，可以無插件進行office進行預覽。是目前國內最好用的文檔管理系統。
早期的Office自帶瀏覽器插件，可以達到你的目的，在瀏覽器中直接查看Word文檔。現在已經取消此功能，但藉助第三方插件還是可以的。
個人建議用360清理大師清理，然後重新打開它就可以正常。
『叄』 用vscode寫javascript的教程(vscode搭建javascript開發環境)
如何用visualstudiocode調試javascriptvscode使用task.json來配置項目的構建過程。
打開命令面板(Ctrl+Shift+P)選擇RunBuildTask(Ctrl+Shift+B)
如果當前工作空間沒有task.json配置文件此時會出現提示
選擇ConfigureTaskRunner自動創建task.json。該配置文件在工作空間的.vscode目錄下，這個目錄也是存放vscode配置的文件夾。
vscode默認的task配置文件中給出了執行tsc和gulp模板配置。簡單介紹一下task.json的寫法
{
"version":"0.1.0",
//要使用的命令或者可執行文件的路徑
"command":"tsc",
//對應command參數，是否是一個命令，否則為執行文件路徑
"isShellCommand":true,
//是否在執行task任務時顯示控制台窗口
"showOutput":"always",
//對應command參數指定程序的參數
"args":["-p","src","--allowJs","-w"],
//不太明白這個，基本用不到
"problemMatcher":"$tsc",
}
vscode怎麼運行javascript1、直接按F5可以調試的方法或者點擊運行按鈕（可以直接運行html文件或者js文件）
在launch.json文件中的配置如下：
{
"version":"0.2.0",
"configurations":[{
"name":"谷歌瀏覽器",//運行html文件，用谷歌瀏覽器打開
"type":"chrome",
"request":"launch",
"url":"${file}",
"sourceMaps":true,
"webRoot":"${workspaceRoot}"
},
{
"name":"nodeLauch",//單獨調試js，即可以直接運行js
"type":"node",
"request":"launch",
"program":"${file}",//這個配置成你要調試的文件、${file}當前打開的文件
"stopOnEntry":false,
"args":[],
"cwd":"${workspaceRoot}",
"runtimeExecutable":null,
"runtimeArgs":[
"--nolazy"
],
"env":{
"NODE_ENV":"development"
},
"console":"internalConsole",
"preLaunchTask":"",
"sourceMaps":false,
"outDir":null
}
]
}
2、第二種方法?Ctrl+Shift+B?快捷鍵運行html文件，在Tasks.json中配置如下：
{
"version":"0.1.0",
"command":"",
"isShellCommand":false,
"args":["${file}"],
"showOutput":"always",
"windows":{
"command":"C:/Users/shannonliang/AppData/Local/Google/Chrome/Application/chrome.exe"
},
"tasks":[{
"taskName":"webserver",
"isBuildCommand":true,
"showOutput":"always"
}]
}
3、如果第二種方法，不想每次都按這個快捷鍵，請參考npm配置node服務方法：
如何在vscode中使用nodejs一、使用Express創建項目[這兩步都在dos模式下執行]
1,安裝全局的Express！(已安裝請忽略)
npminstall-gexpress
2,創建項目
創建項目（創建文件夾名稱ExpressApp）
expressExpressApp
小插曲：如果你習慣了linux下的環境，你可以在自己電腦上安裝cmder(不知道是什麼東西，請自行網路),這個命令行工具排版漂亮，不像微軟的dos那麼枯燥!我用的是Mini版本，如果你想體驗linux下的全部功能，可以下載full版本。
3，下載第三方包
（1）cmd命令行切換到項目目錄
cdd: odejsExpressApp
（2）根據需要編輯package.json，運行如下指令安裝第三方包
npminstall
在項目目錄下node_moles可見安裝好的第三方包
ExpressApp
|–node_moles
（3）運行項目
npmstart
輸出如下：
[email protected]:Nodejs_WorkspaceExpressApp
node./bin/www
註：npmstart指令會自動執行node./bin/www
在瀏覽器中輸入，可訪問Express歡迎頁面
二、使用VSCode開發Nodejs
1、VSCode打開Nodejs
coded: odejsExpressAppcode.
註：在當前項目下創建ExpressApp.bat，輸入「code.」即可，下次直接此文件直接使用VSCode打開Nodejs項目
2、添加智能提示
VSCode打開Nodejs項目，默認是沒有智能提示。
（1）使用TypeScriptDefinitionManager(TSD)在項目中下載所需的tsd文件，VSCode中打開時有智能
全局安裝tsd（如已安裝忽略）
npminstall-gtsd
下載所需的組件提示（以下載node、express、requirejs提示為例）
tsdquerynode--actioninstalltsdqueryexpress--
註：
①多個提示組件在query參數後可以空格分隔簡寫為tsdquerynodeexpress–actioninstall
②組件會項目目錄下添加typings文件夾
|–typings
|–node
|–express
|–require
（2）添加js文件引用的智能提示
假如在文件引用另外一個文件common.js時，文件頭添加如下
{//See//.jsonformat"compilerOptions":{"target":"es6","mole":"commonjs","allowSyntheticDefaultImports":true},"exclude":["node_moles","bower_components","jspm_packages","tmp","temp"]}
（小提示，如果你引入了rquire，那麼你的編輯器右下方會顯示一個「燈泡」的提示，你只要點燈泡就不用自己苦逼的寫這個配置文件了）
此配置表示代碼服從ES5標准並使用commonjs規范，發VScode下有此配置之後，可以實現在文件中對require引用js文件的智能提示。（我測試時無此配置也會有智能提示，不清楚什麼原因）
vscode編輯javascript如何多行操作編輯？在VisualStudioCode中，您可以通過使用多行編輯來快速編輯多行JavaScript代碼。您可以通過以下方法使用多行編輯：
單擊滑鼠左鍵在第一行代碼上。
在鍵盤上按下Shift鍵，並同時單擊滑鼠左鍵在最後一行代碼上。
在鍵盤上按下Alt鍵，並單擊滑鼠左鍵在任意多行代碼上。
通過在編輯器中單擊滑鼠右鍵，並選擇「多行編輯」來選擇多行代碼。
在選擇多行代碼後，您可以使用編輯器的編輯功能（如復制、粘貼、剪切、刪除等）來編輯所選行。您還可以使用編輯器的格式化功能（如自動縮進、代碼折疊等）來整理所選行的格式。
vscode使用教程是？vscode使用教程：
安裝：
安裝的東西沒什麼好說的，自行下載安裝吧，伙計。
配置：
用戶配置：
vscode的用戶配置分3個級別，分別是默認配置、全局配置和工作區配置，優先順序也依次遞增。對於團隊項目，一些規范可以通過項目目錄下建一個.vscode/setting.json文件進行配置。
快捷鍵綁定：
參考官方文檔，文檔中列出了所有指令對應的快捷鍵。快捷鍵我只修改了兩個與系統軟體沖突的。
代碼片段：
這個功能很像webstorm的livetemplate的功能，雖然提示的時候沒有webstorm那麼精準和順手，不過總的來說，夠用。
設置語法遵循TextMate代碼片段語法，你可以通過安裝別人寫好的snippet插件，如果別人寫的snippet你用得不爽，那麼自己寫也簡單。
之前使用這個代碼片段有個痛點就是只能用方向鍵上下選擇提示，如果能使用ctrl+n/p上下選擇的話就更舒服了，沒想到現在已經支持了。
另外，有沒有人知道怎麼設置代碼提示內容，比如輸入result提示了XPathResult是什麼鬼。
插件：
4個月前剛知道vscode的時候，那時感覺插件還沒有那麼多，現在重新看了一下，真是應有盡有。牛逼啊！
這里介紹幾個我用過覺得不錯的插件
用戶配置同步VisualStudioCodeSettingsSync。Git歷史GitHistory。
文件圖標vscode-icons。縮進輔助線Guides。
VisualStudioCode（以下簡稱vscode）是一個輕量且強大的代碼編輯器，支持Windows，OSX和Linux。
內置JavaScript、TypeScript和Node.js支持，而且擁有豐富的插件生態系統，可通過安裝插件來支持C++、C#、Python、PHP等其他語言。
vscode不能創建javascriptvscode不能創建javascript
vscode創建js文件的方法：首先點擊vscode中的【新建文件】；然後選擇文件類型為【js】；最後在彈出的界面中選擇語言模式為【javascript】即可。