vue做类型简历的排版

2024-11-02

Vue + Bootstrap 制作炫酷个人简历（一）

最近看了别人做的简历,简单炫酷,自己非常喜欢,于是打算自己做一个,尝试一下. 由于写这篇随笔的时候才开始动工,所以目前没有成品给大家看. emmm等我更新完会在最后附上成品. 现在开始! 首先配置项目具体可以看我的 Vue 配置项目由于需要使用bootstrap,所以我们要安装jquery和bootstrap. 这里我们采用npm进行安装. 安装成功如图: 然后安装 jquery 这里根据官方文档我们选择v1.12.4 执行安装 npm install jquery@1.12.4 --

利用toString做类型的判断

//利用toString做类型的判断 : /*var arr = []; alert( Object.prototype.toString.call(arr) == '[object Array]' ); */ //'[object Array]'

用vue做app内嵌页遇到的坑

公司要求用vue做一个微信端的网站,其中还包含一些app的内嵌页.开始的时候没想那么多,就直接用vue-cli搭了一个单页的vue项目,可随着项目越做越大,页面越来越多,问题就开始暴露出来了. 众所周知,单页面程序优点是在页面初始化时加载相应的HTML.JavaScript 和 CSS,一旦页面加载完成了,就不用再做其他的加载和跳转了,极大的提升了页面的流畅性,提供良好的用户体验.那么问题来了,把所有东西都放在初始化的时候做,就造成了页面首次加载需要更长的等待时间.而对于那些作为app内嵌的页面

vue做的第二个app

用vue做应用最好的还是组件的复用上次做饿了吗的app封装了一个评分star的组件只要引入组件传入size大小和score分数就行了,这次做豆瓣直接就就用上了不用重复写代码.不过vue做单页应用全部挂在app.vue组件上并不能真正的实现多页面跳转这种假跳转比原生app差.我开始在app.vue里面写了个导航选择热门电影和高评分结果在弄详情页的时候直接设z-indx覆盖是没用的那两个导航栏直接无视z-index穿透显示出来,还有我开始发现router-link跳转居然能传对象我把主页的电

使用vue做项目

使用vue做项目需要用到node.js的npm来管理包所以我们需要先下载node.js然后通过node的npm来管理包安装完 nodejs后我们需要执行 npm install vue-cli -g 来安装一个全局的客户端的的vue 然后可以查看node的版本 node -v 然后安装一个webpack npm install webpack -g -g都是全局安装然后初始化webpack并建立我们的项目文件夹 vue init webpack +项目文件夹按照上面的来安装然后如果

Vue 做项目经验

Vue 做项目经验首先需要知道最基本的东西是: Vue 项目打包:npm run build Vue生成在网页上看的端口:npm run dev 修改端口号的地方在: config文件夹下index.js文件port 改变首页面在main.js const routes = [{ path: '/', component: gnlb } 大概在100行编辑代码时的一些经验和坑 Vue相关经验 1. 引入自己编写的标签需要在当前页面import标签名from文件路径,注入进来之后再下面的 co

Vue源码分析(一) : new Vue() 做了什么

Vue源码分析(一) : new Vue() 做了什么 author: @TiffanysBear 在了解new Vue做了什么之前,我们先对Vue源码做一些基础的了解,如果你已经对基础的源码目录设计等有基础的了解的话,可以跳过下面这部分. 源码目录设计 Vue.js 的源码都在 src 目录下,其目录结构如下. src ├── compiler # 编译相关 ├── core # 核心代码 ├── platforms # 不同平台的支持 ├── server # 服务端渲染 ├── sfc #

使用vue做项目如何提高代码效率

最近做了两个vue项目,算上之前做的两个项目,总共有四个vue项目的经验了,但是总体来说写的代码质量不是很高,体现在以下几点 1.代码没有高效的复用自从使用vue做项目之后,以前使用面向过程变成的习惯随之被面向对象取代了,这是一个很好的转变,让代码看起来不是那么混乱了,但是不混乱并不代表质量高,比如实现一个检验输入是否有效的功能写的代码很长,而且重复代码很多例如: function checkInput(data) {let isTrue;if(!data.date) { this.$mess

JS做类型检测到底有几种方法？看完本文就知道了！

JS有很多数据类型,对于不同数据类型的识别和相互转换也是面试中的一个常考点,本文主要讲的就是类型转换和类型检测. 数据类型 JS中的数据类型主要分为两大类:原始类型(值类型)和引用类型.常见的数据类型如下图所示: 原始数据类型存在栈中,引用类型在栈中存的是一个引用地址,这个地址指向的是堆中的一个数据对象.需要注意的是null在这里我们算在原始类型里面,但是你用typeof的时候会发现他是object,原因是就算他是一个对象,那他应该在栈中存一个引用地址,但是他是一个空对象,所以这个地址为空,也就

.net MVC +EF+VUE做回合制游戏（一）

刚毕业的新人,工作的时候试过用.net 框架,但是我发现写的前端代码都非常多,要写很多很多的原生,然后最近在看vue.js觉得还不错,可以减少前端很多dom操作. 至于做的东西我是想做一个游戏,一个回合制类的游戏,想着就是前端点技能然后传回后端计算,然后利用VUE直接修改数据来达到血条的变化之类的.毕竟大学就是冲着做游戏去的.后来发现好像做游戏都是用引擎,但是毕竟学都学了.net,就想尝试一下. 并没有完成,才做完用户和角色创建页面.下面贴代码前端代码 <div id="all"

.net MVC +EF+VUE做回合制游戏（二）

Emmm,游戏中的属性购买页面话不多说先上代码 <form id="vue" action="/ltgdGame.Web/Main/Index" method="post"> <input id="back" type="submit" value="返回" /> <div id="VIT"> <div class=&quo

vue做购物车

写一点废话,昨天敲代码找bug,找了好久都没找到,后来一哥们找到他说,找代码的bug就像男女朋友吵架,女问男你错了没,男说错啦,女再问错哪了,男傻眼了不知道错哪.在找代码的过程中一直知道我错啦就是找不到错哪了,哈哈~~~~~~ 正文用vue知识点做购物车, <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=&quo

使用vue做移动app时，调用摄像头扫描二维码

现在前端技术发展飞快,前端都能做app了,那么项目中,也会遇到调用安卓手机基层的一些功能,比如调用摄像头,完成扫描二维码功能下面我就为大家讲解一下,我在项目中调用这功能的过程. 首先我们需要一个中间框架,hbuilder http://www.html5plus.org/doc/zh_cn/accelerometer.html 这个是html5+的文档地址,我们找到Barcode模块, 有这么多,然后我们往下找找到这段代码 <!DOCTYPE html> <html> <

使用vue做移动端瀑布流分页

讲到瀑布流分页有一个方法一定是要用到的 pullToRefresh() 这个也没什么好解释的,想了解的可以去百度一下下面上代码 <div id="main" class="content" style="background-color: #FFFFFF; width: 100%;height:100%;position: absolute;overflow: hidden;"> <div class="list-m

用 Vue 做一个简单的购物app

前言最近在学习Vue的使用.看了官方文档之后,感觉挺有意思的.于是着手做了一个简单的购物app.h5 与原生 app 交互的原理这是我第一次在这个网站上写分享,如有不当之处,请多多指教. 一整个项目写下来,最大的感觉就是组件式开发,管理起来实在是太舒服了.而且vue中写scss还可以指定局部有效.这样写起scss感觉安全多了.用 vuex 进行全局数据管理也挺舒心的.element-ui 则大大解放了生产力. 概述项目使用 Webpack + Vue2.x + vue-cli + vue-r

用vue做todolist

<template> <div class="hello"> <div style="height:25px;line-height:25px;color:#a26777">This is Todos</div> <input type="text" style="width: 100%;height: 30px;border: 1px solid #a26777;padding:

用vue做的购物车结算的功能

<template> <div> <div class="product_table"> <div class="product_info">商品信息</div> <div class="product_info">商品金额</div> <div class="product_info">商品数量

过年了，基于Vue做一个消息通知组件

前言今天除夕,在这里祝大家新年快乐!!!今天在这个特别的日子里我们做一个消息通知组件,好,我们开始行动起来吧!!!项目一览效果很简单,就是这种的小卡片似的效果. 我们先开始写UI页面,可自定义消息内容以及关闭按钮的样式. Notification.vue <template> <transition name="fade" @after-enter="handleAfterEnter"> <div class="notif

typeof做类型判断时容易犯下的错

学过js同学都知道js的数据类型有字符串.数字.布尔.Null.Undefined和object(数组.function......) 作为一个初学者我一直认为每个数据类型返回的结果是这样的 typeof("string") string typeof(111) number typeof(true) boolean typeof(arr[]) Array typeof(fn()) function typeof(null) null typeof(undefind) undefin

利用spring boot+vue做的一个博客项目

技术栈: 后端 Springboot druid Spring security 数据库 MySQL 前端 vue elementUI 项目演示: GitHub地址: 后端:https://github.com/TUGOhost/My-Blog 前端:https://github.com/TUGOhost/My-Blog-Front

使用vue做表单验证

<template> <Form ref="formInline" :model="formInline" :rules="ruleInline" inline> <Row> <Col span='8'> 公司名称: </Col> <Col span='16'> <FormItem prop="name"> <Input type=&qu

vue做类型简历的排版

热门专题