使用Electron開發桌面應用

Electron是一個可以使用 JavaScript，HTML 和 CSS 構建跨平臺桌面應用程式的開源框架。 本文主要分享一下採用vue + electron開發桌面程式的搭建過程。 1. 環境準備 這裡採用的是vue-cli3.x，可以通過下麵的指令查看當前vue-cli的版本： vue --v ...

Nuxt使用axios跨域問題解決方法

Nuxt 是 Vue 項目伺服器端渲染（SSR)解決方案。而在使用時，就會遇到前後端分離情況下的功能變數名稱或埠不一致導致的跨域問題。本文將介紹如何通過設置代理解決 Nuxt 與 axios 集成的跨域問題。 ...

JavaScript動畫實例：遞歸分形圖動態展示

在“JavaScript圖形實例：SierPinski三角形” 和“JavaScript圖形實例：Levy曲線及其變形”等文章中我們介紹了通過遞歸生成分形圖形的方法。我們可以將繪製的分形圖形每隔一定的時間間隔後，增加遞歸深度重新繪製一次，這樣就可以得到分形圖形的動態生成效果。 1．SierPinsk ...

Algolia Search

First. 什麼是 algolia search? 根據algolia官方網站自我闡述：Algolia是一個托管搜索引擎，提供全文，數字和多面搜索，能夠從第一次擊鍵中提供實時結果。 Algolia強大的API可讓您快速無縫地在網站和移動應用程式中實施搜索。我們的搜索API每月為成千上萬的公司提供數 ...

JavaScript圖形實例：再談IFS生成圖形

在“JavaScript圖形實例：迭代函數系統生成圖形”一文中，我們介紹了採用迭代函數系統（Iterated Function System，IFS）創建分形圖案的一些實例。在該文中，仿射變換函數W的一般形式為 X1=a*X0 + b*Y0 + e Y1=c*X0 + d*Y0 + f 給定不同的I ...

塊元素,行內塊元素,行內元素(水平垂直居中)

1.塊級元素水平垂直居中 方法1 1 <!--（該方法相容ie8以上瀏覽器）--> 2 position: absolute/fixed; 3 left:0; 4 top:0; 5 right: 0; 6 bottom: 0; 7 margin:auto; 方法2: 1 <!--前提條件:必需知道該 ...

Pointer Event Api-整合滑鼠事件、觸摸和觸控筆事件

Pointer Events API 是Hmtl5的事件規範之一，它主要目的是用來將滑鼠（Mouse）、觸摸（touch)和觸控筆（pen）三種事件整合為統一的API。 Pointer Event Pointer指可以在屏幕上反饋一個指定坐標的輸入設備。Pointer Event事件和Touch E ...

JavaScript連載22-數組中其他方法以及Math對象

一、數組中其餘的常用方法 包括map,filter,every,some方法，我們分別進行舉例 //map定義一個函數用來遍歷原來老的數組 var arr = [10,20,5,1000,50]; var newArr = arr.map(function(value, index, array){ ...

JavaScript圖形實例：SierPinski三角形

1．SierPinski三角形 Sierpinski三角形是一種分形，由波蘭數學家謝爾賓斯基在1915年提出，它是一種典型的自相似集。其生成過程為： （1）取一個三角形（多數使用等邊三角形）； （2）沿三邊中點連線，將它分成四個小三角形； （3）對上、左、右這三個小三角形重覆這一過程。 SierPi ...

css：精靈圖和字體圖標（精靈圖和icomoom字體圖標的使用）

1、精靈圖 （1）為什麼需要精靈圖 一個網頁中往往會應用到很多小的背景圖片，當網頁中的圖像過多時，伺服器就會頻繁地接收和發送請求圖片，造成伺服器的壓力過大，這將大大降低頁面的載入速度，精靈圖是將圖片放到一張裡面，這樣的話只要請求一次就可以了 精靈圖的出現降低了伺服器的壓力，提高了圖片的載入速度 （2 ...

如何配置webpack讓瀏覽器自動補全首碼

一、postcss-loader有什麼用? PostCSS 本身是一個功能比較單一的工具。它提供了一種方式用 JavaScript 代碼來處理 CSS。它負責把 CSS 代碼解析成抽象語法樹結構（Abstract Syntax Tree，AST），再交由插件來進行處理。插件基於 CSS 代碼的 AS ...

拿高薪的web前端都是怎麼學的？

如果你是想要學習web前端的新人，那麼恭喜你，看完這篇文章，儘早的選擇好努力的方向和規劃好自己的學習路線，比別人多一點付出並且持之以恆，你就已經贏在了起跑線上。 因為工作原因，經常關註有關互聯網行業的最新動態。這不，剛送走了高考，又迎來了每年的畢業季，看到好多人都說今年的前端工作不好找，很多童鞋簡歷 ...

lodash compact & concat

前置 本篇隨筆包含 _.compact 和 _.concat 及其依賴的工具函數。 你可能需要一些 JavaScript 基礎知識才能看懂一些沒有註釋的細節。 compact _.compact(array) 創建一個新數組，包含原數組中所有的非假值元素。例如 false, null, 0, "", ...

Tom貓小游戲功能實現

本文章通過簡單的css和html的操作，來實現Tom貓小游戲的功能，通過簡單的js代碼，讓圖片不斷切換來實現動畫效果。 Tom貓小游戲的HTML部分： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name= ...

大多數都不知道display:none visibility:hidden opacity:0 區別

display: none; DOM 結構：瀏覽器不會渲染 display 屬性為 none 的元素，不占據空間； 事件監聽：無法進行 DOM 事件監聽； 性能：動態改變此屬性時會引起重排，性能較差； 繼承：不會被子元素繼承，畢竟子類也不會被渲染； transition：transition 不支持 ...

Nuxt配置Element-UI按需引入方法

Nuxt 使用 create-nuxt-app 創建項目時，選擇使用 Element-UI 為預設組件庫，發現 Nuxt 沒有開啟 Element-UI 的按需引入配置，需要自行配置。 ...

JS的所謂的第七種數據類型Symbol

首先，為什麼說叫所謂呢？ 因為在2007年之前Js給予我們typeof解析數據類型的一共有六種（一直有爭議，但是我們暫時就按typeof來算） 'function' 'Number' 'Object' 'boolean' 'String' 'undefined' 但當我們去 typeof Symbo ...

Web前端開發未來的六大趨勢

說起Web前端開發想必你一定不會陌生，因為現在的前端開發學習的培訓機構也是層出不窮。下麵濟南優就業IT培訓給大家總結出了未來Web前端開發的六大趨勢從中可以大致看出來Web前端未來的發展前景。 趨勢一：更加移動優先 響應式設計顯然是目前Web前端開發領域的主要趨勢之一，並且這一趨勢在未來還將持續一段 ...

所有分類
一周排行
  • C#6.0到C#8.0的新特性
    C#6.0新特性 C#7.0新特性 C#8.0新特性 ...
  • C#7.0新特性
    out變數 可以直接在方法中使用out申明變數 int.TryParse("123", out var result); 元組 元組的申明 var alphaBetaStart = (alpha: "a", beta: "b"); Console.WriteLine($"{alphaBetaStar ...
  • c# 操作Redis的五種基本類型總結
    在我們的項目中，通常會把數據存儲到關係型資料庫中，比如Oracle,SQL Server,Mysql等，但是關係型資料庫對於併發的支持並不是很強大，這樣就會造成系統的性能不佳，而且存儲的數據多為結構化數據，對於非結構數據（比如文本）和半結構化數據（比如JSon） 就顯得不夠靈活，而非關係型資料庫則很 ...
  • async和await之我見
    這幾天終於弄懂了async和await的模式，也搞明白了一直在心裡面積壓著的許多問題，所以寫一篇博客來和大家分享一下。 關於非同步機制我認為只要記住的以下幾點，就可以弄明白了： 1.我認為async和awwait兩個修飾符中最關鍵的是await，async是由於方法中包含await修飾符之後才在方法定 ...
  • WCF設計服務協議（一）
    實現WCF的步驟如下： 設計服務協議 實現服務協議 配置服務 托管服務 生成客戶端（這步可有可無） 設計或定義服務協議要麼使用介面，要麼使用類。建議介面，使用介面好處一堆例如修改介面的實現，但是服務協定有無需改變。 設計服務協議，介面上使用 ServiceContractAttribute ，方法上 ...
  • 乾！垃圾微軟！發佈我的Netcore跨平臺UI框架 CPF
    什麼鬼，我的CPF快寫好了，你居然也要搞跨平臺UI框架？什麼Maui？ 之前怎麼不早說要搞跨平臺UI框架呢？看到谷歌搞flutter眼紅了？明年年底發佈？又搞這種追別人屁股的爛事情。 什麼MVU模式？模仿Dart？用C#代碼直接寫UI的模式和我的CPF很像啊。 當初我考慮過XML，Json來描述UI ...
  • Asp.Net Core Blazor之容器部署
    寫在前面 Docker作為開源的應用容器引擎，可以讓我們很輕鬆的構建一個輕量級、易移植的容器，通過Docker方式進行持續交付、測試和部署，都是極為方便的，並且對於我們開發來說，最直觀的優點還是解決了日常開發中的環境配置與部署環境配置上的差異所帶來的種種疑難雜症，從此推脫產品的措辭也少了——“我電腦 ...
  • 基於.NetCore3.1系列 —— 認證授權方案之授權揭秘 (上篇)
    一、前言 回顧：認證授權方案之授權初識 從上一節中，我們在對授權系統已經有了初步的認識和使用，可以發現，asp.net core為我們提供的授權策略是一個非常強大豐富且靈活的認證授權方案，能夠滿足大部分的授權場景。 在ConfigureServices中配置服務：將授權服務添加到容器 public ...
  • C#一個IM系統簡單總結
    項目背景: 工作之餘兼職一家公司(方向是工業4.0)給做IM系統，主要功能包括：文字、 圖片、文件傳輸、遠程協助、視頻語音等等。這些功能都是基於群會話， 比如工廠操作工人遇到問題，請求遠程專家，這個初級專家不能解決問題，會邀請一個高級專家進來解決。開發過程中主要遇到的問題是視頻和語音這一塊，像其他的... ...
  • MSIL入門（一）C#代碼與IL代碼對比
    基礎概念 Microsoft中間語言（MSIL），也成為通用中間語言（CIL），是一組與平臺無關的指令，由特定於語言的編譯器從源代碼生成。MSIL是獨立於平臺的，因此，他可以在任何公共語言基礎架構支持特定的環境上執行。 通過JIT編譯器將MSIL轉換為特定電腦環境的特定機器代碼。這是在執行MSIL ...