- 博客(32)
- 收藏
- 关注
RSS订阅
原创 VUE之生命周期
在vue中存在“两个生命周期”：vue实例生命周期，组件生命周期。生命是什么周期？简单来说生命周期就是指一个对象的生老病死。当然我们这里肯定不是啦。在vue中生命周期指的是从beforeCreate到destroyed的过程。生命周期中的钩子函数vue的生命周期中包括这些钩子函数，分别是：beforeCreate、created、beforeMount、mounted、beforeUpda...
2020-04-02 21:12:32
223
原创 VUE组件之数据共享
vue中数据的传递主要有以下几种情况：1 在dom中直接调用父组件中的data数据2 在子组件中调用父组件的data数据3 在父组件中调用子组件的data数据4 在孙子组件中调用子组件的数据5 在子组件调用孙子组件的数据一、在dom中直接调用父组件的数据简单来说就是怎么取出父组件的data数据。1 一般我们可以直接使用{{属性名}}的属性，代码如下：<div id="te...
2020-04-02 18:05:10
604
原创 后台管理系统简单实现总结
后台管理系统，简单来说就是对各种数据进行维护的一个平台或者说是CRUD也行。因为涉及到数据，所以保护数据安全就显得尤为重要。下面就来简单介绍下我之前做的一个后台管理系统的实现过程中遇到的问题及关键点做一下总结。一、架构设计开发模式：前后端分离（rmvc） 前端（FE）： RMVC , 后端：RM (V) C技术栈：es6 + webpack+jquery +Nodejs + Express ...
2020-03-31 19:01:56
5217
原创 深入理解express中间件
什么是中间件？1 中间可以进行一些条件的判断，如果符合条件就继续执行下面的程序，否则就阻断，被拦截了，下面的程序也就不再执行[一般中间件放在get post 这个路由接口前面执行]；2 中间件就是一个函数，通过它可以执行不同的功能。我们也可以单独封装一个中间件，然后引入3 分类：应用程序中间件路由中间件异常处理中间件内置中间件第三方中间件1 应用程序中间件get请求测试：h...
2020-03-23 00:45:43
291
原创 windows下部署nginx服务器
windows部署nginx1 、安装nginxhttp://nginx.org/en/download.html并且在nginx的根目录下创建一个conf.d的文件夹，然后创建一个*.conf文件2 进行配置修改conf的 nginx.conf配置文件include C:/nginx-1.17.9/conf.d/*.conf;3 对自己刚才创建的conf文件进行配置serve...
2020-03-15 17:10:12
385
原创 Javascript数组总结
首先，我们先来认识一下数组。var arr=[1,2,6];数组有以下几个特点：有序性紧密型关联性数据的添加和查找都是按照索引（下标）数组中存储的元素的总量是可变的数组长度的改变会引起数组的改变数组被创造出大量的方法使用它，造成API过多数组必须按照索引顺序依次排列数组的删除 添加 查找都是很耗费时间的 因为每次都需要重新去排列每个元素数组的常用方法：pop pus...
2020-02-27 15:19:28
416
原创 node服务器搭建（配合ajax进行通信）
一、在进行node服务器搭建前，下载node，https://nodejs.org/zh-cn/，直接安装运行就可以，完毕后，在cmd中输入 node -v查看是否有版本信息二、开始搭建服务器：主要代码如下：// 引入http 和 querystring模块var http = require("http");var querysting = require("querystring"...
2020-02-19 13:10:20
411
原创 03深入理解this指向问题
在javascript中所用到的this有以下几个方面：1 全局下的this 在非严格模式情况下 下面的this都是window2、对象中的this如果调用对象中的方法，那么方法中的this指向这个调用者方法中的this就是当前的对象如果直接给属性赋一个，this.a 其中a已经定义，此时this指向window，打印得到undefined3、回调函数中的this指向事件时特殊...
2020-02-19 11:19:08
296
原创 ES6基础内容-01
ES6整理1、ES6模块化： JavaScript在es6加入了模块(module)体系的语法，在此之前我们编写代码时必须依靠require.js之类的工具来实现模块化加载。其实模块化的概念在其他语言中很常见，比如python/java里的import导入包，正好es6里也是用import关键字。 es6的模块化使用import/export关键字来实现模块的导入和导出，并且...
2020-01-11 08:28:23
158
原创 面试题分享-高德面试1
本次分享的是一道数据解析题：主要用到原生js中的一些数组和字符串的方法： <script> // 要求： // * 1. 输出常规线路，并按照线路数字从小到大排列(如20路，301路等这些都是常规路线) // * 2. 输出地铁线路，并按照线路数字从小到大排序 // * 3. 输出其它线路，并按照线路名称长短从小到大排序 const res = { code: 0, data: { lines: '20路
2020-05-24 10:43:59
1266
原创 React移动端项目基础搭建流程（一）
1、框架安装npx create-react-app ./安装结束，yarn start 测试项目是否能正常运行2 分析项目 --重要1、 哪些公共组件需要封装处理2、要用到哪些技术，处理css用什么（styled-components，css，scss等）ui库用什么（ant-design等）3、移动端适配问题处理 rem 还是postcss-px-to-viewport等方法4...
2020-04-27 02:15:32
941
原创 js数组之方法重构
数组方法的重构，在一些面试中会经常遇到，这里对其中一部分方法的重构进行了汇总。1 push方法实现push就是在数组后面添加一个新元素，返回新数组的长度，数组改变function push(arr,elem){ // 将添加的元素放在数组的末尾 arr[arr.length]=elem; return arr.length;}var arr = [1,2,5,6,7];conso...
2020-04-26 00:38:43
669
原创 Git基本操作入门
在下面的操作之前，先安装git，创建本地仓库，设置好SSH的key。1 克隆仓库git clone [email protected]:WKSS18/xiecheng.git （仓库的ssh路径）2 具体介绍一下，从创建到上传文件到github的过程1 首先在github上建立一个仓库2 本地创建一个仓库3 和远程的仓库建立联系git remote add origin https:/...
2020-04-24 10:23:58
157
原创 react之数据请求方式汇总
针对React中使用起来较为方便的几种数据请求方式进行了汇总，主要有以下三种：注意：React的数据请求是在钩子函数：componentDidMount 中进行的以下几种方式都是通过json-server模拟数据请求的接口（如果不清楚json-server的使用可以参考这里：json-server）1 axios这种方法使用较为普遍，在vue中也是经常使用使用前先下载一哈： npm i ...
2020-04-20 22:41:30
2900
原创 React之样式设置
主要三种设置方式： 行内、classnames、模块化、styled-components1 设置css行内样式注意样式名称如果按照正常的css来写要加引号，如果写成注入fontSize可以不用加，但是属性值一定要加引号，最后外层要使用双大括号格式：{{fontSize："200px"}}import React, { Component } from 'react'export d...
2020-04-18 13:53:40
585
原创 vue之axios数据请求
一、axios是啥？它是一个基于Promise的HTTP库，也是当前比较火的一个http请求插件（get，post等），使用起来简单快捷，不需要复杂的配置。二、主要功能(官方介绍)1 从浏览器中创建 XMLHttpRequests2 从 node.js 创建 http 请求3 支持 Promise API4 拦截请求和响应5 转换请求数据和响应数据6 取消请求7 自动转换 JSO...
2020-04-12 19:25:02
1432
原创 vue之Vue CLI
通过vue cli 可以快速进行vue项目的框架搭建，接下来对其搭建和使用进行简单的介绍。一、全局安装：npm install -g @vue/cli二、创建一个vue项目1 vue create 项目名称（比如：test）回车2 选择手动选择功能正常情况选择 babel router vuex css 就够了，其它根据情况选择（选择时按空格键）如下图：3 路由选择n代表ha...
2020-04-08 22:35:57
202
原创 vue之vuex详解
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。（官方解释）vuex有什么用？vuex能够更好的实现组件之间的数据共享，说到这里可能有一个疑问，我用data中的数据也可以实现组件中的数据共享，为啥要用vuex这么麻烦呢？试想一下，如果我们有几个组件，完全可以通过props $emit、eventbus、依赖注入、ref等方式实现数据共享，但是eventbus和依赖注入是有缺点的...
2020-04-08 00:54:53
547
原创 vue之自定义指令
在vue中有很多指令，例如：v-on v-bind v-model v-for v-if等等，通过这些指令，可能也能最终达到我们需要的效果，为何要弄个自定义指令呢？通过使用自定义指令，我们会发现它对dom的操作更加方便、更灵活、可复用（全局）。接下来就详细介绍一下自定义指令的使用。一、自定义指令的分类：1 全局自定义指令：顾明私有，全局的元素都可以使用这个指令，通过一个小栗子我们简单了...
2020-04-06 21:40:59
160
原创 manifest使用
manifest即应用缓存打个比方：某个用户第一次浏览某一个网站，manifest文件会自动将配置项中的内容缓存到本地，第二次用户再次访问该网站，速度明显提升，由于某些内容已经缓存到本地【这个内容是找不到的，只需要知道有这个缓存即可】，在离线的时候用户依然可以进行访问（已经缓存过的内容）如何来配置应用缓存？首先准备一台可用的服务器，什么阿里云，腾讯云都可以，主要是为了测试效果，当然，本地也可...
2020-04-05 11:27:46
2169
原创 canvas之刮刮乐
利用canvas简单实现一个在线刮奖的模拟效果。主要利用了canvas中的save() restore() 以及裁切clip()实现思路：给画布填充一个背景色，遮住图片，达到一个蒙层效果，然后利用clip不断去裁切画布，并且使用save 和 restore去保存记录每一次的结果，最终就可以实现这个效果啦<canvas width="400" height="200"></c...
2020-04-04 17:25:21
249
原创 canvas之放大镜效果
利用canvas来实现放大镜效果很简单，而且效果相对于传统的js实现，更加流畅，体验效果更好。下面来具体实现一下：1、整体的页面布局：两个画布，一个存放原图，一个存放放大区域的展示效果<div> <canvas width="800" height="400" id="canvas1"></canvas> <canvas width=...
2020-04-04 16:53:35
1409
原创 vue之路由(基础)
一、路由的作用是什么？通过它可以进行视图的切换，比如tab切换二、vue路由中涉及到的一些属性(部分)active-class : 激活样式设置，可以自定义一个css样式，如 active-class=“test”to: 指定路由的名称 如：to=’/position/index’tag: 指定router-link最终解析的样式，默认解析成超链接（a标签）如：tag=‘li’exa...
2020-04-04 01:44:42
261
1
原创 node项目部署（本地+阿里云）
部署到本地的操作流程如下：一、 本地打包前端的打包，需要利用webpack进行打包： 具体的操作1 复制一个webpack.config.dev.js 并且重命名为 webpack.config.pro.js2 对webpack.config.pro.js 进行一些修改，修改的地方有以下几处模式修改一下输出目录修改一下删除服务器部分 就是devServer最终结果：...
2020-03-31 19:47:54
467
原创 项目打包
打包之前可以将服务器部分以及监听部分的代码全部删除，要将编译模式改为生产模式（js部分）function compileJs(){ return src('./src/js/app.js') .pipe(webpackStream({ //指定编译的模式，development 开发模式，production :生产模式，压缩，优化 mode:"p...
2020-03-20 23:45:11
201
原创 深入理解nodejs模块的导入导出问题
本篇文章主要讲解一下nodejs中的模块导入导出问题：一、模块导出的方式方式1：导出部分module.exports.name = "wh";接收内容{ name: 'wh' }方式2：导出部分module.exports = { name:"wh"}接收内容：{ name: 'wh' }方式3无导出部分，在另外一个模块直接加载该模块，然后自定义一个属性，再...
2020-03-16 22:12:29
698
1
原创 查找二叉树（BST）
今天分享一些关于BST的内容：一、基础知识点1 一棵树最上面的节点称为根节点，如果一个节点下面连接多个节点，那么该节点称为父节点，，，它下面的节点称为子节点。一个节点可以有0个 1个 或多个子节点，没有任何子节点的节点称为叶子节点2 以某种特定的顺序访问树中所有的节点称为树的遍历3 树可以分为几个层次，根节点是第0层，子节点是第1层，子节点的子节点是第2层，依次类推二、今天的主角...
2020-03-04 22:26:55
227
原创 Gulp3和Gulp4的简单使用方法
什么是Gulp？Gulp是一个自动化构建工具，简单来说就是用来打包项目的。本文主要介绍一下gulp3和gulp4的使用，以及两者之间的一些区别。一、Gulp31、安装gulp3如果是首次安装，请先全局安装gulp3npm i gulp@3 -g然后初始化项目模块，就是为了生成package.json配置文件npm init -y初始化后，安装当前项目的gulp模块npm i ...
2020-02-27 16:06:59
861
原创 node服务器连接mysql数据库和ajax实现通信
要点：搭建一个node服务器，连接mysql数据库，ajax通过post方式传输数据，和node服务器进行通信（主要实现的功能是登录和注册的后台验证）一、node服务器搭建//引入http模块var http = require("http");//引入querystring模块var querystring = require("querystring");//创建一个服务器va...
2020-02-23 23:59:28
554
1
原创 001 修改hosts--重要（配合tomcat测试）
【001】重要---本地修改hosts1、测试开发都需要连接正式服务器测试服务器，开发测试上线，频繁修改通信地址给的服务器地址一般为一个域名将域名解析成本地电脑或者测试服务的一直都用测试服务，文件发给测试服务器，测试服务器直接使用，不需要修改ip地址，发到线上也不需要修改ip地址，线上的ip地址指的是正式的ip地址搭建的步骤：1 安装tomcat，修改环境变量...
2020-02-19 13:19:14
482
原创 js类基础整理01
类整理###实例化时执行构造函数construtor###对象的构造函数就是当前的类名###原生js，构造函数只能有一个，并且所有类的构造函数写为constructor函数但是这个构造函数实际就是当前的类名###由于js中构造函数就是类名，因此我们可以根据对象的构造函数是否是某个类名来判断他是否属于该类###使用arr.constructor.name可以输出类名（Array...
2020-01-12 15:35:02
152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人