- 博客(14)
- 收藏
- 关注
RSS订阅原创 vue实现分页功能
vue实现分页功能分页功能的实现，数据请求略过。html<div class="page" v-if="pageCout > 0"> <ul class="epages"> <li class="page-item" v-if="curPage > 1"> <button href="#9lala" @click="JumpTo(curPage -1)">«</button> &
2020-07-03 22:31:16
1194
2
原创 Vue 动态绑定多个class 带上三元运算或其他条件
动态绑定属性在v-for循环中，根据需求，在10条数据里，前3条添加不一样的样式。例子设置第一条数据的样式为one<li v-for="(item,index) in items" :key="index"> <span :class="index==0?'one':''">{{index+1}}</span></li>设置样式并判断<li v-for="(item,index) in items" :key="index">
2020-07-01 11:14:50
9010
原创 vue-router(路由)的知识点
一、安装如果你用vue-cli脚手架来搭建项目，配置过程会选择是否用到路由（详细见vue-cli 脚手架），如果选择y，后面下载依赖会自动下载vue-router。这里还是说一下安装：npm install vue-router二、创建组件如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能，在项目目录结构中，src文件目录下会有一个router文件夹，此处就是编写路由组件的地方。在src/router/index.js，这个文件就是路由的核心文件：import Vue
2020-06-01 22:09:48
302
原创 win10 IIS服务开启并配置 目录浏览（本地）
win10 IIS服务开启并配置打开控制面板点击确定在浏览器上输入localhost这样就代表开启了IIS服务然后打开IIS服务器打开IIS管理器：打开“控制面板”在“管理工具”中打开“Internet Information Services(IIS)管理器”。“管理工具”中可能有两个IIS管理器，其中一个带有数字6.0，另一个不带，要打开不带数字的那个。新建网站设置程序池新建一个程序池然后上一步中选择该程序池，点击确定配置默认文档开启目录浏览输入h
2020-05-19 22:09:43
14292
1
原创 如何在另一台电脑上继续hexo写博客
前言我们知道，使用 Github+hexo 搭建一个个人博客确实需要花不少时间的，我们搭好博客后使用的挺好，但是如果我们要换电脑，或者换系统，。那么我们怎么使用 hexo 再发布文章到个人博客呢？而且如果我们有好几台电脑，如何每个电脑上都可以随时随地写我们的hexo博客呢？操作步骤1. 安装必要软件安装 Git 客户端安装 node JS2. 拷贝源文件将初始电脑上个人博客文件夹下这...
2020-03-25 22:04:10
1490
1
原创 解决网站网页html css兼容性问题
兼容性问题总结了在项目设计中遇到的兼容性问题，在此整理出来，以备不时之需。解决ie8 css :nth-child(4n) 不兼容问题主要是利用硬方法第一种：利用first-child,该方法在ie可以使用.huo_game_ ul li:first-child+li+li+li,.huo_game_ ul li:first-child+li+li+li+li+li+li+li,.h...
2020-01-21 16:30:07
587
原创 多列表的jq展开收起效果
在做项目的时候碰到的一个需求要做多列表的展开和收起的效果，一开始很快就写好了，可是出现了错误，最后找到了原因是因为动画animate()的效果，最后去掉（没有过度动画蛋疼），终于解决。效果图如下：jq代码：$(".zimu_con_list dl").each(function (i, item) { // console.log($(item).find(...
2019-12-06 10:11:21
1233
原创 jq锚点定位平滑跳转和导航跟随页面滚动并定位到相应位置，导航高亮显示
在做项目的过程中碰到的问题，一开始还很顺利，在编写父子导航时出现了问题，经过研究，终于解决。关于锚点定位，我们通常都是a标签写上#id名字，然后在目标上写上id名字。然而我采用的不是这种，而且利用自定义属性来设置，然后来获取里面的#id。平滑跳转其实很简单，就是利用jq中animate(),然后计算高度，获取id元素所处的位置代码如下$(function () { $('#direc...
2019-12-02 10:38:48
3149
原创 Hexo主题增加音乐之APlayer音乐播放功能
关于在个人的站点上，如果有音乐播放的功能，那么读者可以一遍阅读文章，一边欣赏音乐，是一件很愉快的事情。下面就以Hexo主题yilla-plus所建立的站点为例，分享增加音乐播放功能的步骤。我的站点：https://yourhug.github.io/先上效果图准备APlayer，下载github压缩包，解压后把dist文件夹复制到\themes\yilia-plus\source目...
2019-10-13 14:01:26
2844
10
原创 如何创建新的Vue项目
创建新的Vue项目在电脑上按快捷键win+R，输入cmd，然后输入vue init webpack 工程名(不能为中文)或者vue init webpack-simple 工程名两者区别：webpack-simple创建的，适用于中小型项目，webpack.config.js就在目录下webpack的则适用于大型项目，webpack.config.js文件给配置到 build=>we...
2019-08-12 13:40:11
199
原创 Vue学习日记02
Vue 的组件的使用在工程目录/src下components文件夹下创建一个 first.vue并仿照 App.vue 的格式和前面学到的知识写一个组件。<template> <div id="first"> <h1>这是一个组件</h1> <a> {{ author }} </a> </di...
2019-08-09 14:02:05
92
原创 Vue学习日记01
记录下学习Vue的过程，加深印象。什么是Vue？vue是一个轻量级框架，与其他重量级的框架不同的是，vue采用自底向上增量开发的设计。使用vue只需要关注视图层，不过使用起来让我感觉最不错的是vue的响应式数据绑定和组合视图组件。vue.js的使用？vue.js的开发环境我使用的是webstrom。vue的环境搭建首先要安装node，借助node里面的npm来安装需要的依赖等等，网上教程很...
2019-08-09 11:18:33
211
原创 记录下搭建vue的开发环境，并创建一个vue项目
记录下搭建vue的开发环境，并创建一个vue项目，以便以后需要的时候方便查阅。1.如何简单地使用Vue.js如同以前我们学过的Jquery一样，我们在程序中使用Vue.js时也可以使用直接引用的方法，直接下载并用 当然，和Jquery一样，Vue.js也可以使用CDN的形式引用在代码当中。在bootcdn网站中直接复制代码粘贴就可以了，也可以去别的网站的CDN，简单方便。2.vue环境搭建...
2019-08-07 10:28:42
263
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人