原创 JQ在表格中的計算

1、同列不同行的計算 function cxlcDs() { var preo;//定義前一行 $("#datatable tr").each(function (e) { //e代表索引 從0開始 e

原创 Vue學習10-----增刪查

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi

原创 Vue學習09-----簡單的增刪

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi

原创 Vue學習14-----webpack基本使用之實現隔行變色

1、初始化包配置文件管理配置文件 npm init -y 2、創建一個src文件夾 3、創建一個index.html,引入index.js 4、index.html創建ul、li ul>li{這是第$個li}*9 5、安裝jq n

原创 Vue學習11-----過濾器之全局過濾器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi

原创 Vue學習13.1----- ES6模塊化的基本語法 按需到導出和按需導入

1、按需導出 bl.js export default 默認導出 let a = 10; let b = 20; let c= 30; function d(){ console.log('111111111') } //

原创 Vue學習12-----過濾器之私有過濾器

PS: 過濾器執行順序符合就近原則: 即:當私有過濾器和全局過濾器重名時,執行的是私有過濾器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

原创 Vue學習13-----安裝babel

1、終端中打開文件夾 2、執行 (1)npm install --save-dev @babel/core @babel/preset-env @babel/node (2)npm install --save @babel/polyf

原创 Vue學習16-----webpack的基本應用之配置自動打包

1、執行 npm i webpack-dev-server -D 2、修改package.json中scripts中的dev命令 { "name": "WEBPACK_STUDY", "version": "1.0.0",

原创 Vue學習15-----webpack的基本應用之配置打包的入口和出口

1、打包的入口文件未src->index.js 2、打包的輸出文件未dist->main.js 更改打包的入口與出口需要修改webpack.config.js下的配置信息: const path = require('path') m

原创 Vue學習17-----webpack的基本應用之運行後自動打開瀏覽器

1、安裝預覽插件 npm i html-webpack-plugin -D 2、webpack.config.js下配置 //導入生成預覽頁面的插件,得到一個構造函數 const HtmlWebpackPlugin = require

原创 Vue學習18.2-----webpack打包處理scss文件

1、運行 npm i sass-loader node-sass -D 2、配置webpack.config.js文件 const path = require('path'); const HtmlWebpackPlugin =

原创 兩數組進行對比,找出不同的內容

  //有兩個數組,a,b var a = ["qwe","asd"]; var b = ["zxc","qwe"]; //對比的方法 Array.prototype.minus = function (arr) {

原创 Vue學習18.1-----webpack打包處理less文件

1、運行 npm i less-loader less -D 2、配置webpack.config.js文件 const path = require('path'); const HtmlWebpackPlugin = requi

原创 Vue學習18-----webpack打包處理css文件

 1、新建css文件 li{ list-style: none; } 2、引入css樣式、運行   import './css/ys.css' 3、運行後報錯 4、執行 npm i style-loader css-load