vue项目实战
文章平均质量分 90
ang.guo
这个作者很懒,什么都没留下…
展开
-
搜索结果中关键字高亮显示
使关键字高亮显示主要是给搜索结果中的关键字加一个标签并给他加上特定的样式。主要以在vue中为例给关键字添加span标签的方法 wraperkeyword(k, v) { function highlight(value) { console.log(value); return `<span style="color:#1890ff">${value}</span>`; } return v.replac原创 2020-07-02 08:55:26 · 1700 阅读 · 1 评论 -
vue+node+mysql校园信息交流平台(毕业设计)
校园信息交流平台(涵盖二手信息,交流问答,新闻文章,校内活动,招聘信息)。毕业设计项目,使用vue+node+mysql为主要技术原创 2020-06-20 10:34:32 · 8903 阅读 · 52 评论 -
vue项目实战(个人博客)一------项目介绍
vue个人博客,简单的响应式设计原创 2019-08-30 23:17:29 · 9992 阅读 · 6 评论 -
vue项目实战(个人博客)二------环境搭建
安装node.js百度搜索node.js第一个就是,下载一个自己想要的版本(建议不要下载最新的版本,最新版本可能会遇到一些问题)下载完成全部是默认一路点击下一步就行安装淘宝cnpm输入命令npm install -g cnpm --registry=https://registry.npm.taobao.org当时这一步的时候电脑只要一输入这个命令就卡死也不知道怎么办,然后重装系...原创 2019-08-31 17:33:50 · 1252 阅读 · 0 评论 -
vue项目实战(个人博客)三------Git 版本管理工具(coding)在vs.code使用git
Git 版本管理工具Git 版本管理工具有很多如github 码云 coding 等,我用的是coding,在实习公司用的是coding而且github在国内网速太慢,coding相对使用起来简单把自己的项目上传到coding新建仓库进入coding官网注册账号新建一个仓库下载GIT安装右键用git打开自己的那个项目在当前项目的目录中生成本地的git管理,输入git init...原创 2019-08-31 18:38:55 · 1179 阅读 · 0 评论 -
vue项目实战(个人博客)四------vue中组件和路由的使用以及默认路由与路由重定向
vue项目中组建一般在src/components中在vue中组件一般有两种用法 第一种是直接引用 第二种是通过路由调用直接引用导入用使用的组件文件夹,然后声明组建,就可以直接使用了<template> <div id="app"> <tou></tou> </div></template>&l...原创 2019-09-01 09:08:32 · 918 阅读 · 0 评论 -
vue项目实战(个人博客)五------使用媒体查询实现响应式设计
使用媒体查询@media only screen and (min-width: 768px) 加载css样式的最小屏幕宽度@media only screen and (max-width: 768px)加载css样式的最大屏幕宽度/** 平板 **/@media only screen and (min-width: 768px) and (max-width: 1024px) {...原创 2019-09-01 09:43:15 · 14189 阅读 · 0 评论 -
vue项目实战(个人博客)六------对一条数据中的某一条数据进行逗号分割且只渲染前三条
后台返回的数据字符串分割再渲染时由于label中有多条数据使用‘,’号隔开的所以要进行字符串分割使用js的split(",")方法var str = 'The quick brown fox jumps over the lazy dog.';var words = str.split(' ');实现方法最有效的方法是在数据请求到之后就把数据处理好先用split(' ,');...原创 2019-09-06 10:44:56 · 2950 阅读 · 0 评论 -
vue项目实战(个人博客)七------给v-html中渲染的文章(html代码段)中图片添加点击事件(事件委托)
由于在vue中v-html渲染的html代码段中添加的事件是无效的所以我们不能给html代码段中拼接点击事件实现功能刚开始想用正则匹配出图片然后用图片浏览插件实现图片反大,最后还是换了别的方法我们可以吧点击事件添加到他们的父标签上,通过事件冒泡判断标签是不是img从而添加点击事件事件委托事件委托,通俗地来讲,就是把一个元素响应事件(click、keydown…)的函数委托到另一个元素;...原创 2019-10-06 20:35:26 · 3651 阅读 · 0 评论