原创 webstorm格式化代碼與eslint衝突的問題

升級webstorm版本後,格式化代碼後,代碼風格可能與之前會有區別,導致看着彆扭,eslint還飄紅。 解決方式是啓用自定義的code style設置。截圖如下: 如果設置裏沒有這個選項,則可以在項目根目錄下添加.editor

原创 【元素尺寸小結】scrollHeight、clientHeight、offsetHeight

scrollHeigh:元素內容的全部高度,包括content、溢出的content、padding、僞元素。不包括元素的border和margin。 clientHeight:元素的可見部分高度,包括content、padding。不包

原创 JSON.stringify()的深入用法——第2、3個參數

第2個參數 作用:用於過濾、格式化 沒有或者是null,則所有屬性被序列化JSON.stringify({name: 'Ben', age: 18}) JSON.stringify({name: 'Ben', age: 18},

原创 codeVS 1014 裝箱問題 2001年NOIP全國聯賽普及組

1014 裝箱問題     2001年NOIP全國聯賽普及組 時間限制: 1 s    空間限制: 128000 KB    題目等級 : 黃金 Gold題目描述 Description 有一個箱子容量爲V(正整數,0<=V<=20000

原创 【pm2】node.js程序,通過pm2設置開機自啓動

如何設置? 1. 生成自啓動腳本 pm2 startup 2. 保存腳本 pm2 save   如何取消? pm2 unstartup systemd  

原创 經典面試題--JS的防抖、節流

直接附演示代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic

原创 echarts使用技巧

1. 動態渲染 inst.setOption() // inst就是echarts.init()返回的圖表實例 2. 圖表自適應 window.addEventListener('resize', function() {

原创 JS中的“0.1 + 0.2 != 0.3”問題

js中有個經典“0.1 + 0.2 != 0.3”的問題, if(0.1 + 0.2 === 0.3) { alert('yes') } else { alert('no') } 執行後會彈出”no“。   what?

原创 Symbol 基本用法——自定義for...of循環

var o = new Object o[Symbol.iterator] = function() { var v = 0 return { next: function() {

原创 常用正則表達式及js實現

手機號/^1[3456789]\d{9}$/.test(phoneNumber) 身份證號/(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9]

原创 iview Switch組件不顯示問題——iview-loader配置

對於使用iview的項目,如果在<template>中直接使用<Switch>組件,會發現它顯示不出來。 原因是沒有使用iview-loader的話,<Switch>和<Circle>組件受Vue限制,只能使用<i-switch>和<i-

原创 改變select和option的默認樣式

select { border: solid 1px #000; appearance:none; -moz-appearance:none; -webkit-appearance:none; p

原创 元素偏移小結——screenX/Y、pageX/pageY、clientX/clientY、offsetX/offsetY

e.screenX、e.screenY: 鼠標位置相對於電腦屏幕左上角的偏移量。 e.pageX、e.pageY: 鼠標位置相對於頁面左上角的偏移量 e.clientX、e.clientY: 鼠標位置相對於瀏覽器窗口左上角的偏移量(屏幕滾

原创 正則表達式——ip地址、mac地址、隔位插入

IP地址: /((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)/.test(ip) MAC地址: /^[A-F0-9]{2}(-[A-F0-9]{2})

原创 iview經驗踩坑

1. Col 柵格     1. bootstrap列在xs屏幕默認佔滿一行,iview列在xs屏幕下必須設置24才能佔滿一行 2. List 列表     1. ```<ListItem>```上無法綁定點擊事件,解決方式: