原创 vue-cli中引入全局scss文件

首先,vue-cli中只需要安裝node-sass和sass-loader就可以直接使用scss語法了,在組建的style標籤中定義lang屬性值爲"scss"即可;但是就算在app.vue中引入公共scss文件也僅僅只能在app.vue

原创 python學習4---OOP

創建一個英雄類: class Hero(object): def __init__(self, name, position): self.name = name self.position = position hero =

原创 python學習

#!/usr/bin/env python3 # -*- coding: utf-8 -*- # my first py demo! 2018-08-13 age = input("請輸入您的年齡:"); if age >= '18':

原创 (jQuery)滾動到某一元素元素動畫入場效果+樓層導航

<!doctype html> <html> <head> <meta charset="utf-8"> <title>頁面滾動到相應位置運行css3動畫</title> <style> a{text-decoration: none;

原创 原生touch事件實現簡易輪播

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

原创 beforeEach全局鉤子管理用戶訪問權限!

 創建路由: export default new Router({ routes: [{ path: '/', component: { template: '<div><div>公共頁面</div><rout

原创 python學習5---@property

Python內置的@property裝飾器就是負責把一個方法變成屬性調用的: class Student(object): @property def score(self): return self._

原创 react腳手架打包的坑

首先看一下打包後的build文件:相當於靜態資源的根目錄就是public文件,開發中所需要的圖片或其他資源就放在public文件夾下,比如這裏img文件中的圖片,在任何組件中可以直接通過/img/1.jpg來獲取1.jpg這張圖片,但是如

原创 徹底禁用Chrome的“請停用以開發者模式運行的擴展程序”提示,附工具下載

對於高版本chrome,經常會出現煩人的“請停用以開發者模式運行的擴展程序”提示,如圖:網上盛傳的組策略法已失效。話不多說,解決辦法如下:1.雙擊 x96dbg.exe ,然後選擇 x64dbg(如果打不開,換 x32dbg打開):2.將

原创 vue中結合animate.css實現元素動畫入場

話不多說先看下demo的GIF: 1.首先引入animate.css,可以直接在index.html中cdn引入; 2.其次在開發這種動畫較多的頁面我覺得還是引用jquery比較方便,操作dom稍多, 我這裏沒有使用jquery,

原创 express爬取靜態頁面---rss的xml

首先init一個項目,安裝express,安裝request模塊,新建一個js文件,main.js: var express = require('express') var app = express() var request =

原创 python學習3---模塊

新建一個模塊calc.py: #!/usr/bin/env python3 # -*- coding: utf-8 -*- ' a test module ' __author__ = 'Michael Liao' def add

原创 js獲取內網ip地址,操作系統,瀏覽器版本等信息

這次呢,說一下使用js獲取用戶電腦的ip信息,剛開始只是想獲取用戶ip,後來就順帶着獲取了操作系統和瀏覽器信息。  先說下獲取用戶ip地址,包括像ipv4,ipv6,掩碼等內容,但是大部分都要根據瀏覽器的支持情況來決定,目前主流瀏覽器對於

原创 element-ui表格+分頁器數據分頁展示

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="

原创 vue中原生手寫拋物線實現小球飛奔入購物車的

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Swiper demo</title> <meta name="view