前端 | 易学教程

秘制牛肉Alpha阶段项目展示

阅读更多关于秘制牛肉Alpha阶段项目展示

秘制牛肉Alpha阶段项目展示 1.团队成员和个人博客 · 左顺：“我是左顺，秘制牛肉队开发人员”。 · 王尖兵：“C，java，html5都会一点的菜鸡，没做过团队项目，但会在团队中尽力”。 · 袁勤：“团队实力担当”。 · 顾展鹏：“我喜欢编程，很高兴能和大家一起做这个项目，希望我们能圆满完成任务”。 · 谢俊林：“喜欢打台球，闲暇时喜欢搓炉石。几种编程语言中，我最熟悉的是Java”。开发人员。 · 彭一夫：“我喜欢用Java，把事情规划好了再开始做，希望能与队友一起做好这个项目，提升个人能力”。 2.项目展示预期：利用该网站，辅助进行大学基础物理实验和大学物理课程相关内容的学习。在大学基础物理实验方面，因本项目在前项目的基础上进行开发，保留原项目物理实验相关部分。项目目标：为做物理实验的同学提供实验数据处理的平台，生成物理实验报告，辅助同学们完成物理实验相关学业课程预期典型用户：大学物理系同学以及其他需要选修物理实验的同学以及物理实验教师功能描述：用户通过界面选择相应的物理实验，并录入自己的物理实验数据，平台根据标准模板生成一份针对输入数据的物理实验报告，辅助同学进行数据处理，同时规范了数据报告，便于老师批阅预期用户数量：优先考虑本校物理实验选课人数，为50人左右产品：如何满足用户需求： 1.提供了每个物理实验的报告模板

认识node.js与npm

阅读更多关于认识node.js与npm

网上的 npm 教程主要都在讲怎么安装、配置和使用 npm，却不告诉新人「为什么要使用 npm」。今天我就来讲讲这个话题。本文目标读者是「不太了解 npm 的新人」，大神您别看了，不然又说我啰嗦了 😂。社区程序员自古以来就有社区文化：社区的意思是：拥有共同职业或兴趣的人们，自发组织在一起，通过分享信息和资源进行合作。虚拟社区的参与者经常会在线讨论相关话题，或访问某些网站。前端程序员也有社区，世界上最大的前端社区应该就是 GitHub 了。前端通过 GitHub 来分享源代码（线上代码仓库）讨论问题（Issue 列表）收集学习资源和常去的网站（比如我收集的优质中文前端博客）加入社区最大的好处之一是，你可以使用别人贡献的代码，你也可以贡献代码给别人用。共享代码前端是怎么共享代码的呢？在 GitHub 还没有兴起的年代，前端是通过网址来共享代码比如你想使用 jQuery，那么你点击 jQuery 网站上提供的链接就可以下载 jQuery，放到自己的网站上使用 GItHub 兴起之后，社区中也有人使用 GitHub 的下载功能：麻烦当一个网站依赖的代码越来越多，程序员发现这是一件很麻烦的事情：去 jQuery 官网下载 jQuery 去 BootStrap 官网下载 BootStrap 去 Underscore 官网下载 Underscore ……

SaaS-多租户SaaS平台的数据库方案(前端框架)

阅读更多关于 SaaS-多租户SaaS平台的数据库方案(前端框架)

3 前端框架 3.1 脚手架工程技术栈 vue 2.5++ elementUI 2.2.2 vuex axios vue-router vue-i18n 前端环境 node 8.++ npm 5.++ 3.2 启动与安装（1）解压提供的资源包（2）在命令提示符进入该目录，输入命令： cnpm install 通过淘宝镜像下载安装所有的依赖，几分钟后下载完成如果没有安装淘宝镜像，请使用npm install （3）关闭语法检查打开 config/index.js 将useEslint的值改为false。 useEslint: false, 此配置作用: 是否开启语法检查，语法检查是通过ESLint 来实现的。我们现在科普一下,什么是ESLint : ESLint是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。如果我们开启了Eslint , 也就意味着要接受它非常苛刻的语法检查，包括空格不能少些或多些，必须单引不能双引，语句后不可以写分号等等，这些规则其实是可以设置的。我们作为前端的初学者，最好先关闭这种校验，否则会浪费很多精力在语法的规范性上。如果以后做真正的企业级开发，建议开启（4）输入命令： npm run dev 3.3 工程结构整个前端工程的工程目录结构如下： ├── assets | 资源 ├── build |

Node 使用webpack编写简单的前端应用

阅读更多关于 Node 使用webpack编写简单的前端应用

编写目的 1. 使用 Node 依赖webpack、jQuery编写简单的前端应用。操作步骤（1）新建一个目录 $ mkdir simple-app-demo $ cd simple-app-demo （2）在该目录下，新建一个 package.json 文件。 $ npm init -y package.json 是项目的配置文件。（3）安装 jquery 、 webpack 、 webpack-cli 这三个模块。 $ npm install -S jquery $ npm install -S webpack webpack-cli 打开 package.json 文件，会发现 jquery 、 webpack 和 webpack-cli 都加入了 dependencies 字段，并且带有版本号。（4）在项目根目录下，新建一个网页文件 index.html 。 <html> <body> <h1>Hello World</h1> <script src="bundle.js"></script> </body> </html> （5）在项目根目录下，新建一个脚本文件 app.js 。 const $ = require('jquery'); $('h1').css({ color: 'red'}); 上面代码中， require 方法是 Node 特有的模块加载命令。

工作，项目，技术学习，开源项目的整理

阅读更多关于工作，项目，技术学习，开源项目的整理

开源项目一款很轻量的无所不能的工具集合公司内部搭建一个工具网兼博客平台，没有广告用着爽，同事还膜拜几乎每个前端开发都会用的Chrome插件，功能太全了 100%原生的JavaScript多线程和并行执行库——Hamsters.js 这个库收集 Web开发的各种 JavaScript 小工具，超过 300 个模块阿里跨终端的H5游戏开发解决方案——Hilo 程序员的个人知识管理神器 JavaScript开发者的27个神奇VSCode工具教你10秒快速克隆网站，学习、私活，不用愁终于集齐的VUE中的UI组件，不看后悔奥前端猿应该知道的十大最流行的前端UI框架 Vue独立组件——11个最佳Vue.js日期选择器组件尤娜-基于Spring Boot 2.0构建的极简博客系统现已经开源 nodejs + docker + github pages 定制自己的今日头条在树莓派上搭建web服务器——基于Apache ddBuy 高仿移动端开源电商项目(Vue+VantUI) 推荐 11 个好用的 JS 动画库一个标星近 10k 的现代化的个人独立博客系统，程序员值得拥有阿里巴巴开源的超轻量的跨平台图形渲染引擎——GCanvas 基于Spring Boot 2.x的前后端分离开发平台X-Boot 前台 10个最佳Vue.js开源项目我的第一个 60k+ Star开源项目

接口测试的定义

阅读更多关于接口测试的定义

通过客户端给服务器发送请求报文单元集成系统验收在软件还没有成型的时候测试人员写测试用例开发人员写接口前端人员研发页面需求分析阶段就要介入测试给需求文档做测试，看看有没有逻辑问题等等页面跳转是a标签实现的，跟接口没有关系如果前端页面开发好了，但是还没有和后端对接那么前端页面点击登录按钮是可跳转页面的接口是要向服务器发送请求的跳转页面不用向服务器发送请求通过接口向服务器发送请求向服务器传递数据或者是获取数据都是通过接口来实现的把接口赋到一个按钮上，那这个按钮就有发送请求的功能 get向服务器获取数据 post向服务器提交数据 put和delete都是用post实现了，所以put和delete用的很少增删改–post 查–get 软件测试流程：绝对不是购物网站成型后开始测试需求文档–测试计划–测试用例– 测试是在有可视化界面之前去做测试是在页面还没有出现，前端还没做好，接口还没写完的时候就开始对请求接口进行测试，测试范围很广：等价类、边界值、表单值、返回值。。视频链接：https://www.bilibili.com/video/av51833741 来源： CSDN 作者：飞翔的小仙女儿链接： https://blog.csdn.net/weixin_43784779/article/details/103946642

《前端》制造假数据引入json

阅读更多关于《前端》制造假数据引入json

制造假数据引入json https://blog.csdn.net/weixin_42118466/article/details/89533922 1、在项目开发的过程中，如果后台接口还未开发完成，这个时候所以我们可以自建一个假数据文件(如data.json)到项目文件夹中，这样我们就可以模仿后台的数据进行开发。但是，如何在一个vue.js 项目中引入本地的json文件呢，下面就将步骤贴出来整个项目是由vue-cli脚手架搭建而成。具体项目结构如下： 1：首先我们使用vue-cli脚手架工具打包成上图所示的样子，不会vue-cli请跳转至这里：传送门 https://www.cnblogs.com/momozjm/p/6297455.html 2：我们找到bulid>dev-server.js,然后打开 3：在里面加入这段代码，大概在20行左右）。 var app = express() // 从这后面开始加 var goodsData = require('../data.json') var router = express.Router() router.get("/goods", function (req,res) { res.json(goodsData) }) app.use(router) 这里用到的是node.js+express框架的知识 4

为什么要前后端分离？

阅读更多关于为什么要前后端分离？

为什么要前后端分离？作者：偏头痛杨来源：https://blog.csdn.net/piantoutongyang 一、前戏前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。在互联网架构中，名词解释： Web服务器：一般指像nginx，apache这类的服务器，他们一般只能解析静态资源。应用服务器：一般指像tomcat，jetty，resin这类的服务器可以解析动态资源也可以解析静态资源，但解析静态资源的能力没有web服务器好。一般都是只有web服务器才能被外网访问，应用服务器只能内网访问。二、术业有专攻（开发人员分离）以前的JavaWeb项目大多数都是java程序员又当爹又当妈，又搞前端，又搞后端。随着时代的发展，渐渐的许多大中小公司开始把前后端的界限分的越来越明确，前端工程师只管前端的事情，后端工程师只管后端的事情。正所谓术业有专攻，一个人如果什么都会，那么他毕竟什么都不精。

@RequestBody的使用

阅读更多关于 @RequestBody的使用

原文地址提示：建议一定要看后面的@RequestBody的核心逻辑源码以及六个重要结论！本文前半部分的内容都是一些基本知识常识，可选择性跳过。声明：本文是基于SpringBoot，进行的演示说明。基础知识介绍： @RequestBody主要用来接收前端传递给后端的json字符串中的数据的(请求体中的数据的)；GET方式无请求体，所以使用@RequestBody接收数据时，前端不能使用GET方式提交数据，而是用POST方式进行提交。在后端的同一个接收方法里，@RequestBody与@RequestParam()可以同时使用，@RequestBody最多只能有一个，而@RequestParam()可以有多个。注：一个请求，只有一个RequestBody；一个请求，可以有多个RequestParam。注：当同时使用@RequestParam（）和@RequestBody时，@RequestParam（）指定的参数可以是普通元素、数组、集合、对象等等(即:当，@RequestBody 与@RequestParam()可以同时使用时，原SpringMVC接收参数的机制不变，只不过 RequestBody 接收的是请求体里面的数据；而RequestParam接收的是key-value 里面的参数，所以它会被切面进行处理从而可以用普通元素、数组、集合、对象等接收)。

前端学习（462）：递归求和

阅读更多关于前端学习（462）：递归求和

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>递归</title> </head> <body> <script> // 递归求和 var i=0; var sum=0; function getSum(){ i++; sum+=i; if(i>100){ return sum; } return getSum(); } getSum(); console.log(getSum()); </script> </body> </html> 运行结果来源： CSDN 作者：你知道歌谣吗？链接： https://blog.csdn.net/weixin_43392489/article/details/104051259

订阅前端