前端技术
关注
分享
扫一扫
文章平均质量分 57
BLUcoding
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
React05 样式控制 & classnames工具优化类名控制
【代码】React05 样式控制 & classnames工具优化类名控制。原创 2024-11-04 22:56:34 · 543 阅读 · 0 评论 -
React04 State变量 & 组件渲染
State 是组件实例内部的状态。如果你渲染同一个组件两次，每个副本都会有完全隔离的 state，改变其中一个不会影响另一个。state setter 函数 (setIndex) 可以更新 state 变量并触发 React 重新渲染组件。在这个例子中，index 的初始值被 useState(0) 设置为 0。useState 的唯一参数是 state 变量的初始值。原创 2024-11-01 14:48:59 · 541 阅读 · 0 评论 -
React03 组件 & Props
一些组件将它们所有的 props 转发给子组件，正如 Profile 转给 Avatar 那样。因此，函数与类上的特性在 React 组件上同样具有，比如原型链，继承，静态属性等，所以不要把 React 组件和类与函数独立开来。每个父组件都可以提供 props 给它的子组件，从而将一些信息传递给它。组件本质上就是类和函数，但是与常规的类和函数不同的是，组件承载了渲染视图的 UI 和更新视图的。React 在底层逻辑上会像正常实例化类和正常执行函数那样处理的组件。函数式组件定义时首字母必须大写。原创 2024-10-23 09:13:39 · 656 阅读 · 0 评论 -
React02 JSX的基本使用
JSX是一种 JavaScript 的语法扩展，需要通过解析工具解析之后才能在浏览器中运行。注意：key 是 React 框架内部使用的用于提升更新性能的属性。原创 2024-10-13 00:34:41 · 695 阅读 · 0 评论 -
React01 开发环境搭建
【代码】React01 开发环境搭建。原创 2024-10-12 23:47:26 · 653 阅读 · 0 评论 -
JavaScript_同步与异步、Promise、async/await、微任务与宏任务
JavaScript_同步与异步、Promise、async/await同步与异步示例：console.log("a")console.log("b")setTimeout(() => {console.log("异步操作")}, 2000)console.log("c")console.log("d")JQuery 的 Ajax 请求示例：console.log("1")$.ajax({ type: 'get', url: "http://localhost:原创 2021-01-14 20:25:14 · 149001 阅读 · 0 评论 -
Vue03_Vuex的基本使用
Vue03_Vuex的基本使用安装 vuex 的依赖包npm install vuex --savevuex 配置 jsimport { createStore } from 'vuex'export default createStore({ state: { count: 0 }, mutations: { // 不要在mutations中定义异步任务，需要借助actions来实现异步 add (state, step) { sta原创 2020-11-27 22:49:23 · 143162 阅读 · 0 评论 -
CSS3.0(Cascading Style Sheet) 层叠级联样式表
CSS3.0(Cascading Style Sheet) 层叠级联样式表快速入门：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS01</title>原创 2020-09-12 21:48:16 · 212067 阅读 · 0 评论 -
HTML5
HTML入门实例：<!-- DOCTYPE: HTML5规范声明 --><!DOCTYPE html><html lang="en"><!-- 网页头部 --><head> <!-- meta描述性标签，供机器解读（告诉机器该如何解析这个页面），一般用来做SEO --> <meta charset="UTF-8"> <meta name="keywords" content="jav.原创 2020-09-11 15:57:21 · 119434 阅读 · 0 评论 -
Vue03_Router路由、ElementUI和Axios的使用
Vue03_Router路由和ElementUI的使用安装vue-routernpm install vue-router安装ElementUInpm i element-ui -S在Vue项目下创建router目录，在其中创建index.js文件：import Vue from 'vue'import VueRouter from 'vue-router'//引入组件import Content from "../components/Content";import Main f原创 2020-09-11 14:33:12 · 137091 阅读 · 0 评论 -
Webpack的使用
Webpack 的使用安装webpack：cnpm install webpack -gcnpm install webpack-cli -g查看安装版本：webpack -v4.44.1webpack-cli -v3.3.12使用webpack：创建一个空文件夹 mywp01 作为项目目录创建 modules 文件夹，在该文件夹内创建 hello.js 和 main.jshello.jsexports.sayHi = function () { docume原创 2020-08-31 17:27:25 · 133983 阅读 · 0 评论 -
Vue02_第一个vue-cli项目
Vue02_第一个vue-cli项目nodejs 的下载和安装官网下载（选择windows64位的版本）：http://nodejs.cn/download/安装：无脑下一步测试是否安装成功：安装淘宝镜像：npm install cnpm -g使用淘宝镜像安装 vue-cli：cnpm install vue-cli -g全局安装的路径：C:\Users\[电脑用户名]\AppData\Roaming\npm\node_modules在项目路径下，用以下命令创建 vue-原创 2020-08-31 16:21:43 · 116399 阅读 · 1 评论 -
Vue01_Vue基础入门
Vue01_入门语句引入 Vue 的 cdn<script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>Vue入门程序<div id="app"> {{message}}</div><script> var vm = new Vue({ el: "#app", data:{ message原创 2020-08-30 22:18:57 · 144131 阅读 · 0 评论 -
JQuery笔记_知识点总结
JQuery笔记_知识点总结val() 取表单元素值$("#input1").val()html() 和 text() 获取元素内容（区别是是否包含子标签）<div id="d1"> 这是div的内容<span>这是div里的span</span></div>$("#d1").html()这是div的内容<span>这是div里的span</span>$("#d1").text()这是div原创 2020-08-08 13:31:30 · 156201 阅读 · 0 评论