起风了

“路海长 青夜旷 越过群山追斜阳”

使用Node.js 搭建静态服务器

使用Node.js 搭建静态服务器缩略图
我们可以使用Node设定一个目录,然后让Web程序变成一个文件服务器。要实现这一点,我们只需要解析request.url中的路径,然后在本地找到对应的文件,把文件内容发送出去就可以了。 解析URL需要用到Node.js提供的url模块,它使用起来非常简单,通过parse()将一个字符串解析为一个Url对象: var url= require('...

Express搭建一个简单后台服务器

Express搭建一个简单后台服务器缩略图
Express框架 Web 应用程序 Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能。 API 使用您所选择的各种 HTTP 实用工具和中间件,快速方便地创建强大的 API。 性能 Express 提供精简的基本 Web 应用程序功能,而不会隐藏您了解和青睐的 Node.js 功...

Vue中的验证登录状态

Vue项目中实现用户登录及token验证 先说一下我的实现步骤: 使用easy-mock新建登录接口,模拟用户数据 使用axios请求登录接口,匹配账号和密码 账号密码验证后, 拿到token,将token存储到sessionStorage中,并跳转到首页 前端每次跳转时,就使用导航守卫(vue-router.beforeEach)判断 sessionStorage 中有无 ...

新手理解的JS原型链

新手理解的JS原型链缩略图
一直以来对于JavaScript 的原型链的概念,始终有些东西有一种模糊感,最近刚好有时间就塌下心认真的把《JavaScript高级程序设计》中相关内容认真读了一遍,也查看了很多网上很多资料,以前很多不明白的地方也渐渐明白了起来。写一篇文章记录一下最近学习的感悟。 字面量创建对象 我们通常创建一个对象无非就两...

关于跨域

关于跨域缩略图
在使用Vue搭建的一个后端管理系统中,我使用axios请求本地的Node环境下的接口,但是请求失败,然后我错误信息是: 331552554043_.pic.jpg 大概意思就是不能访问http://localhost:8080我的Vue项目端口是http://localhost:8081,Node服务端运行在http://localhost:8080端口上,也就是说因为请求端口和响应...

写出几种创建对象的方式,并说说他们的区别是什么?

写出几种创建对象的方式,并说说他们的区别是什么?缩略图
new Object() 直接通过构造函数创建一个新对象。 var obj = new Object()//等同于 var obj = {} 使用字面量的方式更简单,其实他俩是一样的。优点是足够简单,缺点是每个对象都是独立的。 工厂模式 function createObj(name,age){ var obj = {}; obj.name=name; obj.age=age; return obj}var Anso...

Vue + Express实现一个表单提交

Vue + Express实现一个表单提交缩略图
最近在折腾一个cms系统,用的vue+express,但是就一个表单提交就弄了好久,记录一下。 环境:Node10+前端:Vue服务端:Express 依赖包: vue express axios express-formidable element-ui(可选)前言:axios get 请求参数是: paramsaxios post 请求参数是: dataexpress get 接受参数 是 req.queryexpress...

小程序中图片点击全屏-可滑动

小程序中图片点击全屏-可滑动缩略图
在小程序中,如果页面中有多张图片,那么用户可能会习惯向在朋友圈中一样打开图片,这里微信也提供了类似的api,可以直接拿来实现这个效果。 小程序图片点击全屏.gif wxml: <view> <block wx:for="{{arrImg}}" wx:key="{{key}}"> <image src="{{item}}" bindtap='previewimg...

小程序之iPhone x适配

参考小程序iPhone X 视适配 在开发小程序时,可能需要适配iphone x 的时候,你会发现底部的横线会出现遮挡,这时候就要处理下: 在app.js中添加一个检测当前设备是否是iPhoneX的变量: globalData: { userInfo: null, isIphoneX: false//判断是否是iPhoneX }, onShow: function() { var that = t...

下拉刷新

下拉刷新缩略图
首先在json中; { "usingComponents": {}, "enablePullDownRefresh": true, "backgroundTextStyle": "dark"} 然后在xx.js中: onPullDownRefresh() { // wx.startPullDownRefresh() console.log(1) wx.stopPullDownRefresh() //停止下拉刷新 一定要加 不然一直刷新 wx.hideLoading(); } 文...