- 博客(100)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 react面试题
虚拟Dom是真实Dom在内存中的表示本质上是以JavaScript对象形式存在，是对 真实DOM的描述数据状态更新，会记录新树与旧树的差异,把差异更新到真实Dom中区别在于虚拟Dom不会进行重排重绘，而真实Dom会频繁进行重排重绘文档对象模型，是一个结构化文本的抽象，在页面渲染出的每一个结点都是一个真实DOM真实Dom优势在于：易用，缺点：效率低:解析速度慢，内存占用量高， 性能差：频繁操作Dom导致重排重绘虚拟Dom优点：简单方便，避免的真实Dom的频繁更新，减少多次重绘重排，提高了性能。
2023-07-20 12:14:30
345
原创 前端面试题
HTML*HTML5或css新特性新语义化标签：header、footer、section、nav、aside、article画布Canvas绘图，用于在网页上绘制图形，可以直接在 HTML 上进行图形操作。音频、视频API(audio,video)WebStorage（localStorage和sessionStorage）表单增强（元素、属性placehoder）WebSocket：单个 TCP 连接上进行全双工通讯的协议。WebWorker地图地理定位拖拽HTML5语义化标签
2022-03-06 17:29:45
100
原创 es6对象、函数、数组、字符串扩展
对象<!-- * @Author: jingliang.duan@hand-china.com * @Date: 2021-04-26 15:45:03 * @LastEditTime: 2021-04-26 15:45:04 * @LastEditors: jingliang.duan@hand-china.com * @Description: -->函数函数的默认参数在ES5中，我们给函数传参数，然后在函数体内设置默认值，如下面这种方式。 functio
2021-07-08 20:56:09
214
原创 es6解构赋值及扩展运算符
解构是从对象中提取出更小元素的过程。赋值是对解构出来的元素进行重新赋值。下面的代码你可能无法在浏览器上实时测试，推荐在babel官网在线测试代码：在线测试ES6代码网址解构的分类1、对象解构2、数组解构3、混合解构4、解构参数对象解构对象解构简单的例子 let obj = { a: 1, b: [1, 2] } // 对象解构 const { a, b } = obj console.log(a, b) //1 [1, 2]
2021-07-08 20:50:57
288
原创 es6中var-let-const
varJavaScript中，我们通常说的作用域是函数作用域，使用var声明的变量，无论是在代码的哪个地方声明的，都会提升到当前作用域的最顶部，这种行为叫做变量提升（Hoisting）也就是说，如果在函数内部声明的变量，都会被提升到该函数开头，而在全局声明的变量，就会提升到全局作用域的顶部。function test() { console.log('1: ', a) //undefined if (false) { var a = 1 } console.
2021-07-08 20:50:11
105
原创 echart
使用echart使用的是H5 的canvas <div id="chartPie"></div>//获取Dom元素，初始化一个echartlet myEchart = this.$echarts.init(document.getElementById("chartBar"));//进行配置let option={}配置项挂载到echart上
2021-04-13 19:20:19
107
原创 20-面试增加版
html*HTML5或css新特性新语义化标签：header、footer、section、nav、aside、article画布Canvas绘图音频、视频API(audio,video)WebStorage（localStorage和sessionStorage）表单增强（元素、属性placehoder）WebSocket：单个 TCP 连接上进行全双工通讯的协议WebWorker地图地理定位拖拽HTML5语义化标签的理解标签元素本身包含标签内部填写内容的部分信息，特定的标签做
2020-12-08 14:22:13
200
原创 030-js面向对象
1.几组名词1.1.javascrpit与 web标准W3c制定的，web标准分成三个部分：结构：xml,html （你是谁）表现：css （长什么样）行为：javascript （能做什么）1.2.javascript与jqueryjquery就是众多工具库中应用最广泛的。Underscore.js 是以_开头。(花一点时间自己看看，写在简历中)Jquery.js 是$开头。也可以自己写自己用的工具库。1.3.javascript与 ECMA
2020-12-05 15:06:47
174
原创 030-js高级特性
1.几组名词1.1.javascrpit与 web标准W3c制定的，web标准分成三个部分：结构：xml,html （你是谁）表现：css （长什么样）行为：javascript （能做什么）1.2.javascript与jqueryjquery就是众多工具库中应用最广泛的。Underscore.js 是以_开头。(花一点时间自己看看，写在简历中)Jquery.js 是$开头。也可以自己写自己用的工具库。1.3.javascript与 ECMA
2020-12-05 15:06:09
260
原创 20-前端面试大全
html*HTML5或css新特性新语义化标签：header、footer、section、nav、aside、article画布Canvas绘图音频、视频API(audio,video)WebStorage（localStorage和sessionStorage）表单增强（元素、属性placehoder）WebSocket：单个 TCP 连接上进行全双工通讯的协议WebWorker地图地理定位拖拽HTML5语义化标签的理解标签元素本身包含标签内部填写内容的部分信息，特定的标签做
2020-12-05 11:30:20
230
原创 20-66-完整面试总结
html说一下< label>标签的用法label标签主要是方便鼠标点击使用，扩大可点击的范围，增强用户操作体验遍历A节点的父节点下的所有子节点<script> var b=document.getElementById("a").parentNode.children; console.log(b)</script>cssCSS 选择符有哪些？id选择器（#id）类选择器（.class）标签选择器（div，h1，p）相邻选择器（
2020-11-30 19:34:08
145
原创 02-css大全
目标:学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示模式熟练掌握CSS背景属性熟练掌握CSS三大特性熟练掌握CSS盒子模型熟练掌握CSS浮动10.熟练掌握CSS定位11.熟练掌握CSS高级技巧强化CSStypora-copy-images-to: mediaCSS的发展历程从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的.
2020-11-28 21:31:29
922
原创 11-10-react性能优化
PureRenderMixin 优化PureRenderMixin 优化react最常用的工具就是PureRenderMixin，使用 npm i react-addons-pure-render-mixin --save,安装并使用：import React,{Component} from 'react'import PureRenderMixin from 'react-addons-pure-render-mixin'class Demo extends Component{ c
2020-11-25 15:49:52
89
原创 13-10-党建项目部署
backSystem是vue-element写的后台npm build distwebapp vue写的前端npm build distserver数据接口api.hhdj.myxiaohu.cnadmin.hhdj.myxiaohu.cnapp.hhdj.myxiaohu.cn域名备案 - 域名解析 - 通过可以找到IP地址 - 要将域名和主机上的某个文件夹进行帮绑定...
2020-11-20 19:25:17
204
原创 13-07-支付场景
接口地址https://app.grfuwutong.com/addons/zjhj_mall/core/web/index.php?r=api/后台登录地址http://app.grfuwutong.com/web/index.php?c=user&a=login&账号: admin密码: admin123商户后台地址http://app.grfuwutong.com/addons/zjhj_mall/core/web/mch.php?store_id=1用户名： 150
2020-11-17 22:38:30
765
原创 13-05-uniapp常用api
缓存uni.setStorageuni.setStorageSyncuni.getStorageuni.getStorageSyncuni.getStorageInfouni.getStorageInfoSyncuni.removeStorageuni.removeStorageSyncuni.clearStorageuni.clearStorageSync注意：uni.setStorage与uni.setStorageSync之间的区别是什
2020-11-17 19:05:16
1294
原创 13-02-uniapp供热服务接口配置
eggjs配置mysql数据库npm i egg-mysql --save mysql:{ enable: true, package: 'egg-mysql', }, config.mysql={ client: { // host host: '127.0.0.1', // 端口号 port: '3306', // 用户名 user: 'root', // 密码 pas
2020-11-16 20:15:40
1267
原创 20-11-面试真题1
cssCSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？css3新增伪类？CSS 选择符有哪些？id选择器（#id）类选择器（.class）标签选择器（div，h1，p）相邻选择器（h1 + p）子选择器（ul > li）后代选择器（li a）通配符选择器（ * ）属性选择器（a[title]）伪类选择器（a:hover，li:nth-child）a:hover 当鼠标bai选定在a标签上时a标签的样式du变化li:nth-child（3） 表示 li 标签的父
2020-11-16 19:36:43
150
原创 06-egg发送邮件、短信
发送邮件下载 nodemailernpm install nodemailer --save邮箱授权进入邮箱 》 设置 》 账户 》POP3/IMAP/SMTP/Exchange/CardDAV/CalDAV服务开启POP3/SMYP服务，获取授权码'use strict';const Controller = require('egg').Controller;const nodemailer = require('nodemailer'); //引入邮件发送类class To
2020-11-13 22:22:46
1745
原创 06-分页
前端分页eggjs'use strict';const Controller = require('egg').Controller;class ShujuController extends Controller {//单页 async index() { const { ctx } = this; let goodsList = await this.app.mysql.query( 'select * from nideshop_goods'
2020-11-13 20:18:47
120
原创 19-前端ui框架
前端layui经典模块化前端框架ElementUI饿了么前端开源的UI框架WeUI微信graceUIuniapp蓝湖uniapp后端expresseggjsnestjs可视化组件Echartsantv
2020-11-13 09:18:02
107
原创 06-后端工具egg使用配置 nest
egg.jsegg Egg.js 为企业级框架和应用而生的渐进式node.js框架具体查看官方文档https://eggjs.org/zh-cn/intro/quickstart.html安装eggnpm init egg --type=simple导入相关依赖npm install安装模板引擎npm i egg-view-ejs 安装mysqlnpm i --save egg-mysql相关配置config/config.default.js/* eslint val
2020-11-12 19:44:07
617
原创 20-20-知乎自整前端面试题
html说一下< label>标签的用法label标签主要是方便鼠标点击使用，扩大可点击的范围，增强用户操作体验遍历A节点的父节点下的所有子节点<script> var b=document.getElementById("a").parentNode.children; console.log(b)</script>csscalc, support, media各自的含义及用法？@support主要是用于检测浏览器是否支持CSS的某个
2020-11-12 14:09:32
311
原创 13-01-uniapp 项目 框架
项目立项1 企业技术选型 - 几大主流技术之间的关系Angular.js 和 IonicAngular1官网Angular2官网Ionic 中文网Ionic 英文官网Vue.js 和 WeexVue.js官网Weex文档Weex - github地址 - 新Weex - github地址 - 旧React.js 和 React-NativeReact.js英文官网ReactNative中文网ReactNative英文网Angular, Vue, Rea
2020-11-10 09:11:34
536
原创 11-09-react hook
hook使用hook的原因：使用class创建组件，大型组件状态和逻辑组合在一起来，很难拆分和维护，使用不方便，所以改用hook。hook作用：在不使用class的情况下，也可以使用状态，也可以使用生命周期。使用函数创建数组。react hook就是加强版的函数式组件，完全可以不使用class，创建出一个复杂的组件。hook钩子react hook中提供很多的钩子，它的钩命名，都是use打头。useState();useEffect(); // 生命周期useContext();u
2020-11-05 21:19:15
1008
原创 11-07-redux异步
action分两类：同步action 本质是一个js对象，必定有一个属性叫type异步action 本质是一个函数， redux默认的不是异步actionreact-redux核心：Provider组件在顶层组件外面包一个Provider组件，这样所有的组件都在react-redux的控制之下，把...
2020-11-03 18:10:06
149
原创 11-07-react的todomvc代码解析
components文件夹AddTodo.jsximport React, {Component} from 'react'import store from "../store/index"import { addOneTodoAction } from "../store/actions/todos"export default class AddTodo extends Component{ constructor(props) { super(props); .
2020-11-03 18:09:05
265
原创 11-06-react redux
react问：react是什么？ 答：用于构建用户界面的JS框架。问：react本身有状态管理吗？ 答：有 react本身就有状态管理问：不使用redux，可以进行项目开发吗？ 答：可以问：vue和react本身就有状态管理，为什么会有redux和vuex？ 答：状态集中管理既然我们要把状态交给redux进行管理，是不是就意味着，react组件中就没有状态了？ 答：对的学习react，就是学习react技术栈：react.js + react-router-dom +
2020-11-02 19:07:43
108
原创 11-05-react组件的生命周期
问：react.js中的核心是什么？答：组件。问：react中组件的核心是什么？答：状态 组件的生命周期。生命周期函数：又叫钩子函数，一个组件从出生到死亡，这个过程会自动地调用一个函数，这个函数我们叫钩子函数，又叫生命周期函数。旧版生命周期函数React v16.0前的生命周期initalizaion 初始化使用constructor()来完成初始化setup props and state 设置组件初始化属性 和 状态 static defaultProps = { //
2020-10-30 19:37:24
228
原创 11-04-react路由基础
路由简介react中，使用路由的是react-routerreactreact.js 类似于vue.js web(BS构架的项目）react-navtive 简称RN 开发原生APP （android ios）react-routerreact-router ：是下面两种的基础，浏览器和原生app的通用部分react-router-dom：用于浏览器端react-router-navtive：用于原生appreact-router-dom:一些组件：组件名必须大写&l
2020-10-30 13:24:40
189
react幼教项目代码
2020-11-09
react版todoMVC代码练习
2020-11-09
微信小程序本地生活代码
2020-10-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人