JS、Layui、Vue、React 全栈前端开发
关注
分享
扫一扫
文章平均质量分 63
包含经典JS、JQuery、React、Vue等前端框架与第三方插件和前端项目合集
wespten
悦分享
网上搜索资料的朋友，一定都会有这样一个感受，那就是知识点有时太过零散，有时又存在误区，有时又太过简短，而有时又缺乏深度，一个系统又详细的分享小天地，为真正想去学习或了解某些事情的朋友，持续提供有价值且有深度的内容。
展开
-
揭秘一线互联网企业 前端JavaScript高级面试
揭秘一线互联网企业 前端JavaScript高级面试第1章 课程介绍1-1 导学(框架介绍&)1-2 架构(同步和异步混合调用的顺序性&原型模式&虚拟DOM&MVVM&JSX&自定义bridge网络&)第2章 ES6 语法2-1 开始(ES6标准入门&JavaScript 模块化方案 &打包&a...原创 2020-05-04 16:33:29 · 802 阅读 · 0 评论 -
前端学科面试题大全
作用域和值类型引用类型的传递(变量作用域(变量值存在栈中，变量赋值相当于值赋值，)&值传递与引用传递有哪些区别(函数内部，变量会先声明，变量声明提升，整个函数体有var声明的变量，如果没有访问全局定义的num2)&函数作用域和块作用域(JS作用域分为函数作用域与全局作用域，访问全局的num1没有修改过还是55，num2访问全局的为100，全局如果没有声明num会报错)&...原创 2020-04-04 14:34:36 · 327 阅读 · 0 评论 -
前端JavaScript面试技巧
前端JavaScript面试技巧第一章 课程简介1-1课程简介(前端基础&)1-2前言(网站前端程序开发分析&)1-3几个面试题(typeof操作符&require命令加载ES6模块&SpringLoaded&)1-4如何搞定所有面试题(获取字符串的字符集和排序方式的函数&)第二章 JS基础知识（上）2-1...原创 2020-05-04 11:24:07 · 460 阅读 · 0 评论 -
React从入门到实战- 企业级实战项目-宜居三
2019年最新 React从入门到实战（带 React 企业级实战项目-宜居）(React Hook新特性&)React Hook新特性&(1.React 新特性 State Hook&)1.React 新特性 State Hook&App.jsimport React from 'react';import Demo1 from "./components/Demo1"import Demo2 from "./components/Demo原创 2020-05-10 16:33:10 · 1032 阅读 · 0 评论 -
React从入门到实战- 企业级实战项目-宜居二
2019年最新 React从入门到实战（带 React 企业级实战项目-宜居）(React-Redux基础知识&)React-Redux基础知识&41.Redux 回顾组件传递及Redux介绍(Redux 回顾组件传递及Redux介绍&)Redux 回顾组件传递及Redux介绍&父传子子传父接收数据默认...原创 2020-05-08 07:08:41 · 731 阅读 · 0 评论 -
React从入门到实战- 企业级实战项目-宜居一
2019年最新 React从入门到实战（带 React 企业级实战项目-宜居）(React基础知识&)React基础知识&1.React 学习前期准备(React 学习前期准备&)React 学习前期准备&工程化，webpack安装node的npm创建react项目打开控制台Webpack构建工具环境...原创 2020-05-06 05:34:06 · 1446 阅读 · 1 评论 -
React全家桶+AntD 实战一
React全家桶+AntD 单车后台管理系统开发（完整版）...原创 2020-05-05 15:14:19 · 3998 阅读 · 0 评论 -
React全家桶+AntD 实战二
React全家桶+AntD 单车后台管理系统开发（完整版）(第8章 单车业务之城市管理模块&)第8章 单车业务之城市管理模块&(第9章 单车业务之订单管理模块&)第9章 单车业务之订单管理模块&(第10章 项目工程化开发&)第10章 项目工程化开发&(第11章 员工管理菜单模块开发&)第11章 员工管理菜单模块...原创 2020-05-05 18:34:59 · 1075 阅读 · 0 评论 -
React前后端分离实战租房项目一
React前后端分离实战租房项目一好客租房-20天day03-项目介绍以及开发后台系统(07.后台系统开发之form表单组件以及表单提交的讲解&)07.后台系统开发之form表单组件以及表单提交的讲解&form方法表单校验AddResource.jsgetFieldDecorator双向数据绑定，提交表单，class内部this，提交表单多选项，input组件设置import React, { PureComponent } f.原创 2020-05-11 07:40:57 · 1898 阅读 · 0 评论 -
umi框架实战项目
29.9React课程第10节：umi框架实战项目(第10节：umi框架实战项目&)第10节：umi框架实战项目&Generator是异步解决方案，next执行下一个步骤*可以放在后面也可以放在前面Yield表示暂停import React, { Component } from "react";function* hell...原创 2020-05-02 15:01:37 · 2877 阅读 · 0 评论 -
react-umi_dva项目
29.9React课程第11节：umi_Dva路由及项目实现(第11节：umi-Dva路由及项目实现&)第11节：umi-Dva路由及项目实现&项目创建创建页面创建目录结构router.jsimport React from 'react';import { Router as DefaultRouter, Route, S...原创 2020-05-02 17:51:22 · 1233 阅读 · 0 评论 -
Dva员工增删改查Demo实现-优化
Dva员工增删改查Demo实现-优化(后台&)后台&springBoot连接数据库，springBoot配置mybatis，springBoot整合日志，开启swagger##数据源地址spring: datasource: type: com.alibaba.druid.pool.DruidDataSource url: jdbc:postgresql://127.0.0.1:5432/postgres username: postgre原创 2020-10-23 11:59:11 · 753 阅读 · 0 评论 -
Dva员工增删改查Demo实现
(Dva员工增删改查Demo实现&)Dva员工增删改查Demo实现&(demo-service&)demo-service&启动文件package com.huawei;import org.mybatis.spring.annotation.MapperScan;import org.springframework.boot.Spr...原创 2020-10-23 11:59:31 · 941 阅读 · 1 评论 -
dva使用cors代理解决前后台数据交互
(dva使用cors代理解决前后台数据交互&)dva使用cors代理解决前后台数据交互&首先要修改.roadhogrc文件 "proxy": { "/api": { "target": "http://localhost:1111/", "changeOrigin": true, "pathRewrite": { "^...原创 2020-04-30 18:39:48 · 925 阅读 · 0 评论 -
cnpm全局配置搭建dva-cli脚手架
(cnpm全局配置搭建dva-cli脚手架&)cnpm全局配置搭建dva-cli脚手架&第一步删除npm配置npm config set proxy http://10.0.5.99:80npm config set https-proxy http://10.0.5.99:80npm config delete proxynpm config delete...原创 2020-04-30 19:23:13 · 430 阅读 · 0 评论 -
Dva双向数据流的理解
(Dva双向数据流的理解&)Dva双向数据流的理解&数据的改变发生通常是通过用户交互行为或者浏览器行为（如路由跳转等）触发的，当此类行为会改变数据的时候可以通过dispatch发起一个 action，如果是同步行为会直接通过Reducers改变State，如果是异步行为（副作用）会先触发Effects然后流向Reducers最终改变State首...原创 2020-04-30 19:00:15 · 1869 阅读 · 0 评论 -
Dva教程
Dva教程2019千锋DvaJS视频精讲，全网首发！【Web前端】千锋Web前端教程：01_dva_初始化(01_dva_初始化&)01_dva_初始化&暴露request对象发送请求其他地方调用query千锋Web前端教程：02_dva_路由(02_dva_路由&)02_dva_路由&增加路由增加userPa...原创 2020-05-07 04:59:08 · 3383 阅读 · 0 评论 -
Dva入门学习
Dva入门学习(划分结构&)划分结构&(设计Model&)设计Model&数据维度抽离，抽离数据本身及相关操作的方法，model只关心数据本身，遇到的状态管理等信息跟 model 无关，而是作为组件自身的state维护业务维度model设计(组件设计方法&)组件设计方法&路由组件纯组件...原创 2020-05-06 18:39:53 · 1144 阅读 · 0 评论 -
dva.js 知识导图
(JavaScript语言&)JavaScript语言&不要用var，而是用const和let，分别表示常量和变量。不同于var的函数作用域，const和let都是块级作用域。模板字符串模板字符串提供了另一种做字符串组合的方法。const user = 'world';console.log(`hello ${user}`); // h...原创 2020-04-30 20:10:53 · 549 阅读 · 0 评论 -
React-webpack最佳实践
29.9React课程第06节：工程化webpack(第6节：react最佳实践&)第6节：react最佳实践&安装webpack推荐使用局部安装生成package.json包描述规范文件夹，-D --save -dev的简写指定webpack的版本npx是npm的另一种实现，去node_module去找而不是去全局寻找webpack...原创 2020-05-02 10:40:25 · 458 阅读 · 0 评论 -
React全家桶-react-router原理实现
29.9React课程第05节：react全家桶(第5节：react全家桶&)第5节：react全家桶&App.jsexact精确匹配，可以使用switch独占如果有一个匹配不会继续往下走，一般要与exact配合使用，否则下面不会执行fallback返回任意jsx语法，增加动态引入与懒加载实现import React, { Suspense, ...原创 2020-05-02 09:30:26 · 1040 阅读 · 0 评论 -
React全家桶-Redux原理实现
29.9React课程第04节：react全家桶(第4节：react全家桶&)第4节：react全家桶&redux核心概念工作流程store存储状态，view通过dispatch派发一个动作，由action creators接收，stroe不会直接根据action修改状态，会通过reducers来更新store的状态，view与store之间有subscribe...原创 2020-05-02 07:43:46 · 196 阅读 · 1 评论 -
React组件化二
29.9React课程第03节：react组件化第3节：react组件化(Hooks&)HooksHooks本质就是一个函数useState可以在函数组件初始化state点击的时候，调用setName函数把name状态改为指定的值可以创建多个useState兄弟组件使用fragment来使用，直接在FruitsList解构{fruits}se...原创 2020-05-01 21:38:29 · 417 阅读 · 0 评论 -
React组件化一
29.9React课程第02节：react组件化第2节：02课react组件化(02课react组件化&)02课react组件化初始化显示constructor构造函数，要使用super()，否则没法在内部使用this2与3之间要对组件进行渲染componentWillReceiverProps父组件传递的属性发生变化时执行接收新的props...原创 2020-05-01 17:06:59 · 336 阅读 · 0 评论 -
react核心
第1节：react核心(react核心&)react核心&如果是cdn最好增加crossorgin跨域属性，直接避开校验直接引入资源文件快速搭建react脚手架构建npm run build 生产构建，CIA工具配置通过eject打碎项目可以看到webpack的配置，执行就不可逆。(初识Jsx&)初识Jsx&...原创 2020-05-01 13:59:49 · 535 阅读 · 0 评论 -
React教程
尚硅谷React教程(01_尚硅谷_react简介&)01_尚硅谷_react简介&02_尚硅谷_react的基本使用(DOM Rendering&Babel)DOM Rendering&BabelBabel支持jsx扩展语法，转为js代码谷歌浏览器扩展文件03_尚硅谷_jsx理解和基本使用(React...原创 2020-05-04 10:46:18 · 2908 阅读 · 0 评论 -
echarts的使用与代码编写
echarts的使用与代码编写引入js<script type="text/javascript" src="${rc.contextPath}/view/cusviews/js/type.js" charset="utf-8"></script><script type="text/javascript" src="${rc.contextPath}/v...原创 2018-12-02 06:27:22 · 4551 阅读 · 0 评论 -
webupload附件上传插件的开发与代码编写
webupload附件上传插件的开发与代码编写引入document.write('<link href="' + rootpath + '/Content/webuploader/webuploader.css" rel="stylesheet" />');document.write('<script src="' + rootpath + '/Content/...原创 2018-10-25 15:45:12 · 869 阅读 · 0 评论 -
Thymeleaf模板引擎的编写
1，Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。3.，Thymeleaf 提供spring标准方言和一个与 SpringMVC 完美集成的可选模块，可以快速的实现表单绑定、属性编辑器、国际化等功能。比如 th:attr="src=@{/image/aa.jpg},title=#{logo}"，此标签不太优雅，一般用的比较少。也就是：只要是没有选择的对象，选择表达式与变量表达式的语法是完全一样的。原创 2019-08-25 13:07:42 · 411 阅读 · 0 评论 -
layui考试试卷的组装
后台 @RequestMapping("/examinPaper/showExamInfo") public String startExam(ModelMap model,String examinPaperId) { List<ExaminQuestionDto> examinQuestionList = examinPaperService.makeExaminQ...原创 2020-10-23 12:01:23 · 1082 阅读 · 1 评论 -
layui框架使用与代码编写
layui框架使用与代码编写一、layui增加操作工具列ShowLeakList = ListPager.extend({ init : function(container, primaryKey, url){ //列表容器 this.container = container; //主键字段 this.primaryKey = primaryKey; //数据请...原创 2018-11-22 06:53:10 · 8200 阅读 · 1 评论 -
UI弹窗与提示框插件
UI弹窗插件(function (window, $, undefined) {/******************************************UI****************************** */ var _UI = function () { var _message = function () { ...原创 2020-10-23 12:01:09 · 376 阅读 · 0 评论 -
pageHelper分页工具的使用
layui的PageHelper。原创 2018-10-24 10:37:06 · 1630 阅读 · 0 评论 -
easyui树插件的开发与编写
easyui树插件的开发与编写[{ "id":1, "text":"Folder1", "iconCls":"icon-save", "children":[{ "text":"File1", "checked":true },{ "text"...原创 2018-10-18 16:37:16 · 350 阅读 · 0 评论 -
easyui的校验插件的开发与编写
easyui的校验插件的开发与编写(function (window, $, undefined) { // 定义 字符串对象(String) 扩展对象基元 coreString = function () { return String.apply(this, arguments); }, coreString.fn = coreStri...原创 2018-10-23 20:23:18 · 352 阅读 · 0 评论 -
easyui表格扩展插件的开发与编写
easyui表格扩展插件的开发与编写1.jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。2.jQuery.fn.extend(object);给jQuery对象添加方法。jQuery便是一个封装得非常好的'类'，比如我们用 语句$("#div1")会生成一个 jQuery类的实例。jQuery.extend(object);为jQuery...原创 2018-10-18 13:58:32 · 489 阅读 · 0 评论 -
easyui数据表格DataGrid插件
easyui数据表格DataGrid插件 <div class="dg2" style="width:1200px;height:300px;margin:10px auto;"> <table id="dglist2" ></table> <...原创 2018-10-25 15:21:07 · 1077 阅读 · 0 评论 -
EasyUi的使用与代码编写(二)
EasyUi的使用与代码编写(二)EasyUi组件EasyUI组件的简单介绍 easyUI提供了很多组件让我们使用，如下图所示： 使用这些组件可以帮助我们快速地进行项目开发，下面以一个用户登录程序为例讲解EasyUI组件的使用EasyUI组件的使用创建测试的JavaWeb项目 编写测试代码 编写一个用户登录页面Login1.html，用于输...原创 2019-08-27 08:05:12 · 270 阅读 · 0 评论 -
EasyUi的使用与代码编写(一)
EasyUi的使用与代码编写(一)EasyUI下载 EasyUI官方下载地址：http://www.jeasyui.com/download/index.php，目前最新的版本是：jQuery EasyUI 1.4.1 下载完成之后，得到压缩包，解压后，得到一个【jquery-easyui-1.4.1】文件夹，里面有如下图所示的文件： EasyUI入门引...原创 2019-08-27 08:04:57 · 550 阅读 · 0 评论 -
htmlunit获取js与ajax加载的网页内容
htmlunit 开源的java页面分析工具，读取页面后，使用htmlunit分析页面内容。模拟浏览器的运行，是一个没有界面的浏览器，运行迅速。采用Rhinojs引擎。模拟js运行引入依赖<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-i...原创 2018-08-26 10:49:00 · 4342 阅读 · 0 评论