- 博客(79)
- 收藏
- 关注
RSS订阅原创 React项目知识积累（三）
是 JavaScript 中的一个静态方法，用于检查传递给它的参数是否是一个 Array 对象。该方法接受一个可选参数，即一个分隔符字符串，用于在数组的每个元素之间插入。less文件中的@primary-color，会在config.js中的theme中统一写,方便统一更改。关键字来改变导出项的名称，使其与原始模块中的名称不同。是一个内置函数，用于返回一个由给定对象自身的所有可枚举属性名称组成的数组。如果你想在无论是否有错误抛出的情况下执行某些代码，可以使用一个可选的。在一个模块中，默认导出项只能有一个。
2024-05-24 19:00:32
678
原创 React项目知识积累（二）
是 JavaScript 中的一个内置方法，用于选择多个元素并返回一个 NodeList 对象。在上述例子中，选择了所有元素，并将它们存储在一个NodeList对象中。可以使用length属性获取所选元素的数量，并使用索引获取每个元素的属性和内容。需要注意的是，返回的是一个静态的 NodeList 对象，这意味着如果匹配的元素发生变化，NodeList 不会自动更新。如果需要动态更新匹配的元素列表，请使用或者其他动态查询节点的方法。
2024-05-23 19:35:32
424
原创 React项目知识积累（一）
true使用useRequestmanualtruedatedateonError你需要确保date参数被正确传递给请求。如果date是一个变量，你应该在调用时传递它。
2024-05-23 17:21:36
956
原创 Vue小程序项目知识积累（三）
var()函数用于插入自定义属性（也称为CSS变量）的值。设置一个CSS变量的值，但是如果变量不存在，它将默认返回20rpx。CSS变量必须在一个有效的CSS规则（如选择器）内定义，否则它们不会被识别。如果你在:root伪类中定义了，那么你可以在任何后代元素中使用var()函数来引用它。我们首先在:root伪类中定义了变量，然后在一个名为.element的类中使用var()函数来设置背景颜色。这个方法将动态设置变量的值。请确保在执行这个操作的时候，DOM已经完全加载，否则可能不会生效。
2024-05-22 16:46:28
1022
原创 自学ES6
1.let声明变量 let a; let b, c, d; let e = 2323, f = '我是大帅哥', g = [];1.变量不能重复声明 let start = '罗志祥'; let start = '小猪';这样会报错: let start = '罗志祥'; console.log(start);这样就不会报错:2.块儿级作用域 全局作用域 函数作用域 eval作用域（严格函数中存在...
2021-10-12 13:48:17
197
原创 前端面试题（三）
1.行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，比如div默认display属性值为“block”，成为“块级”元素；span默认display属性值为“inline”，是“行内”元素。行内元素有：span a b i img input select strong块级元素有：div p h1-h6 ul table form ul ol li dl dt dd…...
2021-08-23 00:10:26
491
原创 前端面试题（二）
1.高阶组件？redux里面有一个高阶组件？（redux里面的connect就是一个高阶组件）react-router里的withRouter,withRouter提供了history，在没有通过route跳转，也没有传递this.props的时候，可以通过withRouter实现路由跳转,redux里的高阶组件也用过，是connect，连接全局store的.2.redux中如果需要使用异步调用数据的话需要使用什么？（redux中间件）首先需要使用axios或者fetch发送异步请求，然后需要中
2021-08-21 23:38:55
638
原创 前端面试题（一）
1.介绍一下box-sizing的属性?1.box-sizing 规定两个并排的带边框的框，2.box-sizing的属性值：content-box/border-box/inherit content-box：（默认的盒子，设置padding和border会撑开盒子，使盒子比原本的宽高更大，padding=>内边距，margin=>外边距）宽度和高度分别应用到元素的内容框，在宽度和高度之外绘制元素的内边距和边框 .border-box：（包含了padding和border，设置
2021-08-20 21:16:24
994
2
原创 微信小程序
一、底部导航(tabBar)在app.json中的代码：{ "pages": [ "pages/index/index", "pages/logs/logs", "pages/teacher/teacher", "pages/student/student", "pages/jiekou/jiekou" ], "window": { "backgroundTextStyle": "light", "navigationBarBac
2021-08-12 22:13:33
98
原创 Vue中购物车
Vue中购物车是用axios进行调接口，然后放在store中，就可以随时调用！示例：Show.vue:<template> <div class="header0"> <table> <caption> 商品界面 </caption> <thead> <tr> <th>编号</th.
2021-08-12 09:35:16
141
原创 Vuex介绍
1.Vuex采用和Redux类似的单向数据流的方式来管理数据。用户界面负责触发动作(Action)进而改变对应状态(State),从而反映到视图（View)上。2.Vuex是Vue.js应用程序的状态管理模式+库。3.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可测的方式发生变化。4.Vuex把组件的共享状态抽取出来，以一个全局单例模式管理。在这种模式下,我们的组件树构成了一个巨大的“视图”，不管在树的哪个位置,任何组件都能获取状或者触发行为!5.通过定义和隔离..
2021-08-12 09:24:15
223
原创 Vue中的注意点（二）
1.插值语法的实现：<template> <div class="app"> <!-- v-mode:value 的简写形式： v-model --> 姓：<input type="text" v-model="firstName" /><br /><br /> 名：<input type="text" v-model="lastName" /><br /><br />
2021-08-10 23:59:25
140
原创 Vue中的注意点（一）
1.如果新建一个vue文件有警告框:可以在首页中的js段中加入: Vue.config.productionTip = false;//阻止vue在启动时生成生产提示2.如果不用el进行和id值进行绑定,并在连接vue之前调用一个函数:var v = new Vue({ // el: "#ex",//el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串 data: { data: { }, }, methods: { },
2021-08-09 21:59:29
270
原创 Axios
一、axiosAxios是一个基于promise的HTTP库，可以用在浏览器和node.js 中特点：-从浏览器中创建XMLHttpRequests-从 node.j创建http请求-支持Promise API（then）-拦截请求和响应(可以取消请求)-转换请求数据和响应数据-取消请求-自动转换JSON 数据(自动转换是一个缺点)-客户端支持防御XSRF (跨网站请求伪造:https://en.wikipedia.org/wiki/Cross-sito_requ
2021-08-04 22:36:52
1185
原创 vue导航守卫
一、导航守卫1.vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的,单个路由独享的，或者组件级的。(1)应用:比如在路由跳转前做一些验证，比如登录验证，vue-router提供的beforeEach可以方便地实现全局导航守卫(navigation-guards)。(2)组件内部的导航守卫函数使用相同,只是函数名称不同（beforeRouteEnter、beforeRouteUpdate(2.2新增)、beforeRouteLeave).
2021-08-04 22:35:53
170
原创 vue动画和路由传值
一、过度&动画介绍Vue在插入、更新或者移除 DOM时，提供多种不同方式的应用过渡效果1.在CSS过渡和动画中自动应用class.2.可以配合使用第三方 CSS 动画库，如 Animate.css3.在过渡钩子函数中使用JavaScript直接操作 DOM.4.可以配合使用第三方JavaScript 动画库,如 Velocity.js二、组件过渡Vue提供了 transitIon的封装组件，在下列情形中,可以给任何元素和组件添加进入/离开过渡。当插入或删除包含在.
2021-08-02 20:21:29
400
2
原创 JS的介绍
一、浏览器架构：二、js的应用：1.网页中的特效：焦点图、二级菜单、放大镜2.表单验证3.后台交互：ajax（调数据）4.html5的大部分功能三、JavaScript的概念以及特点：1.JavaScript是一种基于对象(object)和事件驱动(Event Driven)并且具有安全性能的脚本语言。2.JavaScript具有以下几个基本特点：(1)是一种脚本编写语言(2)基于对象的语言(3)简单性(4)安全性(5)动态性(6)跨平台性..
2021-07-31 23:54:49
264
2
原创 内容分发和props类型
一、props类型限制如果prop是一个对象，不是字符串数组时，它包含验证:验证类型：String、Number、Boolean、Function、Object、Array props: { // 基础类型检测，（‘null’意思是任何类型都可以）,在传参值后加上类型,会自动判断,会限制传的值的参数类型. propsA: Number, //多种类型,并列排序 propsB: [String, Number], // 必传且是字符串 prop..
2021-07-30 22:29:27
503
原创 vue传值
组件的介绍：1.组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。2.所有的Vue组件同时也都是Vue的实例，所以可接受相同的选项对象(除了一些根级特有的选项)并提供相同的生命周期钩子。全局组件:——Vue.component(tagName, options)——Vue.component('my-component', {——template: '<div>A custom component! </div&g
2021-07-29 16:45:02
311
原创 git和less
一、Git与SVN的区别1.GIT不仅仅是个版本控制系统，它也是个内容管理系统(CMS)工作管理系统等。2.如果你是一个具有使用SVN背景的人，你需要做定的思想转换， 来适应GT提供的一些概念和特征。3.Git与SVN区别点:(1)GIT是分布式的，SVN不是:这是GIT和其它非分布式的版本控制系统，例如SVN、CNS等，最核心的区别。(2)GIT把内容按元数据方式存储，而SVN是按文件:所有的资源控制系统都是把文件的元信息隐藏在一个类似.svn,.cvs等的文件夹里。(3)GIT分支和SVN
2021-07-27 20:50:21
438
原创 Vue介绍
一、vue介绍1.Vue.js是用于构建交互式的 Web 界面的库。2.它提供了 MVVM数据绑定和一个可组合的组件系统,具有简单、灵活的API。从技术上讲，Vue.js集中在MVVM模式上的视图模型层,并通过双向数据绑定连接视图和模型。3.实际的DOM操作和输出格式被抽象出来成指令和过滤器。相比其它的MVVM 框架,Vue.js 更容易上手。4.Vue.js是一个用于创建Web交互界面的库。它让你通过简单而灵活的API创建由数据驱动的UI组件。5.内核生成：Es6和---.
2021-07-27 14:21:24
30774
原创 vue的环境配置
一、准备项目1.新建项目目录：mkdir vuetest22.进入项目：cd vuetest23.建立package.josn --------------npm init -y:(所有的都是默认的)二、安装webpack1.按照webpack官网进行配置安装：npm install --save-dev webpack@4.40.2npm install webpack webpack-cli@3.3.9 -Dproject： webpack-demo ...
2021-07-26 23:40:33
916
9
原创 react面试题
1、工程化主要工具有哪些，特点是什么（webpack、grunt、glup、git）(1)webpack更加强调模块化开发管理，而文件压缩合并、预处理等功能，是他附带的功能。Webpack是一个前端模块化方案，更侧重模块打包。我们可以把开发中的所有资源（图片、js文件、css文件等）都看成模块，通过loader（加载器）和plugins（插件）对资源进行处理，打包成符合生产环境部署的前端资源.Webpack就是需要通过其配置文件（Webpack.config.js）中 entry 配置的一个入口文件
2021-07-24 14:15:00
674
原创 hook介绍
一.hook(钩子):（按照生命周期和功能进行封装）优势：逻辑简化.(1)要启用Hooks，所有React软件包都必须为16.8.0或更高版本.(2)钩子是允许从功能组件(function component)“挂钩”React状态和生命周期功能的功能。钩子在类内部不起作用-它们允许你在没有类的情况下使用React.(3)React提供了一些像useState这样的内置Hook。你还可以创建自定义Hook以在不同组件之间重用有状态行为.(4)Hook是一些可以让你在函数组件里“钩入” R
2021-07-21 14:49:03
6032
1
原创 react-redux
react-redux:（封装原来的redux）1.Redux是独立的，它与React没有任何关系，React-Redux是官方提供的一个库，用来结合redux和react的模块.2.store的三大功能:dispatch,subscribe,getState都不需要手动来写React-Redux已经做了,react-redux提供了两个接口Provider、connect.3.只使用redux流程(1)component-->dispatch(action)-->reducer
2021-07-21 09:16:41
169
原创 购物车加Ajax调接口
购物车加调接口需要的三个JS文件：car.js、index.js、redux.jsindex.js:import _ from 'lodash';import React from 'react';import ReactDOM from 'react-dom';import { createStore, applyMiddleware } from 'redux';//使用函数createStore创建store数据点import { counter, Add, Del, Addv,A.
2021-07-20 16:03:26
154
原创 react的传值问题
1.父传子由content.js向left.js传值：contents.js:import React from 'react';import Left from './left.js';import { Right } from './right.js';export class Contents extends React.Component { constructor() { super(); this.state = { ctitle:
2021-07-19 22:42:03
319
12
原创 购物车的加减
实现购物车的加减，需要的三个文件：1.redux.jsimport React from 'react'; import ReactDOM from 'react-dom' ; var cars={ps:[ {id:1,names:'香瓜',n:1}, {id:2,names:'西瓜',n:1}, {id:3,names:'番茄',n:1}]}export function counter(state=cars,action){ switch(action.type){ c
2021-07-18 22:00:55
305
2
原创 entry和output
entry详细说明：1.当entry是一个字符串时，这个字符串表示需要打包的模块路径.2.当entry是一个对象：(1)a.是数组时，当需要将多个模块打包成一个模块，可以使用这个方式，如果这些模块之间不存在依赖，数组中值的顺序没有要求，如果存在依赖，则要将依赖性最高的模块放在最后面.例如：entry[ "./app/one.js","app/two.js" ](2)是键值对形式的对象时，当需要分别打包成多个模块时，可以使用这种方式.output详细说明：1.output是一个对象
2021-07-18 18:55:57
224
1
原创 flux和redux
数据流：1.数据流是行为和响应的抽象.2.react使用的是单数据流的方式.action：行为和动作controller:控制器model:模型view:视图单机事件会调用一个方法，单机就是行为，action就是响应，代码就是controller,flux介绍：1.Flux是一种架构思想，专门解决软件的结构问题，它跟MVC架构是同一类东西，但是更加简单和清晰.2.首先，Flux将一个应用分成四个部分：(1)View:视图层(2)Action(动作):视图层
2021-07-16 21:49:17
1292
原创 路由传值、JQ、fetch
路由传值：1.React路由取参数，有两种：(1)?a=1:这种属于search字符串，在location.search里取值.(2)/a/123:这种需要从match.params里取值.(3)但无论哪种，路由获取到的值，是跳转后的那一刻的值，而不是实时更新的最新值.2.路由-props信息(1)react-router的路由信息，都是存储在组件的props里.(2)由于我们写在父组件里的，是Route标签，我们需要显示的组件，是作为Route标签的属性而传进去的。所以作为Ro
2021-07-15 21:59:20
431
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人