个人建站心得(Vue+nodejs+mysql)
问题与解决方法(持续更新!)
前端
HTML
复杂图片布局CSS也没办法?
- 用svg标签解决
图中三块三角形覆盖层代码展示:
<svg width="370" height="600" class="right-svg"><polyline points="0,0 370,0 370,320" style="fill:#009de0;"></polyline><polyline points="302,263 0,600 370,523 370,320" style="fill:#000000;opacity: .15;"></polyline><polyline points="0,600 370,523 370,600" style="fill:#000000;opacity: .25;"></polyline>
</svg>
CSS
css代码太多不好阅读?
- 利用less嵌套,层级明显方便阅读修改
类似于管理系统的布局怎么实现(左侧固定,右侧可单独向下滚动)
<div id="magazine"><head-view></head-view><div class="mag-box"><div class="container"><div class="mag-inner"><div class="mag-left">ttw</div><div class="mag-right"><div class="right-inner"></div></div></div></div></div></div>
#magazine {.mag-box {.container {max-width: 1300px;margin: 0 auto;.mag-inner {display: flex;.mag-left {width: 200px;height: calc(~"(100vh - 130px)");background-color: blueviolet;}.mag-right {width: 1200px;height: calc(~"(100vh - 130px)");background-color: burlywood;overflow: auto;.right-inner {height: 1300px;background-color: cadetblue;}}}}}}
思路:
1.整体布局使用flex
2.设置左右盒子的固定高度
3.右侧盒子设置overflow: auto; 溢出父盒子的子级可通过拉滚动条显示
js
如何声明二维数组?
- 用循环赋值【】
var i,ii;
i = ii = 0;
var sentence = [[]]
for (var t = 0; t <= 100; t++) {sentence[i][ii] = t;if (t % 10 == 0) {i++;sentence[i] = [];ii = -1;}ii++;}
console.log(sentence);
如何退出forEach循环?
使用break和return都有问题,所以try…catch…是最优解
var date = [1,2,3,4,5];
try {date.forEach((e, index, arr) => {if (e == 2) {arr[index] = 6;foreach.break = new Error("StopIteration");} else {arr[index] = 10;}});} catch (e) {if (e.message === "foreach is not defined") {console.log(date);return;}}
axios
访问第三方接口产生跨域问题
- 交给后端处理,后端用request请求第三方接口,得到数据后通过自身接口传给前端
VUE
获取输入框数据
除了用v-model还可以用ref(类似于原生dom,但ref更好用)
<template><div><input type="text" ref="getRef" /><button @click="subButton">获取输入框数据</button></div></template><script>export default {name: "test",data() {return:{};},methods: {subButton(){console.log(this.$refs.getRef.value)}}}</script>
比较好用的vue日历组件
- vue-calendar-component
element-ui
无法修改element默认样式?
- 用less嵌套可以很好的覆盖element组件样式
后端
Nodejs
异步函数如何做到运行完成后再执行下一段函数?
- 利用Promise产生回调函数,将异步函数结果转为参数通过.then()传给下一段函数
const promise_request = (word)=>{return new Promise((resolve, reject)=> {request(`http://fanyi.youdao.com/translate?&doctype=json&type=AUTO&i=${word}`,function(err, response, body){if(err) return reject(err);var res = JSON.parse(body);var trans = '没找到';trans = res.translateResult[0][0].tgt;resolve(trans);})})
}
router.post('/youdao',(req,res)=>{let word=req.body.word;promise_request(word).then(Content1 => {res.send({"code":"200","sucess":"翻译成功!","data":Content1});})
})
关于async和await实现异步转同步
const asy = function(x, time) {return new Promise((resolve, reject) =>{setTimeout(()=>{resolve(x)}, time)})
}const add = async function() {const a = await asy(3, 5000)console.log(a)const b = await asy(4, 10000)console.log(b)const c = await asy(5, 15000)console.log(a,b,c)const d = a + b +c console.log(d)
}add();
Mysql
前后端交互
前后端传数据
后端传往前端的json值中若有 - 或 " 都会有奇怪的问题出现?(未解决)
- 暂时利用值替换(replace)解决
项目部署和上线
项目轻松上线(下图是我正做的项目)
大佬讲得太细了(以下是大佬博客链接)
nodejs+vue项目部署上线总流程
在云服务器上(CentOS)上安装Nodejs
远程连接数据库时的权限问题
UI设计
小心得
- 文本或图片悬浮变色时,暗色要变亮(如黑色要变白些),亮色要变暗(如深蓝要变浅蓝)
鼠标悬浮时背景图变大
- 事先定死父子盒子的大小,子级设定背景图,父级设定溢出隐藏(overflow:hidden),使用transform: scale(1.2);放大子盒子。
个人建站心得(Vue+nodejs+mysql)相关推荐
- 【个人建站心得】网站备案,让你少走弯路
继上一篇[个人建站心得]wordpress页面真正静态化插件really static后,有朋友让我写一些建站心得,今天就来聊一聊我的网站备案经历. 网站备案实际上是空间连带域名一起备案,关于备案,我 ...
- 腾讯云部署LAMP_建站心得
本人最近正在捣鼓微信开发,这期间有微信开发的服务器配置,既然要服务器配置,就少不了LAMP平台的搭建(期间参考了阿里云的建站教程,但照搬肯定在腾讯云搭载不起来)可能有些步骤是多余的,错了的话的理解一下 ...
- 使用phpnuke建站心得
小弟自从2002年来到中国Linux公社, 被公社使用的PHPNUKE所吸引,自己也开始用了它做为建站的程序. 后来因为觉得太过正规,对于个性散漫的我更喜欢另类风格, 所以最后还是只采用了PHPBB ...
- 建站心得之discuz门户程序相比ZBLOG具有哪些优势[图]
以前我是采用discuz门户程序建站的,因为个人觉得,这套程序确实不错,而门户discuz门户也可以生成纯静态HTML文件,这对于我们有特殊要求的站长来说,非常重要,因为纯静态不仅可以提升网页的访问速 ...
- 【027】基于Vue+Nodejs+Mysql模仿微博的图片分享系统(管理员、用户两种身份)(含源码、数据库、实验报告、运行教程)
观前提醒:源码.数据库.实验报告在文末 该Web小型软件系统是基于图片分享的模仿微博社交平台,用户在里面可查看别人分享的内容,同时也可以发布自己的内容.在浏览分享的帖子中,用户可以进行点赞.评论.收藏 ...
- 谈谈建站心得(转载)[精华]
从事互联网行业已经7年了,有一些感悟在脑中盘旋.经历了很多教训以及狂热,工作与生活给了我一些教训与心得,遇到一事情时,经常有一种似曾相识的感觉,但真要说出所以然,似无法将他们高度 ...
- bemusic,一个音乐网站建站心得分享
发现bemusic这个网站源代码大约在今年的4月中旬,之前和期间和测试过几个音乐网站源代码,如:phpsound,JYmusic,soundkit等,也测试过wordpress的几个音乐方面的主题,总 ...
- phpcms 初次建站心得
最近要给客户建个网站,考虑到效率问题,直接找了个开源的phpcms,(现在被收购了,以前的时候我还知道是个开源的).由于对这个东西不熟悉,原来就是了解一些,php的建站系统,php的MVC框架.故此, ...
- 【个人建站心得】wordpress页面真正静态化插件really static
有好几周没来写博客了,不过每天都还会来博客园看看.前一阵子看同事建了个站,自己也摸索着看了些关于建站的资料,买了域名.空间,突击了些wordpress知识,开始搭起了属于自己的站(www.nhliwu ...
最新文章
- 2017高级软件工程第1次作业
- 【控制】《多智能体系统的协同群集运动控制》陈杰老师-目录
- HDU 2899 三分
- 在.net中读写XML方法的总结[转]
- 聊聊高并发(二十二)解析java.util.concurrent各个组件(四) 深入理解AQS(二)
- JBuilder9+Weblogic8.1——Filter过滤器在Jbuilder9中的运用
- 科普dip,dp,sp,dpi,ppi,px,Density
- 95-40-115-java.util.concurrent-线程-AbstractExecutorService
- 在网页中嵌入百度地图的步骤
- 图像3尺度全小波包分解matlab,小波包分解
- [linux]LINUX程序设计cc1--入门
- ECharts 简明教程,用js输出图表
- DTcms-【需求】-需求分析
- 用Python搭建http文件下载服务器
- cad插入块_CAD制图软件中如何快速绘制推拉窗平面简图
- input隐藏变显示
- B站首个千万级up主!论老番茄是如何炼成的!
- flv转mp4(ffmpeg)
- RobotStudio 创建第一个工作站
- Docker的安装和使用