Tag Archives: 教學

NodeJs基礎配置教程

Nodejs把前端開發帶入一個全新的階段,他使得js能夠跑在服務端上,大大強化瞭js這門語言的可塑性。 OK,環境配置不提,配置好瞭以後,直接來跑一些簡單的demo 以前一直沒搞懂nodejs復雜的目錄(其實是不懂linux),Read More

js面向對象代碼實例

一切皆對象(原始值+對象) 基本類型:字符串、數字、佈爾、數組、對象、null、undefined 創建對象的三種方式 1、通過new關鍵字 var obj=new Object(); 2、通過對象字面量 1)簡單字面量 var obj={}; 2)嵌套字面量Read More

什麼是JavaScript?

開始介紹JavaScript 1.首先,它和Java沒有絲毫關系,恰好名字有部分重合 2.它也是一門編程語言,如同pythoy 3.它存在於HTML的 然後這樣: 這裡看似和以前的一樣,我隨意輸入一些內容,然後點擊 這就是一個簡單的Read More

JavaScript變量與數據類型講解

一.變量定義如同python,可以直接寫,如: name = "yiqing" 不過,這樣的寫法默認全局變量 想寫局部變量,要加上var,如: var i = document.getElementById("user"); 全局變量一般很少,建議Read More

Three.js高級幾何體THREE.ConvexGeometry(代碼實現教程)

簡介 通過THREE.ConvexGeometry,我們可以圍繞一組點創建一個凸包。所謂凸包就是包圍這組點的最小圖形。也就是所有的點都在當前模型的體內,而且當前圖形還是實現的體積最小的一個模型。 簡單案例 首先,你需要有一Read More

javascript中getComputedStyle和currentStyle的兼容寫法介紹

getComputedStyle() 兼容主流瀏覽器,不支持IE9以下版本 currentStyle 兼容IE任意版本,但~~隻兼容IE 兼容寫法 window.getComputedStyle=window.getComputedStyle||function(obj){ return obj.currentStyle;}; 直接Read More

JavaScript綜合實例效果展示

JavaScript綜合實例效果展示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> Read More

已知某個網址,如何扒出網址內所有的新聞?(代碼)

app.js文件: const fs = require('fs'); const request = require('superagent'); const cheerio = require('cheerio'); const mapLimit = require('async/mapLimit'); cRead More

關於控制下拉菜單的JS控制的代碼實現

文本框有readonly屬性,直接設置;下拉框沒有readonly屬性,也不能通過其他屬性進行隻讀的設置,下拉框隻有disabled屬性,但是這個屬性設成true之後,值就獲取不到瞭; 網上搜瞭一下,大部分是控制鼠標、鍵盤事件,Read More

通過JQ實現瀑佈流加載和流加載教程

通過JQ實現瀑佈流加載和流加載教程 效果圖如下: 1.前端代碼.html <!--瀑佈流加載--> <p class="content"> <!-- 瀑佈流樣式開始 --> <p class="waterfull clearfloat" iRead More

JavaScript代碼實現全選取消

接上上次的實例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hide { Read More

如何使用原生js實現移動端觸摸輪播?

PC端上實現圖片輪播效果很簡單,隻要通過使用click事件就可以非常簡單的實現效果,但是在移動端上,就要通過核心的touch事件來實現。下面是移動端手指滑動輪播圖的完整代碼。 <!DOCTYPE html> <html>Read More

通過原生js實現無縫滾動marquee教程

本文主要是通過原生js實現無縫滾動marquee 案例圖片 Tips:早期的css不過優雅,所以如需引用自行完善 前端代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="Read More

Tab選項卡通過原生JS控制顯隱性

本文主要介紹Tab選項卡,通過原生JS控制顯隱性 圖片展示 前端代碼 <!DOCTYPE html> <html lang="en"> <head > <meta charset="UTF-8"> <title>JavaScrRead More

jquery.page.js簡單的分頁效果實現教程

基於jquery.page.js的一款簡單的分頁效果: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>簡單的jQuery分頁插件</title> <style&gRead More

JavaScript深入學習之Array數組實例講解

數組 是內存裡一塊連續的存儲區域,可以通過指針(下標)查找該塊區域內的所有元素。 JavaScript Array 對象是用於構造數組的全局對象; 它是高階的、類似於列表的對象。 雖然 ECMAScript 數組與其他語言中的數組都是Read More

jquery之on()和click()的區別講解

之前寫代碼時發現動態添加的事件點擊無效果,結果發現是on()和click()語法上的理解失誤,在這裡總結一下 舉例說明: 表結構 <button class="btn">添加</button> <ul> <li>Read More

intellijIDEA創建nodejs項目環境搭建教程

前提是在你的系統下已經對nodejs安裝成功並環境配置: 1.默認安裝好瞭IDEA,在IDEA的file -> setting ->Plugins,右邊默認是沒有這個組件的需要你手動點擊Browe repositories..,在插件列表中搜索nodejs,將看到Read More

JavaScript開發之JS原型+原型鏈

JavaScript開發之JS原型+原型鏈。 值類型:undefined, number, string, boolean 引用類型:object、array、function 一切(引用類型)都是對象,對象是屬性的集合 prototype原型 每個函數都有一個屬性prototype prRead More

vue-cli項目怎麼引入jquery?

vue-cli項目怎麼引入jquery? 1.npm install jquery –save 安裝jquery依賴 2.修改2處webpack.base.conf.js文件 . 3.需要在那個頁面用,直接import$from‘jquery’ 4.配置完npm run dev重啟Read More

JSON編程開發教程之JSON概念及使用方法解析

JSON是一種數據格式,而不是一種變成語言。它並不從屬於javascript,而且並不是隻有js才使用JSON。很多語言都有針對JSON的解析器和序列化器。 語法 JSON語法可以表示以下三種類型的值: 1、簡單值:使用與js相同的語Read More

基於Vue+Node.js+MongoDB的圖片上傳組件,實現圖片的預覽和刪除

公司要寫一些為自身業務量身定制的的組件,要基於Vue,趁著這個機會,自己在業餘時間也寫瞭個組件,選擇寫圖片上傳是因為自己之前一直對這個功能比較迷糊,所以這次好好瞭解瞭一下。演示在網址打開後的show.gif中。 Read More

JavaScriptDOM編程藝術之DOM提供的四種方法

JavaScriptDOM編程藝術之DOM提供的四種方法。 1.DOM提供的四種方法 getElementsById() getElementsByTagName() getAttribute() setAttribute() 簡單示例代碼: <title></title> <meta charset="Read More

Vuejs全傢桶系列基本用法解析

一、 Vue.js簡介 1. Vue.js是什麼 Vue.js也稱為Vue,讀音/vju:/,類似view,錯誤讀音v-u-e 版本:v1.0 v2.0 是一個構建用戶界面的框架 是一個輕量級MVVM(Model-View-ViewModel)框架,和angular、react類似,其實就Read More

js的6道基礎題(筆試常考題)

js的6道基礎題(筆試常考題)。 題目一:找出數字數組中最大的元素 var arr=[0,1,2,3,4,5,6,7,8,9]; console.log(Math.max.apply(null,arr)) 題目二:轉化一個數字數組為function數組(每個function都彈出相應的數Read More

Node.js入門教程之簡單讀寫文件

Node.js入門教程之簡單讀寫文件 本篇小編主要介紹node.js讀取html,並且想html文件寫入的方式。 內容 目錄結構 file文件下存放瞭login.html,module文件下存放optfile.js 1.optfile.js var fs=require('fsRead More

avascript中的prototype與繼承解析

avascript中的prototype與繼承解析。 今天想談談javascript中的prototype. 通常來說,javascript中的對象就是一個指向prototype的指針和一個自身的屬性列表。javascript創建對象時采用瞭寫時復制的理念。 隻有構造器Read More

jQuery中的load()方法使用代碼實例

load( url, [ data ], [ callback(responseText, textStatus, XMLHttpRequest) ] ): load()方法的URL參數的語法結構為:“url selector”。註意,URL和選擇器之間有一個空格。 load.html <!DOCTYPE HTRead More