- 博客(24)
- 收藏
- 关注
RSS订阅原创 nodejs入门4：中间件
1、什么是中间件中间件完整的结构：1、是一个函数2、四个参数：err, req, res, next// /test?name=1234function valid_name_middleware (req,res,next) { let{name} = req.query if( !name || name.length) { res.json({message: '缺少name参数'}) } else { next() }}app.use('*',valid_name_m
2021-05-16 21:48:27
158
1
原创 nodejs入门3：Route
//web服务如何处理一个请求url->网络->dns解析->目标服务器如何响应这个请求 => 路由 //规则定义路由的两种方式：1、请求的方法来区分 //get、postconst express = require('express')const app = express()app.get('/demo',(req,res) => { res.json({ name: 'tom get' })})app.post('/demo',(req,r
2021-05-16 20:45:47
206
原创 nodejs入门2：创建一个express实例
const express = require('express')const port = 3000//express实例 express封装的请求比nodejs原生的http功能强大很多const app = express()app.get((req,res) => { let {age} = req.params res.json({ name: 'tom', age })})app.send((req,res) => { res.send('tom po
2021-05-16 19:21:38
119
原创 nodejs入门1：创建一个最简单的web服务
//web服务const http = require('http')const hostname = '127.0.0.1'const port = 3000//创建一个server实例const server = http.createServer((req,res) => { //req: 请求对象 //res: 响应对象 res.statusCode = 200 res.setHeader('Content-Type','text/plain') res.end("He
2021-05-16 18:32:14
105
原创 antd disabledDate 选择禁用特定的时间范围
网上找到的基本上都是针对当前时间设置的禁用，自己写一个规定日期的禁用。 disabledDate = (time) => { const date = new Date(指定的时间) // 获取指定的时间并标准化 return time < moment().year(date.getFullYear()).month(date.getMonth()).date(date.getDate() - 1) || time > moment().year(date.getFu
2021-04-22 14:28:40
4389
原创 React父子组件传值
父组件TodoList，子组件TodoItem要实现的是todolist的列表展示和删除展示部分交给组件TodoItem来做上代码：TodoList.jsimport React from'react'import TodoItem from './todoItem'export default class TodoList extends React.Component{ constructor(props){ super(props) this.
2020-10-25 16:33:16
86
原创 JQuery基础(二) — Dom操作
1、DOM内部插入append()与appendTo()//单击button后在页面的div中插入一段文本$('button').on('click',function(){ $('div').append('<p class="text">我是插入的文本</p>')})2、DOM外部插入after()与before()这里不放代码，用法同上3、DOM内部插入prepend()与prependTo()用法相同，跟append一样4、DOM外部插入insert
2020-10-02 21:37:25
258
原创 JQuery基础(一)
Jquery基础1、Dom与JQuery对象的互相转换//Dom => JQueryvar div = document.getElementById('div') //dom对象var $div = $(div) //JQuery对象//JQuery => Domvar $div = $(‘div’) //JQuery对象var div = $div[0] //Dom对象2、选择器1、ID选择器//这里就不写css样式了，用id选择器修改div块的样式<div i
2020-09-30 21:56:41
93
原创 (项目回顾)会员管理系统
1、基于vue-cli 3.x创建项目2、初始化配置 更改标题 图标3、使用的是Element UI， 进入官网安装Element UI 并引入到文件中 ；在VS中安装插件 Element UI Snippets，这样在使用element ui时会有语法提示4、自定义封装Axios异步对象1、在src下创建utils文件夹，这之下创建request.js文件，里面就放封装的axios对象//正常引入axios后 (import axios from axios) 就可以直接axios.get('
2020-09-25 21:01:59
220
原创 2020-09兴盛优选前端开发笔试题(不全)
1、哪些是行内元素，哪些是块级元素，区别？块级元素：总是在新行上开始；高度，行高以及外边距和内边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度。它可以容纳内联元素和其他块元素行内元素：和其他元素都在一行上；高，行高及外边距和内边距不可改变；宽度就是它的文字或图片的宽度，不可改变内联元素只能容纳文本或者其他内联元素对行内元素，需要注意如下：设置宽度width 无效。设置高度height 无效，可以通过line-height来设置。设置margin 只有左右margin有
2020-09-16 19:28:48
2212
原创 js必须知道的一些知识点(基础)
一、原型和原型链贴两篇文章简书-饕餮猪：https://www.jianshu.com/p/be7c95714586csdn-野生技术协会：https://blog.csdn.net/shuixiou1/article/details/81048816当我们「读取」 obj.toString 时，JS 引擎会做下面的事情：看看 obj 对象本身有没有 toString 属性。没有就走到下一步。看看 obj.proto 对象有没有 toString 属性，发现 obj.proto 有 to
2020-09-15 20:42:31
142
转载 前端面试题目整理——计算机网络基础篇
https://blog.csdn.net/tracy_frog/article/details/86535521
2020-09-14 20:21:35
221
原创 Vue的高级特性
Vue的高级特性详解自定义v-model$nextTickslot动态、异步组件keep-alivemixin一、自定义v-model二、$nextTick三、slot四、动态、异步组件五、keep-alive六、mixin
2020-09-14 15:12:56
126
原创 前端实习面试题
部分前端实习面试题记录1、你对盒子模型的理解https://www.cnblogs.com/clearsky/p/5696286.html(千与千寻*的博客中的相关讲解与一些问题解决)2、html5中添加了哪些新标签Html5新增了27个元素，废弃了16 个元素，根据现有的标准规范，把HTML5 的元素按优先级定义为结构性属性、级块性元素、行内语义性元素和交互性元素 4 大类。结构性元素主要负责web上下文结构的定义section：在 web 页面应用中，该元素也可以用于区域的章节描述。h
2020-09-02 15:23:11
1096
原创 Vue基础淡入淡出动画组件
Vue基础淡入淡出动画组件代码如下：通过slot，使用时直接加在需要动画效果的标签外面即可<template> <transition> <slot></slot> </transition></template><script>export default { name: 'FadeAnimation'}</script><style lang="stylus"
2020-08-20 20:57:43
960
原创 解决router间的滚动行为
解决路由间的滚动行为(Vue)根据官网的代码在路由表中的routes后面加上下面这段代码：scrollBehavior (to, from, savedPosition) { return { x: 0. y: 0 }}
2020-08-20 17:34:04
189
原创 监听scoll调整组件透明度
监听scoll调整组件透明度在项目中遇到了一个问题，要求完成用户拖动滚轮时，页面顶部一个组件从不显示到完全显示的过程。（vue）方法如下：1、给对应的标签绑定 :style = ‘opacityStyle’2、date中设置 data () { return { opacityStyle: { opacity: 0 } } }3、设置一个mounted()生命周期函数，当页面数据挂载完成时开始监听scoll事件 mounted
2020-08-20 15:29:03
169
转载 flex弹性盒子详解(转载地址)
https://www.cnblogs.com/ZheOneAndOnly/p/10847591.html补充：使用了display：flex盒子的子元素：使用flex:1属性可以将自己的盒子向父元素中定义的方向撑开
2020-08-19 15:52:07
101
原创 在vue中使用keep-alive提高性能
keep-alive路由每切换一次，当页的ajax请求就会重新发送一次，这时可以使用vue自带的keep-alive。它的作用是能将加载过的路由放到内存之中，写一次加载时就不许需要进行重新渲染。用法：App.vue<template> <div id="app"> <keep-alive> <router-view/> </keep-alive> </div></template
2020-08-18 19:23:13
307
原创 Vuex入门
Vuex入门什么时候会用Vuex 当我们需要开发比较大型的单页面应用，需要多个组件共享状态的时候。Vuex中，state是共享的数据，导入后我们可以在所有组件里使用state中的数据，而我们如果希望通过使用js来改变state使得所有组件中的数据发生变化，就需要通过Actions和Mutations。 State：存放共用数据 Actions：存放异步方法 Mutations：存放同步的一些对数据的改变Vuex中的其他概念：getters：类似于计算属性，当我们需要使用state计算什
2020-08-18 17:09:41
294
原创 数据结构中的内排序详解
数据结构中的内排序详解(本文所有图片来自慕课网https://www.icourse163.org/learn/WHU-1001539003?tid=1002049010#/learn/content)一、插入排序基本原理：（1）直接插入排序一趟排序时，无序区中的R[i]插入有序区之后：1、先和R[i-1]比较关键字大小，如果R[i]>R[i-1]就是正序的，不需要做 后面的比较了；如果R[i]<R[i-1]，则是反序，进行下一步。2、设tmp=R[i]，j=i-1。
2020-07-26 16:31:43
770
原创 Vue-Cli 3.x脚手架的安装使用
Vue-Cli 3.x脚手架怎么用1、Vue-Cli是vue官方提供的，用来搭建项目脚手架的工具。它是vue.js开发的标准工具，它已经集成了Webpack，内置了很多常用的配置，使得我们在使用Vue开发项目时更加的标准化。2、作用：通过Vue-Cli下载项目模板。安装：在安装vue-cli之前，先确保已经装了node.js(8.9版本或更高)1.在终端安装全局vue-clinpm install -g @vue-cli2.安装完成后检查是否成功，输入版本，看是否显示vue --versi
2020-06-22 13:40:36
357
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人