调研
原创内容
Stephy_Yy
此人很懒,还是写了点什么
展开
-
前端使用react-intl-universal进行国际化
一、国际化 / i18n目前国际化,就是开发者写对象,一个key关联若干语种的翻译。相比于浏览器自带的翻译功能,语义更加准确。“国际化”的简称:i18n(其来源是英文单词 internationalization的首末字符i和n,18为中间的字符数)二、react项目国际化react-intl是业界最受欢迎的软件包之一:React-intl是雅虎的语言国际化开源项目FormatJS的一部分,通过其提供的组件和API可以与ReactJS绑定。这种方法引入了两个主要问题:一:只能应用于视图层,例原创 2020-12-30 11:05:21 · 2867 阅读 · 1 评论 -
微信支付
知识准备都需要调用统一下单(前端要提供终端ip)参考1参考2git实例文档1.公众号支付(需要openid):用户在微信中打开商户的H5页面,商户在H5页面通过调用微信支付提供的JSAPI接口调起微信支付模块完成支付。2.H5支付:商户在微信客户端外的移动端网页展示商品或服务,用户在前述页面确认使用微信支付时,商户发起本服务呼起微信客户端进行支付。主要用于触屏版的手机浏览器请求微信支付的场景。可以方便的从外部浏览器唤起微信支付。3.MWEB_URL正常流程用户支付完成后会原创 2020-11-02 21:46:56 · 273 阅读 · 1 评论 -
使用uni-app搭建微信小程序
0 问题待解决import { } 与否为什么要封装对齐问题每次重启项目,sitemap就会消失动态修改标题失效图片问题多多 :高度自适应 改成image固定高度,mode:aspectFill微信小程序文档b站视频链接后端接口文档一、知识点uni-app 是一个使用 Vue.js语法来开发所有前端应用的框架项目技术栈:js+vue+微信小程序+uni-app750rpx = 屏幕宽度(微信小程序)100vw = 屏幕宽度(H5)100vh = 屏幕高度(H5)微信小程原创 2020-06-21 07:18:24 · 2835 阅读 · 0 评论 -
使用mockjs模拟数据
一、安装简单粗暴npm install mockjs二、引入CommonJS引入let Mock = require('mockjs')let userInfo = Mock.mock({ data: { responseCode: 200, responseMessage: 'success', userMessage: { name: "@cname", email: "@email",原创 2020-05-17 21:03:20 · 841 阅读 · 0 评论 -
ZNZD平台vue项目
一、安装配置node.js1.1 配置企业级软件仓库1)首先用的是Nexus Repository Manager搭建npm私服;(待补充)2)项目使用修改.npmrc文件来修改源现在需要做的就是修改源!采取配置npmrc文件的方式:.npmrc文件(1)除了使用cli的npm config命令来显示修改npm配置,还可以通过npmrc文件直接修改配置(2)npmrc文件路径np...原创 2019-12-28 17:42:44 · 617 阅读 · 0 评论 -
element-ui表单验证:用户名、密码、电话、邮箱
之前设计login组件时增加了简单的表单验证,因此对应的users组件,添加用户功能也必须设置相应的验证规则。文档form表单验证只提供了用户名/密码,是否必须/长度限制的验证。对于电话、邮箱和地址的验证如下:html部分,先绑定props<el-form-item label="邮箱" prop="email":label-width="formLabelWidth">...原创 2019-12-18 22:00:27 · 4940 阅读 · 1 评论 -
vue-cli生成项目时你应当知道的
一、安装npm install -g vue-cli二、创建项目vue init 模板名 项目名vue init webpack mymall模板名:1 . webpack 最常用2 . webpack-simple // 一个简单webpack+vue-loader的模板,不包含其他功能。3 . browserify // 一个全面的B...原创 2019-12-17 21:48:01 · 179 阅读 · 0 评论 -
vue项目中所使用的element-UI / echarts
1.登录页面< el-form >在 Form 组件中,每一个表单域由一个 Form-Item 组件构成,表单域中可以放置各种类型的表单控件,包括 Input、Select、Checkbox、Radio、Switch、DatePicker、TimePickerForm 组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 pro...原创 2019-12-15 20:27:43 · 2781 阅读 · 0 评论 -
Vue项目代码改进(六)—— vue的mixins的使用
混入可以将不同组件的共同内容部分在一个混入对象中展示,然后通过在组件实例中混入这个对象,这样拥有这些属性的组件都可以调用混入对象中的属性名跟组件中的属性名冲突时,以组件自身的为基准举例:单文件组件users.vue1) 创建src/components/users/users-mixins.js2) 将组件中的data,methods等到mixins中3) users.vue<...原创 2019-12-15 16:18:03 · 247 阅读 · 0 评论 -
Vue学习笔记(二)—— vue项目中使用axios
一、文档连接axios文档vue开发插件二、axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征:从浏览器中创建 XMLHttpRequest从 node.js 发出 http 请求支持 Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防止 CSRF/XSRF...原创 2019-12-15 14:15:50 · 465 阅读 · 0 评论 -
Vue学习笔记(一)—— 什么时候需要import Vue from 'vue'
一、当执行 import vue from ‘vue’ 时发生了什么?其实在 node.js 中,执行 import 就相当于执行了 require,而 require 被调用,就会用到 require.resolve 这个函数来查找包的路径,而这个函数在 nodejs 中会有一个关于优先级的算法。import Vue from ‘vue’ 解析为 const Vue = require...原创 2019-12-15 13:43:42 · 2018 阅读 · 0 评论 -
Vue项目代码改进(五)—— 将侧边栏菜单改造为动态后,如何按需显示不同图标
将侧边栏菜单改造为动态后,目前侧边栏每项的小图标都相同<el-aside class="aside" width="200px"> <el-col :span="24"> <el-menu default-active="2" class="el-menu-vertical-demo" @op...原创 2019-12-14 18:11:18 · 1741 阅读 · 4 评论 -
Vue项目代码改进(四)—— 在使用ElementUI时点击同一个路由,页面报错
这个不可描述的问题是:在使用ElementUI时点击同一个路由,页面报错。错误代码如下:element-ui.common.js?ccbf:3339 NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current lo...原创 2019-12-14 17:27:27 · 739 阅读 · 0 评论 -
Vue项目代码改进(三)—— Cookie、LocalStorage和SessionStorage的使用
存在问题:如果在退出页面时,没有点击“退出”按钮,而是直接关闭页面,token并没有被清除,依然能通过访问http://localhost:8080/#/ 直接进入主页。原因:使用了localStorage而非sessionStorage或Cookie一、基本概念1. Cookie(HTML4的本地存储 cookie)Cookie非常小,大小在4KB左右。主要用途是保存登录信息,比...原创 2019-12-14 17:11:16 · 512 阅读 · 0 评论 -
Vue项目代码改进(二)—— element-UI的消息显示时间修改
Message 消息提示Optionsduration 显示时间, 毫秒。设为 0 则不会自动关闭 — 默认值3000全局重写 element 的message 消息提示,修改时间,在main.js里Vue.prototype.$message = function (msg) { ElementUI.Message(msg)}Vue.prototype.$message.su...原创 2019-12-14 17:04:06 · 2323 阅读 · 0 评论 -
vue项目代码改进(一)login组件
Login登录组件1. 新增登录头像(css样式回顾)1)div.avatar2)子绝父相定位,left…top…3)border4)placeholder5)box-shadowbox-shadow: offset-x offset-y blur spread color inset;参数解释:[X轴偏移量]offset-x:必需,取值正负都可。offset-x水平阴影的位...原创 2019-12-14 15:04:10 · 666 阅读 · 0 评论 -
部署项目的问题(三)—— node启动服务时listen监听的端口被占用
Error: listen EADDRINUSE :::8888表示的就是listen监听的端口被占用查询什么进程占用了8888端口sudo fuser -n tcp 8888 (指令一)或者netstat -tln | grep 8888 (指令二)反复执行指令一,总得到不同结果,kill进程不成功执行指令二PID TTY STAT TIME ...原创 2019-12-10 21:48:50 · 1730 阅读 · 0 评论 -
部署项目的问题(二)—— 阿里云服务器 ECS升级node版本
在运行服务端代码时报错,当时报错的代码没copy下来,大概就是如下形式mbp:hybrid-statistic wfp$ node app.js/Users/wfp/Work/hybrid-statistic/app.js:28async function responseTime(ctx, next) { ^^^^^^^^SyntaxError: Unexpected tok...原创 2019-12-09 21:19:37 · 568 阅读 · 0 评论 -
将Vue+Nodejs项目部署到阿里云服务器
上传文件至云服务器一、打包文件在项目根目录下运行npm run build等待命令运行结束后,会发现目录下多了 dist 文件夹,这个文件夹就是我们等下要放到服务器中的。二、文件传输打开 Xftp与实例建立连接云服务器Apache默认的根目录是/var/www/html,因此我们在这个目录下新建music文件夹(这里以我的项目文件名为例)将项目本地的dist文件夹移到云服务器m...原创 2019-01-27 23:10:26 · 10031 阅读 · 5 评论 -
部署项目的问题(一)—— vue工程打包上线样式错乱问题
1、 打开index.html一片空白参考:链接: link.修改build对象里的assetsPublicPath为’./’assetsPublicPath: './'2、ElementUI样式丢失参考:链接: link.这里尝试完前三种:1.main.js样式引入顺序问题调整了import的顺序(可能是被第三方组件样式覆盖了,router放在最后引入,就可以实现组件样式在第三...原创 2019-12-05 21:16:29 · 1696 阅读 · 0 评论 -
阿里云ecs实例中创建数据库
阿里云ecs实例中创建数据库安装mysql创建数据库1.登录2.新建数据库3.执行.sql文件4.查询表,验证是否创建成功安装mysql参考https://blog.csdn.net/qq_36350532/article/details/79496049创建数据库1.登录mysql -u root -p(这里写密码)**注意p和密码之间没有空格2.新建数据库create dat...原创 2019-12-03 21:24:16 · 1035 阅读 · 0 评论 -
为阿里云服务器ECS实例安装Nodejs
为阿里云服务器ECS实例安装Nodejs部署Node.js项目(CentOS)准备工作操作步骤步骤1:部署Node.js环境(使用二进制文件安装)步骤2:部署测试项目部署Node.js项目(CentOS)本文档介绍如何在阿里云CentOS系统的云服务器ECS实例上,安装Nodejs并部署项目。准备工作部署之前,请做如下准备工作:● 购买ECS实例● 您的实例可以连接公网● 本地已经安...原创 2019-01-27 22:07:03 · 3210 阅读 · 0 评论