11 2022 档案
发表于 2022-11-23 12:36阅读：576评论：0推荐：0
摘要：vite搭建脚手架： npm init vite@latest (y) y vite-demo Vue TypeScript vue搭建脚手架： PS D:\personalSite> npm init vue@latest npm WARN config global --global, --lo
阅读全文 »
发表于 2022-11-22 14:19阅读：15评论：0推荐：0
摘要：接口数据 获取： 存储： 渲染： 渲染.值： hidden:true v-if: 动态绑定图片： 子路由的遍历：
阅读全文 »
发表于 2022-11-22 13:43阅读：15评论：0推荐：0
摘要：创建路由组件： .... 配置模块路由： 改进： 改进： 重定向： 统一改进： 路由模块：
阅读全文 »
发表于 2022-11-22 13:04阅读：17评论：0推荐：0
摘要：创建组件： 导入-注册-使用组件： home样式： 使用组件： Header组件token 样式：
阅读全文 »
发表于 2022-11-22 12:51阅读：3评论：0推荐：0
摘要：普通方式： 全局表单验证完成后要做的事情 200-token-username-message-push: 把这个登录封装成api进行调用 api封装： Login页使用api: 登录页： el样式调控： 404： 组件： 路由： 样式未出现：
阅读全文 »
发表于 2022-11-21 20:55阅读：101评论：0推荐：0
摘要：axios封装： 配置代理： axios封装： axios的二次封装： 请求拦截统一token处理： 引入： 使用： 导入： 响应拦截统一错误处理： 导入： main.js: login页面： 效果：请求： 我们要请求的是：
阅读全文 »
发表于 2022-11-21 20:20阅读：22评论：0推荐：0
摘要：接口说明： postman验证： 401:(没有携带token): 需要携带token进去~通过验证 postman:
阅读全文 »
发表于 2022-11-21 20:08阅读：52评论：0推荐：0
摘要：封装校验： 用户名匹配： 登录校验封装： 导入模块：（按需导入） 使用封装名称： 封装token:设置-获取-删除 导入token: 使用token:
阅读全文 »
发表于 2022-11-21 19:26阅读：17评论：0推荐：0
摘要：登录页在全局表单验证中获取ajax数据： 200证明接口数据请求成功： 数据请求成功后就可以利用状态码200:（登录成功：200）来存储用户信息，提示成功并跳转到首页 捕获异常： 效果： 优化rules: 正则插件：方便写正则（any-rule) 使用F1+输入校验的事物+回车 校验： 规则： 密码
阅读全文 »
发表于 2022-11-21 19:01阅读：26评论：0推荐：0
摘要：登录组件： src/components/Login.vue 基本的模板 + el-card + el-form el-card的改造： el-form改造： data中准备form的基本数据字段： 密码框： src/router 登录路由： 构建路由：进行搭配： 一进到页面重定向到登录页+别人想访
阅读全文 »
发表于 2022-11-21 18:22阅读：13评论：0推荐：0
摘要：src/router 路由懒加载： 路由异步组件：
阅读全文 »
发表于 2022-11-21 17:33阅读：118评论：0推荐：0
摘要：结构： 全局样式： 动态化： 声明动态下标： 上一张+1，下一张-1：
阅读全文 »
发表于 2022-11-21 17:19阅读：21评论：0推荐：0
摘要：冒泡概念 阻止冒泡 冒泡和没有冒泡
阅读全文 »
发表于 2022-11-21 17:08阅读：11评论：0推荐：0
摘要：
阅读全文 »
发表于 2022-11-21 16:06阅读：14评论：0推荐：0
摘要：v-bind:src 简写为:src 插值语法可以渲染到行内： <组件 src="{{pic}}"></组件>
阅读全文 »
发表于 2022-11-21 15:58阅读：347评论：0推荐：0
摘要：事件： <button bindtap="fn1">摸我</button> <button bindlongtap="fn1">长按</button> JS: data:{ }, fn1(){ console.log("摸我干啥？") } <view> <text>{{msg}}</text> <b
阅读全文 »
发表于 2022-11-21 15:08阅读：44评论：0推荐：0
摘要：轮播图容器：里面只能放swiper-item 使用： <swiper>:铺满宽度 <swiper-item>：铺满宽度 //水平铺满解决方案： <image src="1"></image>：with:100% + mode="widthFix" </swiper-item> <swiper-ite
阅读全文 »
发表于 2022-11-21 14:54阅读：16评论：0推荐：0
摘要：滚动： 盒子：固定高度 overflow:auto; 容器组件： scroll-view+固定高度（wxss高度） scroll-x:横向滚动 scroll-y:纵向滚动 使用： <scroll-view scroll-x> //整个屏幕的滚动 lorem*50//放不了 //需要放容器 </scr
阅读全文 »
发表于 2022-11-21 14:43阅读：40评论：0推荐：0
摘要：text: 文本 只能放文字，放别的组件无法解析 <text></text> rich-text: 富文本 放别的组件能够被解析出来 <rich-text></rich-text> 属性： space ="ensp/emsp/nbsp" nodes: <rich-text nodes="<h3>原生
阅读全文 »
发表于 2022-11-21 14:34阅读：484评论：0推荐：0
摘要：1.安装axios: cnpm i axios -S 2.启动项目： yarn serve npm run serve 3.在全局main.js导入axios： import axios from 'axios' 4.挂载至原型(作用：全局使用）： Vue.prototype.axios = axi
阅读全文 »
发表于 2022-11-21 13:23阅读：66评论：0推荐：0
摘要：1.安装图标库： cnpm i -D font-awesome 2.启动项目： yarn serve 3.在main.js导入图标库： import 'font-awesome/css/font-awesome.min.css' 4.在组件中使用： 图库地址： https://fontawesome
阅读全文 »
发表于 2022-11-21 13:12阅读：37评论：0推荐：0
摘要：scss的安装和使用： 1.安装： cnpm i sass-loader@7 node-sass@4 -S 2.使用： less的安装和使用： 1.安装： cnpm i less@3 less-loader@7 -S 2.使用： 运行： npm run serve/dev yarn serve/de
阅读全文 »
发表于 2022-11-21 12:57阅读：1089评论：0推荐：0
摘要：全局配置： 1.导入： main.js全局引入element-ui： import ElementUI from "element-ui" 2.注册： 使用Vue注册element-ui： Vue.use(ElementUI) 3.使用：（任何组件中使用element-ui组件） 按钮 el-but
阅读全文 »
发表于 2022-11-21 12:31阅读：157评论：0推荐：0
摘要：npm i webpack -g # 安装webpack npm i vue-cli -g # 安装脚手架 vue init webpack demo # 创建项目 全局安装 vue-cli 和项目创建 npm install -g @vue/cli # 用npm安装脚手架 or yarn glob
阅读全文 »
发表于 2022-11-21 11:44阅读：151评论：0推荐：0
摘要：设置需要关闭代理 容器组件-view的使用 做布局 app.json中直接创建文件 <view></view>: 容器组件 html标签无法解析：不认识标签，没写 创建文件： pages/second/second view 类似（html的div） <!--点击事件--> <!-- 指定按下去的样
阅读全文 »
发表于 2022-11-21 10:51阅读：62评论：0推荐：0
摘要：不使用云服务 JS基础模板 模拟器：模拟手机环境（用的多） 预览（真机查看）：手机扫描看效果（用的少） page/index/index.wxml
阅读全文 »
发表于 2022-11-21 09:58阅读：291评论：0推荐：0
摘要：单词： WeixinJSBridge（微信JS桥梁） invoke（调用） imagePreview（图片预览） current（当前图片路径） urls(所有图片url列表） function(功能） res（响应回来的结果） 概念： 使用 WeixinJSBridge 预览图片 使用： Weix
阅读全文 »
发表于 2022-11-21 09:33阅读：23评论：0推荐：0
摘要：https://www.wolai.com/fzWKLLPCvDxRwAfTWKeXeR
阅读全文 »
发表于 2022-11-21 09:31阅读：59评论：0推荐：0
摘要：注册： https://mp.weixin.qq.com/cgi-bin/wx?token=&lang=zh_CN https://mp.weixin.qq.com/ 开发工具： https://developers.weixin.qq.com/miniprogram/dev/devtools/st
阅读全文 »
发表于 2022-11-21 09:23阅读：28评论：0推荐：0
摘要：原生小程序开发 uniapp开发（写一套代码，生成多套程序：移动app,网页，...） 微信小程序开发模式：独立开发 建议： 自己独立敲 多看文档 特点： 体积小，轻便，使用方便，下载（需要下载），它依赖于微信平台 目前常见的小程序有： 粤康码 核酸码 ... 移动app: 需要下载，需要安装 能提
阅读全文 »
发表于 2022-11-21 00:28阅读：259评论：0推荐：0
摘要：文件说明 npm init -y #初始化项目依赖文件 cnpm i -D @vue/cli #安装脚手架 npx vue -V #查看vue-cli版本号 npx vue create project-one #创建项目 #or npx v 项目启动 yarn serve 项目配置 vue.con
阅读全文 »
发表于 2022-11-20 21:44阅读：85评论：0推荐：0
摘要：React组件设计相关的问题时： 有经验的求职者就会想到函数组件，类组件以及纯组件 高阶组件和渲染劫持相关内容？... 横向比较，纵向延伸 正确的方式比学习本身更重要，也使得学习更高效 纵向深挖问题，基于树状结构去掌握知识点的底层原理 React: 组件基础 状态管理 渲染流程 性能优化 React
阅读全文 »
发表于 2022-11-18 17:28阅读：20评论：0推荐：0
摘要：npx create-react-app my-app cd my-app npm start 添加路由库 react-router-dom npm i react-router-dom package.js name:项目名称 version:项目版号 private:项目是否开源 depende
阅读全文 »
发表于 2022-11-18 16:55阅读：57评论：0推荐：0
摘要：第零步：导入 import React,{useState,useEffect} from "react" 第一步： 创建函数组件: export default function Banner(){ 第二步： 改变状态: const [n,setN] = useState(0)//改变数值 con
阅读全文 »
发表于 2022-11-18 13:44阅读：42评论：0推荐：1
摘要：// 导入 import React,{} from "react" //使用：基本结构 export default class Banner extends React.Component{ //状态： constructor(){ super(); this.state={ //写数据 } }
阅读全文 »
发表于 2022-11-18 12:43阅读：13评论：0推荐：0
摘要：Effect Hook： 函数组件执行副作用操作 函数组件+hook import React,{useEffect,useState} from "react" export default function Hook(){ //状态：（声明） const [count,setCount] = u
阅读全文 »
发表于 2022-11-18 12:16阅读：110评论：0推荐：0
摘要：hook： 特殊的函数 hook作用： 钩入react的特性 useState: 函数组件添加state的hook hook的声明： 类组件： default export class Hook extends react.Component{ //在这里写状态： constructor(){ su
阅读全文 »
发表于 2022-11-17 21:48阅读：96评论：0推荐：0
摘要：Hook是React 16.8的新增特性，它可以在不编写类组件的情况下使用state以及其他React特性 Hook和函数组件： React的函数组件处理是这样的 const Demo = (props)=>{ // 可以在这使用 Hook ... return <div>Hook</div> }
阅读全文 »
发表于 2022-11-17 20:13阅读：26评论：0推荐：0
摘要：使用React构建单页面应用，要想实现页面间的跳转，首先想到的就是使用路由 下载： npm install react-router-dom //或者 yarn add react-router-dom 路由组件： BrowserRouter BrowserRouter: 为一个容器，用来放Rout
阅读全文 »
发表于 2022-11-17 19:21阅读：18评论：0推荐：0
摘要：export default class App extends Component{ // 状态： constructor(){ super()//父级构造函数调用 this.state={ title:'zhaoxing', id:'1' } } // 渲染： render(){ return
阅读全文 »
发表于 2022-11-17 14:53阅读：28评论：0推荐：0
摘要：组件： 可以编写react元素 虚拟DOM： react元素 真实的DOM: 可以展示 React里很重要的： 组件 组件目的： 复用 组件作用： 代码分隔 组件在React里有两种定义的方式： 第一种： 定义组件： 函数（JS函数） 函数组件：（不负责状态，只负责渲染） 功能组件 无状态组件 函数
阅读全文 »
发表于 2022-11-17 13:41阅读：16评论：0推荐：0
摘要：第一个加载的组件就是APP： <APP/> 当前咱们指定的DOM就是root: ReactDOM.createRoot(document.getElementById('root')); root在那个地方： react-app/public/index.html <div id="root"></
阅读全文 »
发表于 2022-11-17 12:43阅读：77评论：0推荐：0
摘要：node环境>=14.0.0 npm环境>=5.6 安装create-react-app：npm i -g create-react-app （cnpm/yarn） 创建项目：create-react-app react-project(项目名称) 进入项目根目录：cd react-project
阅读全文 »
发表于 2022-11-15 00:13阅读：23评论：0推荐：0
摘要：前提：实现了axios二次封装 // 注册api // 获取员工列表 export const sysUserSimple = () => { return request({ url: '/sys/user/simple' }) } // 导入api import { sysUserSimple
阅读全文 »
发表于 2022-11-15 00:02阅读：17评论：0推荐：0
摘要：//表单element-ui // 表单 <el-form label-width="120px" :model="form" :rules="rules" ref="form"> <el-form-item prop="rulesprop" label="部门名称"> // 文本框 <el-inp
阅读全文 »
发表于 2022-11-14 23:51阅读：26评论：0推荐：0
摘要：// 1、新增对话框 <el-dialog title="新增部门" width="700px" :visible.sync="show"> // 2、隐藏对话框 show: false // 3、导入注册使用新增对话框组件 // 使用 <!-- 新增弹框组件 --> <Add ref="add"
阅读全文 »
发表于 2022-11-14 23:40阅读：17评论：0推荐：0
摘要：// 1、设置场景值 scene: '', // 2、标题上使用动态title :title="{ add: '新增题目', edit: '编辑题目' }[scene]" // 3、父级组件使用子级组件 <Add ref="add" /> // 4、编辑和新增按钮分别使用子级场景值 this.$re
阅读全文 »
发表于 2022-11-14 23:16阅读：11评论：0推荐：0
摘要：本地接口（启动） token失效（重新登录） 端口号占用（切换端口）
阅读全文 »
发表于 2022-11-12 15:53阅读：17评论：0推荐：0
摘要：点击查看代码 //安装： yarn add vue-i18n@6.x main.js import i18n from '@/lang' Vue.use(ElementUI, { i18n: (key, value) => i18n.t(key, value) }) src/lang/index.j
阅读全文 »
发表于 2022-11-12 15:01阅读：37评论：0推荐：0
摘要：什么时候在功能组件(ClassComponent)上使用类组件 (FunctionalComponent)？（必会） 点击查看代码 如果您的组件具有状态( state )或生命周期方法，请使用 Class 组件。否则，使用功能组件
阅读全文 »
发表于 2022-11-12 14:59阅读：59评论：0推荐：0
摘要：react 中组件如何进行数据传值？（必会） 点击查看代码 父级传递子级：把数据挂载子组件的属性上，子组件通过 this.props 来接收父组件的数据。 子级传递父级：父级需要定义一个修改数据的方法，把修改数据的方法传给子组件，当子 组件需要修改父级数据时，调用父级传过来的修改方法 兄弟组件传递：
阅读全文 »
发表于 2022-11-12 14:58阅读：15评论：0推荐：0
摘要：为什么在 componentDidMount()中请求数据？（必会） 点击查看代码 componentDidMount 方法中的代码，是在组件已经完全挂载 到网页上才会调用被执行，所以可以保证数据的加载
阅读全文 »
发表于 2022-11-12 14:55阅读：79评论：0推荐：0
摘要：何为高阶组件(higherordercomponent) (必会） 点击查看代码 高阶组件是一个以组件为参数并返回一个新组件的函数。HOC 运行你重用代码、逻辑和引 导抽象，最常见的可能是 Redux 的 connect 函数，除了简单分享工具库和简单的组合，HOC 最好 的方式是共享 react
阅读全文 »
发表于 2022-11-12 14:54阅读：27评论：0推荐：0
摘要：何为受控组件(controlledcomponent) ？（必会） 点击查看代码 在 HTML 中，类似 <input>,<textarea>和<select> 这样的表单元素会维护自身的状态，并 基于用户的输入来更新，当用户提交表单时，前面提到的元素的值将随表单一起被发送，但在 react 中会有
阅读全文 »
发表于 2022-11-12 14:52阅读：93评论：0推荐：0
摘要：组件的状态(state)和属性(props)之间有何不同？（必会) 点击查看代码 State 是一种数据结构，用于组件挂载时所需数据的默认值。State 可能会随着时间的推移 而发生突变，但多数时候是作为用户事件行为的结果。Props(properties 的简写)则是组件的配置。 props 由父
阅读全文 »
发表于 2022-11-12 14:50阅读：56评论：0推荐：0
摘要：类组件(Classcomponent)和函数式组件 (Functionalcomponent)之间有何不同？（必会) 点击查看代码 类组件：类组件不仅允许你使用更多额外的功能，如组件自身的状态和生命周期钩子，也 能使组件直接访问 store 并维持状态。函数式组件：当组件仅是接收 props，并将组
阅读全文 »
发表于 2022-11-12 14:47阅读：108评论：0推荐：0
摘要：展示组件(Presentationalcomponent)和容器组件 (Containercomponent)之间有何不同？（必会) 点击查看代码 展示组件：展示专门通过 props 接受数据回调，并且几乎不会有自身的状态。 容器组件：展示组件或者其他容器组件提供容器和行为；并调用 actions，
阅读全文 »
发表于 2022-11-12 14:45阅读：14评论：0推荐：0
摘要：ControlledComponent 与 UncontrolledComponent 之间的区别是什么？（必会) 点击查看代码 Controlled Component。通过截获控件 onChange 方法，从而将 value 控制于组件 UnControlled Component 不截获控件的
阅读全文 »
发表于 2022-11-12 14:44阅读：28评论：0推荐：0
摘要：列出 Redux 的组件（必会） 点击查看代码 Action – 这是一个用来描述发生了什么事情的对象 Reducer – 这是一个确定状态将如何变化的地方 Store – 整个程序的状态/对象树保存在 Store 中 View – 只显示 Store
阅读全文 »
发表于 2022-11-12 14:42阅读：54评论：0推荐：0
摘要：createElement 和 cloneElement 有什么区别？（必会) 点击查看代码 传入的第一个参数不同 react.createElement(): JSX 语法就是用 react.createElement()来构建 react 元素的。 它接受三个参数，第一个参数可以是一个标签名。如
阅读全文 »
发表于 2022-11-12 14:39阅读：12评论：0推荐：0
摘要：事件在 react 中的处理方式？（必会） 点击查看代码 React元素的事件处理和DOM元素类似，但有一点语法上的不同： React事件绑定属性的命名采用驼峰式写法，而不是小写 如果采用JSX的语法，咱们需要传入一个函数作为事件处理函数，而不是一个字符串（DOM元素的写法）
阅读全文 »
发表于 2022-11-12 14:36阅读：68评论：0推荐：0
摘要：在 react 当中 Element 和 Component 有何区别？（必会） 点击查看代码 reactElement 是描述屏幕上所见的内容的数据结构,是对于 UI 的对象的表述.典型的。 reactElement 就是利用 JSX 构建的声明式代码片段,然后被转化为 createElement
阅读全文 »
发表于 2022-11-12 14:34阅读：21评论：0推荐：0
摘要：简述 flux 思想？（必会) 点击查看代码 1、用户访问 View 2、View 发出用户的 Action 3、Dispatcher 收到 Action,要求 Store 进行相应的更新 4、Store 更新后，发出一个"change"事件 5、View 收到"change"事件后，更新页面
阅读全文 »
发表于 2022-11-12 14:32阅读：42评论：0推荐：0
摘要：(在构造函数中)调用 super(props)的目的是什么？（必会） 点击查看代码 在 super() 被调用之前，子类是不能使用 this 的，在 ES2015 中，子类必须在 constructor 中 调用 super()。传递 props 给 super() 的原因则是便于(在子类中)能在
阅读全文 »
发表于 2022-11-12 14:30阅读：119评论：0推荐：0
摘要：setState 第二个参数的作用？（必会） 点击查看代码 第一个参数是要改变的 state 对象, 第二个参数是 state 导致的页面变化完成后的回调，等价 于 componentDidUpdate
阅读全文 »
发表于 2022-11-12 14:28阅读：23评论：0推荐：0
摘要：除了在构造函数中绑定 this，还有其它方式吗？（必会） 点击查看代码 你可以使用属性初始值设定项(property initializers)来正确绑定回调，create-react-app 也是 默认支持的。在回调中你可以使用箭头函数，但问题是每次组件渲染时都会创建一个新的回调
阅读全文 »
发表于 2022-11-12 14:27阅读：13评论：0推荐：0
摘要：你怎么理解 redux 的 state 的？ 点击查看代码 数据按照领域（Domain）分类，存储在不同的表中，不同的表中存储的列数据不能重复； 表中每一列的数据都依赖于这张表的主键，表中除了主键以外的其他列，互相之间不能有直接依 赖关系；把整个应用的状态按照领域（Domain）分成若干子 Stat
阅读全文 »
发表于 2022-11-12 14:25阅读：36评论：0推荐：0
摘要：redux 本身有什么不足？ 点击查看代码 1、向事件池中追加方法时，没有做去重处理 2、把绑定的方从在事件池中移除掉时，用的是 arr.splice(index,1)，这样可能会引起数组塌 陷 3、reducer 中 state，每次返回都需要深克隆，可以在 redux 中获取状态信息时，深克隆，
阅读全文 »
发表于 2022-11-12 14:24阅读：114评论：0推荐：0
摘要：调用 setState 之后发生了什么？ 点击查看代码 当调用 setState 后，新的 state 并没有马上生效渲染组件，而是，先看执行流中有没有在批 量更新中，如果有，push 到存入到 dirtyeComponent 中，如果没有，则遍历 dirty 中的 component， 调用 up
阅读全文 »
发表于 2022-11-12 14:23阅读：21评论：0推荐：0
摘要：请列举定义 react 组件的中方法？ 点击查看代码 1、函数式定义的无状态组件 2、es5 原生的方式 react.createClass 方式 3、es6 中 extends react.Component 定义的组件
阅读全文 »
发表于 2022-11-12 14:21阅读：44评论：0推荐：0
摘要：react 中 refs 的作用是什么？ 点击查看代码 Refs 是 react 提供给我们的安全访问 DOM 元素或者某个组件实例的句柄，我们可以为元 素添加 ref 属性然后在回调函数中接受该元素在 DOM 树中的句柄，该值会作为回调函数的第一 个参数返回
阅读全文 »
发表于 2022-11-12 14:20阅读：27评论：0推荐：0
摘要：react 中 keys 的作用是什么? 点击查看代码 Keys 是 react 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。 在开发过程中，我们需要保证某个元素的 key 在其同级元素中具有唯一性。 在 react Diff 算法中 react 会借助元素的 Key 值来判断该元素是
阅读全文 »
发表于 2022-11-12 14:18阅读：20评论：0推荐：0
摘要：react 性能优化是哪个周期函数？ 点击查看代码 shouldComponentUpdate
阅读全文 »
发表于 2022-11-12 14:17阅读：43评论：0推荐：0
摘要：shouldComponentUpdate 是做什么的？ 点击查看代码 shouldComponentUpdate 这个方法用来判断是否需要调用 render 方法重新绘制 dom，因为 DOM 的描绘非常消耗性能，如果我们能在 shouldComponentUpdate 方法中能够写出更优化的 d
阅读全文 »
发表于 2022-11-12 14:16阅读：43评论：0推荐：0
摘要：react 与 angular 有何不同 点击查看代码 react 是 Facebook 出品，angular 是 Google react 只有 MVC 中的 C，angular 是 MVC react 使用虚拟 DOM，angular 使用真实 DOM react 是单项数据绑定，angular
阅读全文 »
发表于 2022-11-12 14:14阅读：353评论：0推荐：0
摘要：什么是 JSX？为什么浏览器无法读取 JSX？ 点击查看代码 JSX 是 JavaScript XML 的简写，是 react 使用的一种文件，它利用 JavaScript 的表现力和 类似 HTML 的模板语法，得 HTML 文件非常容易理解。此文件能使应用非常可靠，并能够提高 其性能，浏览器只能
阅读全文 »
发表于 2022-11-12 14:13阅读：10评论：0推荐：0
摘要：谈谈你对 react 的了解 点击查看代码 react 是 Facebook 开发的前端 JavaScript 库,V 层：react 并不是完整的 MVC 框架，而是 MVC 中的 C 层 虚拟 DOM：react 引入虚拟 DOM，每当数据变化通过 reactdiff 运算，将上一次的虚拟 DO
阅读全文 »
发表于 2022-11-12 14:09阅读：24评论：0推荐：0
摘要：关键技术 点击查看代码 1、使用 react 官方脚手架工具提供的工作流快速搭建和开发项目 2、使用阿里旗下 antd-mobile 组件库搭建页面结构 3、使用 react-Router-DOM 作为前端路由管理复杂的页面 4、使用地图 API 实现地理定位，在地图中直接查找房源等实用功能 5、在
阅读全文 »
发表于 2022-11-12 14:06阅读：28评论：0推荐：0
摘要：点击查看代码 产品 PM、研发 RD、测试 QA，运维 OP
阅读全文 »
发表于 2022-11-12 14:04阅读：18评论：0推荐：0
摘要：开发流程 点击查看代码 产品提出需求 > 画出原型图 >开会评审 >安排工期(各部门商 量) >ui 设计图 >研发(设计接口文档并编写前后端代码) >边开发边 自测 >上线 >回测 >维护项目
阅读全文 »
发表于 2022-11-12 14:03阅读：13评论：0推荐：0
摘要：项目搭建-react-app 点击查看代码 项目搭建 1、使用脚手架 create-react-app 初始化项目 2、进入到项目根目录并使用 npm start 安装 3、安装 antd-mobile 组件 4、导入组件、导入样式 5、安装路由 react-router-dom 等
阅读全文 »
发表于 2022-11-12 13:59阅读：11评论：0推荐：0
摘要：开发中遇到的问题-移动端 点击查看代码 1 使用 Link 去跳转的时候，发现浏览器的地址栏的确 url 变了， 但是这个页面的内容没有发现变化 在路由匹配的组件上加上 exact 属性 2 页面刷新后, 轮播图无法自动滚动 在 state 中添加轮播图数据是否加载完成的状态，在轮播图数据加载完成时
阅读全文 »
发表于 2022-11-12 13:56阅读：18评论：0推荐：0
摘要：前端性能优化 点击查看代码 如何进行前端性能优化？（必会） 1、减少 http 请求 减少 HTTP 请求的方案主要有：合并 JavaScript 和 CSS文件、合并图片 CSS Sprites、图像映射（Image Map）和使用 Data URI 来编码图片，图片较多的页面也可以使用 lazy
阅读全文 »
发表于 2022-11-12 13:54阅读：155评论：0推荐：0
摘要：一个页面上有大量的图片，加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验 点击查看代码 图片懒加载，在页面上的未可视区域可以添加一个滚动条事件，判断图片位置与浏览器顶端的距 离与页面的距离，如果前者小于后者，优先加载。 如果为幻灯片、相册等，可以使用图片预加载技术，将当前展示图片的前一张和
阅读全文 »
发表于 2022-11-12 13:51阅读：50评论：0推荐：0
摘要：兼容问题 点击查看代码 1、图片加 a 标签在 IE9 中会有边框（必会） 解决方案：img{border:none;} 2、rgba 不支持 IE8（必会） 解决方案:可以用 opacity eg:opacity:0.7;/*FF chrome safari opera*/ filter:alph
阅读全文 »
发表于 2022-11-12 13:46阅读：36评论：0推荐：0
摘要：关于计算机相关术语的介绍 点击查看代码 了解计算机相关术语的目的：作为一个计算机相关专业的学生来说，大学开设的课程 有： 计算机基础、网页设计、计算机组成原理、数据结构、C 语言、C++、java、.net、计 算机网络、高等数学、线性代数、离散数学、概率论、操作系统、软件测试、linux、汇编语
阅读全文 »
发表于 2022-11-12 13:31阅读：83评论：0推荐：0
摘要：计算机网络的分层体系结构 点击查看代码 物理层：物理接口规范,传输比特流,网卡是工作在物理层的. 数据链路层：成帧,保证帧的无误传输,MAC 地址,形成 EHTHERNET 帧 数据链路层在不可靠 的物理介质上提供可靠的传输。该层的作用包括：物理地址寻址、数据的成帧、流量控制、 数据的检错、重发等。
阅读全文 »
发表于 2022-11-12 13:27阅读：19评论：0推荐：0
摘要：计算机相关知识 点击查看代码 存储器：是计算机的重要组成部分. 它可分为： 计算机内部的存储器（简称内存） 计算机外部的存储器（简称外存） 内存储器从功能上可以分为：读写存储器 RAM、只读存储器 ROM 两大类
阅读全文 »
发表于 2022-11-12 13:25阅读：499评论：0推荐：0
摘要：RAM 和 ROM 的区别 点击查看代码 RAM：（Ramdom Access Memory）易挥发性随机存取存储器，高速存取，读写时间相等， 且与地址无关，如计算机内存等。RAM 表示的是读写存储器，可以与任一存储单元进行读 或写操作，计算机关闭电源后其内的信息将不在保存，再次开机需要重新装入，通
阅读全文 »
发表于 2022-11-12 13:24阅读：178评论：0推荐：0
摘要：浏览器 点击查看代码 1、浏览器相关知识介绍： 浏览器是指可以显示网页服务器或者文件系统的 HTML 文件（标准通用标记语言的一个 应用）内容，并让用户与这些文件交互的一种软件。 它用来显示在万维网或局域网等内的文字、图像及其他信息。这些文字或图像，可以是 连接其他网址的超链接，用户可迅速及轻易地浏
阅读全文 »
发表于 2022-11-12 13:20阅读：73评论：0推荐：0
摘要：服务器 点击查看代码 1、介绍 服务器，也称伺服器，是提供计算服务的设备。由于服务器需要响应服务请求，并进行 处理，因此一般来说服务器应具备承担服务并且保障服务的能力。 服务器的构成包括处理器、硬盘、内存、系统总线等，和通用的计算机架构类似，但是 由于需要提供高可靠的服务，因此在处理能力、稳定性、可
阅读全文 »
发表于 2022-11-12 13:18阅读：16评论：0推荐：0
摘要：经典编程算法 点击查看代码 1、快速排序算法 2、堆排序算法 3、归并排序 4、二分查找算法 5、BFPRT（线性查找算法） 6、DFS（深度优先搜索） 7、BFS（广度优先搜索） 8、Floyd-Warshall all-pairs 最短路径算法
阅读全文 »
发表于 2022-11-12 13:16阅读：19评论：0推荐：0
摘要：经典排序算法 点击查看代码 1、插入排序—直接插入排序(Straight Insertion Sort) 2、插入排序—希尔排序（Shell`s Sort） 3、选择排序—简单选择排序（Simple Selection Sort） 4、选择排序—堆排序（Heap Sort） 5、交换排序—冒泡排序（
阅读全文 »
发表于 2022-11-12 13:15阅读：234评论：0推荐：0
摘要：黑盒、白盒、灰盒测试 点击查看代码 白盒测试： 白盒测试也称为结构测试或逻辑驱动测试，是针对被测单元内部是如何进行工作的测试。 它根据程序的控制结构设计测试用例，主要用于软件或程序验证。白盒测试法检查程序内部 逻辑结构，对所有的逻辑路径进行测试，是一种穷举路径的测试方法，但即使每条路径都测 试过了，
阅读全文 »
发表于 2022-11-12 13:08阅读：56评论：0推荐：0
摘要：二叉排序树 点击查看代码 定义：二叉排序树或者是一棵空树，或者是具有下列性质的二叉树： （1）若左子树不空，则左子树上所有结点的值均小于或等于它的根结点的值； （2）若右子树不空，则右子树上所有结点的值均大于或等于它的根结点的值； （3）左、右子树也分别为二叉排序树 详见：http://m.blog
阅读全文 »
发表于 2022-11-12 13:02阅读：29评论：0推荐：0
摘要：如何告诉 react 它应该编译生产环境版本 点击查看代码 通常情况下我们会使用 webpack 的 DefinePlugin 方法来将 node_ENV 变量值设置为 production。编译版本中 react 会忽略 propType 验证以及其他的告警信息，同时还会降低代码库 的大小，rea
阅读全文 »
发表于 2022-11-12 13:00阅读：16评论：0推荐：0
摘要：react,redux 可以否运行在服务端，有什么优势 点击查看代码 利于 SEO、提高首屏渲染速度、同构直出，使用同一份 JS 代码实现，便于开发和维护
阅读全文 »
发表于 2022-11-12 12:57阅读：67评论：0推荐：0
摘要：react 中 render()的目的 点击查看解答 每个 react 组件强制要求必须有一个 render()。它返回一个 react 元素，是原生 DOM 组件的表 示,如果需要渲染多个 HTML 元素，则必须将它们组合在一个封闭标记内，例如<form>、<group>、 <div>等,此函数必
阅读全文 »
发表于 2022-11-12 12:14阅读：29评论：0推荐：0
摘要：react 渲染机制 点击查看解析 1、当页面一打开，就会调用 render 构建一棵 DOM 树 2、当数据发生变化（ state | props ）时，就会再渲染出一棵 DOM 树 3、此时，进行 diff 运算，两棵 DOM 树进行差异化对比，找到更新的地方进行批量改动
阅读全文 »
发表于 2022-11-12 12:07阅读：40评论：0推荐：0
摘要：//安装 yarn add vue-i18n@8.0.0 //封装引入并暴露 src/lang/index.js import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) const i18n = new VueI18
阅读全文 »
发表于 2022-11-12 11:50阅读：48评论：0推荐：0
摘要：setState 何时同步何时异步？ 点击查看代码 1、setState 只在合成事件（react 为了解决跨平台，兼容性问题，自己封装了一套事件机制， 代理了原生的事件，像在 jsx 中常见的 onClick、onChange 这些都是合成事件）和钩子函数（生命 周期）中是“异步”的，在原生事件和
阅读全文 »
发表于 2022-11-12 11:33阅读：244评论：0推荐：0
摘要：//安装 yarn add screenfull@5.0.0 //导入 import screenfull from 'screenfull' //模块位置： <svg-icon icon-class="fullscreen" style="margin-right: 20px" @click="f
阅读全文 »
发表于 2022-11-12 10:41阅读：17评论：0推荐：0
摘要：export default { // 按钮权限 methods: { showBtn(code) { return ( this.
发表于 2022-11-12 10:13阅读：16评论：0推荐：0
摘要：//解决：切换帐号时上一帐号权限会影响下一帐号 import { resetRouter } from '@/router' // 删除用户信息与token logout(state) { state.token = '' state.userInfo = '' // 重置路由 resetRoute
阅读全文 »
发表于 2022-11-12 10:06阅读：25评论：0推荐：0
摘要：directives/index.js 自定义指令： // 按钮权限控制 showButton: { inserted(dom, obj) { if (!store.state.user.userInfo.roles.points.includes(obj.value)) { dom.style.d
阅读全文 »
发表于 2022-11-12 09:47阅读：27评论：0推荐：0
摘要：Proxy error: Could not proxy request /sys/profile from localhost:8888 to http://localhost:3000/api. See https://nodejs.org/api/errors.html#errors_comm
阅读全文 »
发表于 2022-11-12 09:26阅读：22评论：0推荐：0
摘要：<template> <!-- 查： 1：定义api 2:导入api 3:进入页面就调用api获取数据并存储 4：渲染数据 增： 1：创建一个弹框组件 2：导入注册使用 3：点击新增打开弹框 4：完成弹框组件布局 5：完成表单验证 6：定义与导入新增api 7:在表单验证成功后调用新增api 8:调
阅读全文 »
发表于 2022-11-12 09:24阅读：20评论：0推荐：0
摘要：<template> <!-- 组件v-model xxx v-model='abc' :value="abc" @input="abc=
发表于 2022-11-12 09:06阅读：214评论：0推荐：0
摘要：/* eslint-disable */ // 1:下载 file-saver xlsx,如果出现问题，如果以前是yarn,先执行yarn 如果还不行，再执行npm i 再运行，如果还不行自行调整版本 yarn add 插件名@版本号 // // 文件下载生成 import { saveAs } f
阅读全文 »
发表于 2022-11-12 09:04阅读：22评论：0推荐：0
摘要：/* eslint-disable */ import { saveAs } from 'file-saver' import JSZip from 'jszip' export function export_txt_to_zip(th, jsonData, txtName, zipName) {
阅读全文 »
发表于 2022-11-11 22:34阅读：14评论：0推荐：0
摘要： 
阅读全文 »
