原创 【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
原创 【8】前端實習:react 點擊按鈕實現頁面跳轉
廢話不多說:
原创 【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