原创 Vue基礎(二)

Vue 學習 Vue擴展 Vue實例參數補充 const vm = new Vue({ el:'#app', data:{ // 實例數據 }, computed:{ // 計算

原创 實戰——NodeJs項目

NodeJs項目 功能描述 用戶登錄(基於cookie、session和redis實現登錄) 博客的創建、編輯、刪除、查詢(基於mysql實現數據的增刪改查) 通過Nginx的反向代理來解決跨域問題 總體使用的是MVC的設計模

原创 Vue中的SEO優化

 不可否定的是,vue現在火。但是在實際項目中,特別是像一下交互網站,我們不可避免會考慮到的是seo問題,這直接關係到我們網站的排名,很多人說用vue搭建的網站不能做優化,那我們真的要放棄vue,放棄前後端分離開發麼?         首

原创 實戰——JavaScript貪喫蛇

JavaScript貪喫蛇 // 思路分析 // 三個對象 map snake Food // map 寬800px和高500px 可以整除 snake每節的寬度 // food 寬10px 高10px 相當於每一節蛇的

原创 實戰——面向對象+原型實現貪喫蛇

面向對象+原型實現貪喫蛇 前面的那篇貪喫蛇(https://blog.csdn.net/F_Felix/article/details/89676816)儘管也是用到了面向對象的,但是還有一些可以優化的地方,比如遊戲本身同樣是個對

原创 Forwarding Refs

Forwarding Refs 在react中我們最開始接觸到ref是在表單組件中的非受控組件,我們先來回顧一下這個 // 類 組件 class Hello extends React.Component { // 1、

原创 ES6學習(二)

ECMAScript學習(二) Symbol ES6 引入了一種新的原始數據類型Symbol,表示獨一無二的值。它是 JavaScript 語言的第七種數據類型,前六種是:undefined、null、布爾值(Boolean)、

原创 GraphQL 第二章 Schema 和類型

GraphQL 第二章 Schema 和類型 定義了 schema 後我們就能知道服務器會返回那種對象,這些對象有哪些字段可用等。 每個 GraphQL 服務都會定義一套類型,用以描述你可能從那個服務查詢到的數據,每當查詢到來,服

原创 Webpack 工程化

Webpack 工程化 搭建一個 react 的環境,並且是基於 typescript 的項目 首先我們需要思考的一個問題是我這個項目需要哪些功能(可以先把能想到的功能配置進去,之後再想到的再配置,畢竟一開始可能想不全是正常的

原创 GraphQL 第一章 查詢和變更

GraphQL 第一章 查詢和變更 What ? When ? Where ? Why ? How ? GraphQL 是什麼? GraphQL 是一個用於 API 的查詢語言,是一個使用基於類型系統來執行查詢的服務端運行時

原创 實戰——面向對象+原型實現貪吃蛇

面向對象+原型實現貪吃蛇 前面的那篇貪吃蛇(https://blog.csdn.net/F_Felix/article/details/89676816)儘管也是用到了面向對象的,但是還有一些可以優化的地方,比如遊戲本身同樣是個對

原创 javascript 高級

javascript 高級 js 基礎補充 typeof 可以查看一個值的類型 typeof 簡單類型:返回結果簡單類型 typeof null: 並不是 null 而是 object typeof 複雜類型: 返回的都是

原创 實戰——JavaScript貪吃蛇

JavaScript貪吃蛇 // 思路分析 // 三個對象 map snake Food // map 寬800px和高500px 可以整除 snake每節的寬度 // food 寬10px 高10px 相當於每一節蛇的

原创 WebAPI基礎

WebAPI學習 接下來一些案例 https://download.csdn.net/download/f_felix/11130717 查找對象的方式 //document.getElementById():通過id //doc

原创 移動端開發常用佈局

移動web常用佈局知識 在移動web中常用的佈局有四種 流式佈局(百分比佈局) Flex佈局(彈性佈局) 響應式佈局 rem佈局 一、流式佈局(百分比佈局)   所謂的流式佈局就是我們常說的百分比佈局,頁面中盒子的寬度常常是通過百分比值來