vue开发可在线编辑简历的webApp

   日期:2025-01-02    作者:caijiyuan 浏览:69    移动:http://w.yusign.com/mobile/quote/8909.html

在一个阳光明媚的下午,学院就业指导老师让我们每个人做一份简历,然后打印上交。后回到宿舍,苦苦在网上寻找,未果。因为不要钱的模板太丑,好看的模板得花钱...,像我等穷逼,哪里有什么闲钱。于是,果断下载了个丑不拉几的模板,打开word随便填了填交了上去......

后来良心隐隐作痛,于是打算开发一款能在线编辑简历的webAPP,就随手将脑海中的想法写了下来

接下了就是使用vue-cli初始化项目、下载依赖等常规操作...

大家可以去我的GitHub地址,查看具体的项目源码:https://github.com/bjw1234/v_...
欢迎谢谢各位大佬...

也可以直接点击该网址运行项目
http://resume.baijiawei.top

我主要把我遇到的一些小问题,以及把配置服务器的过程记录下了,以供以后参考学习使用...

 
  
 

在组建中使用插槽,那么在父组件中可以将内容填充到插槽中。

通过指令渲染时,图片的路径需要父组件动态传递,父组件只是传过来的图片的名称。这时我们可以这样做

 
  
 
 
  
 
 
 
 
  
 
  • 使用的第三方模块
 
 
  • 具体实例
 
  
 

在模块中可以使用和关键字。

注意

  • 想要导出模块的功能有很多方法,其中最简单的方式是添加export关键字。
 
 

或者也可以采用这样的方式

 
 

你可以导出所有的最外层函数、类以及var、let或const声明的变量。

  • 在另一个模块中导入其他模块。
 
 
  • 重命名import和export

导入时的重命名

 
 

当然,导出时也可以重命名

 
 
  • Default exports
 
 
  • 模块对象
 
 
  • 聚合模块

有时一个程序包中主模块的代码比较多,为了简化这样的代码
可以用一种统一的方式将其它模块中的内容聚合在一起导出
可以通过这种简单的方式将所有所需内容导入再导出

 
  
 

当<style>标签有scoped属性时,它的css只作用于当前组件中的元素。

有作用域的 CSS

 
 

转换结果

 
 

混用本地和全局样式

你可以在一个组件中同时使用有作用域和无作用域的样式

 
 

子组件的根元素

使用 scoped 后,父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受其父组件有作用域的 CSS 和子组件有作用域的 CSS 的影响。这样设计是为了让父组件可以从布局的角度出发,调整其子组件根元素的样式。

深度选择器

如果你希望 scoped 样式中的一个选择器能够作用得“更深”,例如影响子组件,你可以使用 操作符。

有些像 Sass 之类的预处理器无法正确解析 。这种情况下你可以使用 操作符取而代之——这是一个 的别名,同样可以正常工作。


 
  
 
 
  
 
 
  
 
 
  
 
 
  
 
 
  
 

1.先停止再启动(推荐
对 nginx 进行重启相当于先停止再启动,即先执行停止命令再执行启动命令。
如下

 
 

2.重新加载配置文件
当 nginx的配置文件 nginx.conf 修改后,要想让配置生效需要重启 nginx
执行以下命令即可

 
 

启动成功后,在浏览器可以看到这样的页面

如果操作正确的话,按照以上的命令已经安装好了Nginx。

 
 

打开 /usr/local/nginx/conf/nginx.conf文件

添加以下内容

 
  
 
 
 

OK,那么现在就可以通过自己配置的域名进行访问啦


我的顶级域名:http://baijiawei.top
当然为了更好的利用域名资源,也可以使用二级域名

例如
http://blog.baijiawei.top
http://resume.baijiawei.top

Nginx配置二级子域名

第一步

去自己域名控制台添加解析,这里以添加resume前缀为例

我用的是阿里云服务器,在控制面板点击添加域名,输入域名名称点击确定即可。 例如:(resume.baijiawei.top)

第二步

在根目录下也就是中添加一个文件夹,文件夹名称为第一步中二级域名的前缀,也就是,
然后将你的Vue项目或者其他项目添加入该文件夹中。

第三步

添加配置文件

进入 目录下

打开配置文件,添加以下内容

 
 

第四步

重新加载配置文件,就可以开开心心在电脑上去访问自己的项目啦。

 
 

大家可以去我的GitHub地址,查看具体的项目源码:https://github.com/bjw1234/v_...

本文地址:http://w.yusign.com/quote/8909.html    述古往 http://w.yusign.com/static/ , 查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


举报收藏 0评论 0
0相关评论
相关行情
推荐行情
点击排行
{
网站首页  |  关于我们  |  联系方式  |  用户协议  |  隐私政策  |  版权声明  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号