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
