前端
文章平均质量分 86
不一样的花朵
只要学不死,就往死里学.别人可以在智商上面压制自己,但是绝对不能在学习时间上面压制自己.
展开
-
在 Node 中使用 formidable 处理文件上传
在 Node 中使用 formidable 处理文件上传具体使用方式参照官方文档:https://www.npmjs.com/package/formidable第一:安装:# npm install --save formidableyarn add formidable第二:基本使用:var formidable = require('formidable'), http = require('http'), util = require('util'); http原创 2021-05-16 17:21:42 · 754 阅读 · 1 评论 -
Express 中间件
Ecmascript 6 + Babelnpm scriptsExpressBabel Register第一:在项目根目录下创建一个 .babelrc 文件,写入以下内容:{ "presets": [ ]}第二:安装对应的转码规则:# ES2015转码规则$ npm install --save-dev babel-preset-es2015# react转码规则$ npm install --save-dev babel-preset-react# ES7不同阶段.原创 2021-05-09 16:22:56 · 187 阅读 · 0 评论 -
Ecmascript 6
知识点Ecmascript 6Ecmascript 6ECMAScript 6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。Ecmascript 是 JavaScript 语言的标注规范JavaScript 是 Ecmascript 规范的具体实现具体实现取决于各大浏览器厂商的支持进度Ecmascript 6 也被称作 Ecmascript 2015各大浏览器厂商对于最新的 Ecmascript 6 标准支持可以参照:http:原创 2021-05-09 16:21:45 · 540 阅读 · 0 评论 -
Git和Github
知识点GitGithub项目阶段Git-bash 文件操作相关命令touch:创建文件cat:查看文件less:查看大文本文件vi:visual interfaceEsc 退出到命令模式i 进入插入模式:q 退出vi:w 保存编辑:wq 保存并退出:q! 强制退出不保存修改vi 的所有操作基本全部是命令,这里掌握基本使用基于可以了有时候使用 git commit 进行提交的时候希望能多写几行提交日志,这时候可以省略 -m 参数进入 vi 编辑模式Git参考原创 2021-05-05 11:03:59 · 184 阅读 · 0 评论 -
版本控制、SVN、Git和Github
知识点版本控制SVNGitGithub版本控制问题1:历史记录问题2:多人协作解决问题:软件版本 用户 说明 日期1 张三 删除了软件服务条款5 7/12 10:382 张三 增加了License人数限制 7/12 18:093 李四 财务部门调整了合同金额 7/13 9:514 张三 延长了免费升级周期 7/14 15:17什么是版本控制?版本管理就是管理更新的历史记录,原创 2021-05-05 11:02:58 · 269 阅读 · 0 评论 -
React-day6
RN学习说明ReactNative是基于React这门框架的语法来进行开发的;RN中,提供了 移动端 专用的一些组件,这时候,我们在网页中使用的一些 元素,div, p, img 都不能用了,只能使用RN固有的组件;最终,开发出来的项目,是要运行到手机上的,那么,如何把一个 RN 的项目,完整的发布到手机上去运行呢,这里,需要结合 安卓的 签名打包步骤,并使用 RN 提供的打包命令,进行完整 apk 文件的发布;最终发布出来的就是 Release 版本的项目,可以上传到应用商店;配置ReactN原创 2021-04-24 12:45:38 · 236 阅读 · 0 评论 -
React-day5
Node.js设置跨域app.use('*', function (req, res, next) { // 设置请求头为允许跨域 res.header("Access-Control-Allow-Origin", "*"); // 设置服务器支持的所有头信息字段 res.header("Access-Control-Allow-Headers", "Content-Type,Content-Length, Authorization, Accept,X-Request原创 2021-04-24 12:42:38 · 178 阅读 · 0 评论 -
React-day4
移动App第4天组件的生命周期概念:在组件创建、到加载到页面上运行、以及组件被销毁的过程中,总是伴随着各种各样的事件,这些在组件特定时期,触发的事件,统称为 组件的生命周期;组件生命周期分为三部分:组件创建阶段:组件创建阶段的生命周期函数,有一个显著的特点:创建阶段的生命周期函数,在组件的一辈子中,只执行一次;componentWillMount: 组件将要被挂载,此时还没有开始渲染虚拟DOMrender:第一次开始渲染真正的虚拟DOM,当render执行完,内存中就有了完整的虚拟原创 2021-04-18 07:57:26 · 172 阅读 · 0 评论 -
React-day3
移动App第3天ReactJS简介React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可能是将来 Web 开发的主流工具。libraryFramework前端三大主流框架Angular.原创 2021-04-18 07:55:00 · 227 阅读 · 0 评论 -
React-day2-webpack高级
移动App第2天webpack的发布策略在实际开发中,一般会有两套项目方案:一套是开发期间的项目,包含了测试文件、测试数据、开发工具、测试工具等相关配置,有利于项目的开发和测试,但是这些文件仅用于开发,发布项目时候需要剔除;另一套是部署期间的项目,剔除了那些客户用不到的测试数据测试工具和文件,比较纯净,减少了项目发布后的体积,有利于安装和部署!为了满足我们的发布策略,需要新建一个配置文件,命名为webpack.publish.config.js,将webpack.config.js的配置原创 2021-04-10 09:10:37 · 148 阅读 · 0 评论 -
React-day1
移动App第1天什么是混合移动App开发【重点】苹果上的软件是如何开发出来的:使用的是 OC、或者使用Swift这门语言安卓平台上的软件又是如何开发出来的:使用安卓相关的语言开发的,Java,安卓的控件进行开发苹果和安卓平台上共有的软件是如何开发出来的:腾讯招两套开发人员【开发组】,手机京东前端移动 App(Application)开发技术,去开发手机端的应用程序;前端的混合移动App开发技术,并没有使用 苹果 或 安卓 官方推荐的 开发平台和开发方式,而是抛弃了 官方提供的方式,使用 前端的原创 2021-04-10 09:08:37 · 289 阅读 · 0 评论 -
前端成神之路-Vuex
今日目标1.Vuex概述2.Vuex基本使用3.使用Vuex完成todo案例1.Vuex概述Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享使用Vuex管理数据的好处:A.能够在vuex中集中管理共享的数据,便于开发和后期进行维护B.能够高效的实现组件之间的数据共享,提高开发效率C.存储在vuex中的数据是响应式的,当数据发生改变时,页面中的数据也会同步更新2.Vuex的基本使用创建带有vuex的vue项目,打开终端,输入命令:vue ui当项目仪表原创 2021-04-03 21:03:20 · 135 阅读 · 0 评论 -
前端成神之路-vue前端项目07
今日目标1.完成项目优化2.完成项目上线1 .项目优化实现步骤:A.生成打包报告,根据报告优化项目B.第三方库启用CDNC.Element-UI组件按需加载D.路由懒加载E.首页内容定制2.添加进度条给项目添加进度条效果,先打开项目控制台,打开依赖,安装nprogress打开main.js,编写如下代码//导入进度条插件import NProgress from 'nprogress'//导入进度条样式import 'nprogress/nprogress.css'....原创 2021-04-03 20:58:27 · 134 阅读 · 0 评论 -
前端成神之路-vue前端项目06
今日目标1.完成商品添加2.完成订单列表3.完成数据统计展示1.添加商品A.完成图片上传使用upload组件完成图片上传在element.js中引入upload组件,并注册因为upload组件进行图片上传的时候并不是使用axios发送请求所以,我们需要手动为上传图片的请求添加token,即为upload组件添加headers属性//在页面中添加upload组件,并设置对应的事件和属性<el-tab-pane label="商品图片" name="3"> <!--原创 2021-03-27 17:48:39 · 195 阅读 · 0 评论 -
前端成神之路-vue前端项目05
今日目标1.完成参数管理2.推送代码到码云3.制作商品列表页面4.制作商品添加页面1.参数管理A.展示动态参数可选项动态参数可选项展示及操作在获取动态参数的方法中进行处理。//将获取到的数据中的attr_vals字符串转换为数组res.data.forEach(item => { item.attr_vals = item.attr_vals ? item.attr_vals.split(' ') : [] //添加一个bool值控制文本框的显示或者隐藏 item.in原创 2021-03-27 17:47:11 · 291 阅读 · 1 评论 -
前端成神之路-vue前端项目04
今日目标1.完成商品分类2.完成参数管理1.商品分类A.新建分支goods_cate新建分支goods_cate并推送到码云git checkout -b goods_categit push -u origin goods_cateB.创建子级路由创建categories子级路由组件并设置路由规则import Cate from './components/goods/Cate.vue'path: '/home', component: Home, redirect: '/welc原创 2021-03-20 17:15:19 · 192 阅读 · 0 评论 -
前端成神之路-vue前端项目03
今日目标1.修改用户,删除用户2.推送代码到码云3.权限列表4.角色列表5.分配角色1.修改用户信息A.为用户列表中的修改按钮绑定点击事件B.在页面中添加修改用户对话框,并修改对话框的属性C.根据id查询需要修改的用户数据//展示编辑用户的对话框async showEditDialog(id) { //发送请求根据id获取用户信息 const { data: res } = await this.$http.get('users/' + id) //判断如果添加原创 2021-03-20 17:13:23 · 133 阅读 · 0 评论 -
前端成神之路-vue前端项目02
今日目标1.实现后台首页的基本布局2.实现左侧菜单栏3.实现用户列表展示4.实现添加用户1.后台首页基本布局打开Home.vue组件,进行布局:<el-container class="home-container"> <!-- 头部区域 --> <el-header>Header<el-button type="info" @click="logout"> 退出 </el-button></el-header>原创 2021-03-13 07:34:07 · 177 阅读 · 0 评论 -
前端成神之路-vue前端项目01
1.电商业务概述客户使用的业务服务:PC端,小程序,移动web,移动app管理员使用的业务服务:PC后台管理端。PC后台管理端的功能:管理用户账号(登录,退出,用户管理,权限管理),商品管理(商品分类,分类参数,商品信息,订单),数据统计电商后台管理系统采用前后端分离的开发模式前端项目是基于Vue的SPA(单页应用程序)项目前端技术栈:Vue,Vue-Router,Element-UI,Axios,Echarts后端技术栈:Node.js,Express,Jwt(模拟session),Mysq原创 2021-03-13 07:31:04 · 212 阅读 · 0 评论 -
前端成神之路-vue前端工程化
1.模块化的分类A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) 代表产品为:Require.js 2).CMD(Common Module Definition,通用模块定义) 代表产品为:Sea.jsB.服务器端的模块化 服务器端的模块化规范是使用CommonJS规范: 1).使用require引入其他模块或者包 2).使用exports或者module.exports导出模块成原创 2021-03-06 07:52:02 · 352 阅读 · 0 评论 -
前端成神之路-vue路由
1.路由的概念路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现,并完成资源的分发2).前端路由是依靠hash值(锚链接)的变化进行实现后端路由性能相对前端路由来说较低,所以,我们接下来主要学习的是前端路由前端路由的基本概念:根据不同的事件来显示不同的页面内容,即事件与事件处理函数之间的对应关系前端路原创 2021-03-06 07:45:45 · 137 阅读 · 0 评论 -
前端成神之路-vue04
接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程,是指JS引擎中负责解释和执行JavaScript代码的线程只有一个,也就是一次只能完成一项任务,这个任务执行完后才能执行下一个,它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax事件函数promise主要解决异步深层嵌套的问题promise 提供了简洁的API 使得异步操作更加容原创 2021-02-27 13:45:35 · 98 阅读 · 0 评论 -
前端成神之路-vue03
组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素,封装可重用的代组件注册全局注册Vue.component(‘组件名称’, { }) 第1个参数是标签名称,第2个参数是一个选项对象全局组件注册后,任何vue实例都可以用组件基础用<div id="example"> <!-- 2、 组件使用 组件名称 是以HTML标签的形式使用 --> <my-component></my-原创 2021-02-27 13:44:25 · 111 阅读 · 0 评论 -
前端成神之路-vue02
Vue常用特性表单基本操作获取单选框中的值通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 gender 的值就是选中的值,我们只需要实时监控他的值就可以了 --> <input type="radio" id="m原创 2021-02-06 09:21:39 · 103 阅读 · 0 评论 -
前端成神之路-vue01
Vue 是什么?Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合使用Vue将helloworld 渲染到页面上指令本质就是自定义属性Vue中指定都是以 v- 开头v-cloak防止页面加载时出现闪烁问题 <style type="text/css"> /* 1、通过属性选择器 选择到 带有属性 v-cloak的标签 让他隐藏 */原创 2021-02-06 09:19:44 · 140 阅读 · 0 评论 -
前端成神之路-模板引擎
1. 模板引擎文档:http://aui.github.io/art-template/zh-cn/Github: https://github.com/aui/art-template1.1 Ajax 项目中存在的问题数据和HTML字符串拼接导致代码混乱,拼接容易出错,增加修改难度。业务逻辑和用户界面混合,代码不易维护。for (var i = 0; i < result.length; i++) { html += '<!DOCTYPE html>\ &原创 2021-01-31 10:15:56 · 142 阅读 · 0 评论 -
前端成神之路-阿里百秀
项目简介阿里百秀,内容管理系统,分为内容管理和内容展示两大核心功能。1. 功能模块1.1 内容管理模块功能用户登录、退出、用户增删改查文章文章管理分类分类管理评论评论管理网站设置关键字、描述、网站logo、轮播图1.2 内容展示模块功能首页导航、文章数据展示列表页根据分类显示文章列表详情页文章详情数据展示、实现评论功能2. 开发模式2.1 前后端混合开发模式所有HTML代码和数据在服务器端拼原创 2021-01-31 10:15:15 · 720 阅读 · 0 评论 -
前端成神之路-Git
1. Git基础1.1 版本管理1.1.1 什么是版本管理版本管理是一种记录文件变化的方式,以便将来查阅特定版本的文件内容。1.1.2 人为维护文档版本的问题文档数量多且命名不清晰导致文档版本混乱每次编辑文档需要复制,不方便多人同时编辑同一个文档,容易产生覆盖1.2 Git 是什么Git是一个版本管理控制系统(缩写VCS),它可以在任何时间点,将文档的状态作为更新记录保存起来,也可以在任何时间点,将更新记录恢复回来。1.3 Git 安装下载地址在安装的过程中,所原创 2021-01-31 10:11:16 · 188 阅读 · 0 评论 -
前端成神之路-es6-ES6概念&新增语法&内置对象拓展
ES6语法目标能够说出使用let关键字声明变量的特点能够使用解构赋值从数组中提取值能够说出箭头函数拥有的特性能够使用剩余参数接收剩余的函数参数能够使用拓展运算符拆分数组能够说出模板字符串拥有的特性ES6相关概念(★★)什么是ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。为什么使用 ES6 ?每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方。变量提升特性增加原创 2021-01-23 10:11:22 · 127 阅读 · 0 评论 -
前端成神之路-JavaScript高级第04天
JavaScript高级第04天1.正则表达式概述1.1什么是正则表达式正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹配)。此外,正则表达式还常用于过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等 。其他语言也会使用正则表达式,本阶段原创 2021-01-23 10:08:36 · 105 阅读 · 0 评论 -
前端成神之路-JavaScript高级第03天
JavaScript高级第03天1.函数的定义和调用1.1函数的定义方式方式1 函数声明方式 function 关键字 (命名函数)function fn(){}方式2 函数表达式(匿名函数)var fn = function(){}方式3 new Function()var f = new Function('a', 'b', 'console.log(a + b)');f(1, 2);var fn = new Function('参数1','参数2'..., '函数原创 2021-01-16 20:44:06 · 103 阅读 · 0 评论 -
前端成神之路-JavaScript高级第02天
JavaScript高级第02天笔记1.构造函数和原型1.1对象的三种创建方式–复习字面量方式var obj = {};new关键字var obj = new Object();构造函数方式function Person(name,age){ this.name = name; this.age = age;}var obj = new Person('zs',12);1.2静态成员和实例成员1.2.1实例成员实例成员就是构造函数内部通过this添加的原创 2021-01-16 20:38:26 · 224 阅读 · 1 评论 -
前端成神之路-JavaScript高级第01天
JavaScript高级第01天笔记1.面向过程与面向对象1.1面向过程面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。1.2面向对象面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。1.3面向过程与面向对象对比面向过程面向对象优点性能比面向对象高,适合跟硬件联系很紧密的东西,例如单片机就采用的面向过程编程。易维护、易复用、易扩展,由于面向对象有封装、继承、多态性的特性,可以设计出低原创 2021-01-16 20:33:36 · 160 阅读 · 0 评论 -
前端成神之路-03_jQuery
03 - jQuery学习目标:能够说出4种常见的注册事件能够说出 on 绑定事件的优势能够说出 jQuery 事件委派的优点以及方式能够说出绑定事件与解绑事件能够说出 jQuery 对象的拷贝方法能够说出 jQuery 多库共存的2种方法能够使用 jQuery 插件1.1. jQuery 事件注册 jQuery 为我们提供了方便的事件注册机制,是开发人员抑郁操作优缺点如下:优点: 操作简单,且不用担心事件覆盖等问题。缺点: 普通的事件注册不能做事件委托,且无法实现事件解绑,原创 2021-01-09 08:28:14 · 173 阅读 · 0 评论 -
前端成神之路-02_jQuery
02 - jQuery学习目标:能够操作 jQuery 属性能够操作 jQuery 元素能够操作 jQuery 元素尺寸、位置1.1. jQuery 属性操作 jQuery 常用属性操作有三种:prop() / attr() / data() ;1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性,比如 元素里面的 href ,比如 元素里面的 type。语法 注意:prop() 除了普通属性操作,更适合操作表单属性:disabled /原创 2021-01-09 08:19:59 · 175 阅读 · 0 评论 -
前端成神之路-01_jQuery
01 - jQuery学习目标:能够说出什么是 jQuery能够说出 jQuery 的优点能够简单使用 jQuery能够说出 DOM 对象和 jQuery 对象的区别能够写出常用的 jQuery 选择器能够操作 jQuery 样式能够写出常用的 jQuery 动画1.1. jQuery 介绍1.1.1 JavaScript 库 JavaScript库:即 library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函原创 2021-01-09 08:15:20 · 159 阅读 · 0 评论 -
前端成神之路-WebAPIs07
07 - Web APIs学习目标:能够写出移动端触屏事件能够写出常见的移动端特效能够使用移动端开发插件开发移动端特效能够使用移动端开发框架开发移动端特效能够写出 sessionStorage 数据的存储以及获取能够写出 localStorage 数据的存储以及获取能够说出它们两者的区别1.1. 触屏事件1.1.1 触屏事件概述移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(原创 2021-01-01 08:39:39 · 165 阅读 · 0 评论 -
前端成神之路-WebAPIs06
06 - Web APIs学习目标:能够封装简单动画函数能够理解缓动动画的封装能够使用动画函数能够写出网页轮播图案例能够写出移动端触屏事件**1.1. **动画函数封装1.1.1 缓动效果原理缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来思路:让盒子每次移动的距离慢慢变小,速度就会慢慢落下来。核心算法: (目标值 - 现在的位置) / 10 做为每次移动的距离步长停止的条件是: 让当前盒子位置等于目标位置就停止定时器注意步长值需要取整1.1.原创 2021-01-01 08:34:45 · 119 阅读 · 0 评论 -
前端成神之路-WebAPIs05
05 - Web APIs学习目标:能够说出常见 offset 系列属性的作用能够说出常见 client 系列属性的作用能够说出常见 scroll 系列属性的作用能够封装简单动画函数**1.1. **元素偏移量 offset 系列1.1.1 offset 概述offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意:返回的数值都不带单位1.原创 2021-01-01 08:32:43 · 147 阅读 · 0 评论 -
前端成神之路-WebAPIs04
04 - Web APIs学习目标:能够说出常用的3-5个键盘事件能够知道如何获取当前键盘按下的是哪个键能够知道浏览器的顶级对象window能够使用window.onload事件能够使用window.onresize事件能够说出两种定时器的区别能够使用location对象的href属性完成页面之间的跳转能够使用location对象获取url中的参数部分能够使用history提供的方法实现页面刷新1.1. 常用的键盘事件1.1.1 键盘事件 <script>原创 2020-12-26 17:39:45 · 175 阅读 · 0 评论