原创 【10】前端實習:偏移量 (HTMLElement.offsetWidth/offsetLeft/offsetTop)

原文鏈接:https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement/offsetWidth   https://develope

原创 【9】前端實習:react audio播放音樂組件

詳解: https://www.cnblogs.com/mybilibili/p/10376528.html     import React, {Component} from 'react'; import {Form,Radi

原创 【7】前端實習:JS鞏固(JS的DOM對象)

【基本的的DOM查找方法】 1. document.getElementById( " id " ) 2. document.getElemnetsByTagName( " id ")               【如何用js動態設

原创 【3】前端實習:(查漏補缺)>>>>單行文本溢出&多行文本溢出

【單行文本溢出顯示省略號css】 overflow: hidden;           //內容會被修剪,並且其餘內容是不可見的。 text-overflow: ellipsis;   //用省略號“…”隱藏超出範圍的文本  white

原创 【4】前端實習:JS鞏固(JS分支語句+break/continue+js循環語句)+parseInt()方法點

【prompt()方法】 功能:彈出輸入框 返回值: 1.點擊確定,會返回輸入的內容 2.點擊取消,返回null 實例:     【if判斷多個條件】 語法: if(){ }else if(_){ }else{ } 實例:    

原创 如何用命令管理器導入sql文件到mysql5.5 +如何本地電腦上傳文件到github的倉庫中

【如何用命令管理器導入sql文件到mysql5.5】 第一步:windows+CMD進入到命令行。進入到mysql安裝位置的bin目錄。然後執行(root是你的用戶名,password是你自己的密碼) mysql -uroot -proo

原创 【2】前端實習:react初學(splice()方法的使用;組件拆分)

    【組件拆分】 首先新建子組件:todoItem.js 導入到父組件: import TodoItem from './TodoItem'; 並在父組件相應需要拆分組件的位置: return <TodoItem key={i

原创 【6】前端實習:自執行函數理解+orientationchange+resize+addEventListener

【自執行函數】 (立即調用函數)自執行函數有兩種表達式: ( function() {  } )() ( function() {  }() ) ***!function() {  } ()***** ***+ function() { 

原创 【1】前端實習:學習react.js,做一個todolist。(npm start 運行後出現babel-eslint不兼容-版本報錯)

學習資源:https://www.imooc.com/video/17568 步驟: 1.創建todolist文件環境: 在命令管理器: 文件創建路徑在桌面:cd desktop npx create-react-app my-app

原创 【4】前端實習:JS鞏固(JS函數)

【函數的作用】 通過函數可以封裝任意多條語句,而且可以在任何地方,任何時候調用執行。 【函數如何定義】 函數通過function聲明,函數名字後面跟 參數(非必須) 以及 函數體,語法: function  functionName([參

原创 【3】前端實習:利用localStorage本地保存數據,實現刷新網頁數據不會丟失

【componentDidMount()方法】 componentWillMount 在渲染前調用,在客戶端也在服務端。 componentDidMount : 在第一次渲染後調用,只在客戶端。 在組件渲染後調用:本地數據get

原创 【9】前端實習:react怎麼修改DOM元素的樣式

【轉載:https://www.cnblogs.com/dragon-cat/p/8919334.html】      

原创 【5】前端實習:JS鞏固(JS的內置對象---Array與string篇)

【JS的對象】 JS中任何一個事物都是對象,比如:函數    數組  字符串... 【JS的內置對象】 JS的內置對象是瀏覽器封裝好的一些對象,我們可以直接調用這些對象的屬性和方法。屬性就是對象的一些特性; 方法就是這些對象的作用,可以用

原创 【2】前端實習:react初學(todolist新增列表添加功能,詳細邏輯闡述含代碼)

步驟: 3.新增列表添加功能: 【邏輯】: 首先,render(){}函數會返回return()一個模塊[jsx塊]。<div></div>裏寫頁面內容,有簡單的輸入元素,按鈕元素和列表元素。 然後, 創建一個構造函數,定義一個數據項st