背景音乐 添加背景音乐 并有单击事件   循环播放 <template> <div id="page"> <div style="width: 100%" class="flex-container column"> <video id="video" src="../static/audios/bgm3.mp3" controls="controls&q

原文 IIS 7.5 使用URL Rewrite模块简单设置网页跳转 我们都知道Apache可以在配置文件里方便的设置针对网页或网站的rewrite,但是最近接手了一组IIS服务器,发现这货简单的没有配置文件可让我写,但是我却要实现网页rewrite的功能.怎么办呢,google了一下,果断的找到了内容. IIS URL Rewrite模块: 官方下载地址:http://www.iis.net/downloads/microsoft/url-rewrite 官方说明文档:http://www.i

Vue 项目代理设置的优化 Vue 类的项目开发中项目结构基本都是类似于 Vue-cli 生成的方式, 这种方式开发中,最常用到的模式是开启代理进行 mock 调试或远程调试, 也就是使用了 Vue-cli 设置的配置 proxyTable 或者直接使用 Webpack-dev-server 提供的 proxy 选项.它是采用了 http-proxy 库,所以具体配置可查看: https://github.com/nodejitsu/node-http-proxy#options 利用配置的这些

怎样免费设置QQ空间背景音乐 1.打开QQ空间,点击 2. 3. 4.这里它要求我们输入歌曲的在线路径,并且必须是MP3格式的,这就简单了,我们仅仅要去网上找在线的MP3音乐就能够了.可是如今非常多提供在线音乐下载的站点都把真实的MP3音乐地址给隐藏了.先谈下我前阵子能够使用的办法,把音乐下载到本地.然后上传到百度云盘,再通过百度云盘分享链接.再利用火狐浏览器中的Firebug解析地址.操作例如以下: Ok,得到此链接,将其拷贝到FF浏览器.回车訪问.点击 watermark/2/text/aH

前言 有这样的一个需求,后台服务器要求把token放在请求头里面 嗯一般是通过data里面通过参数带过去的 第一种方法 全局改变: Vue.http.headers.common['token'] = store.state.token; 之前是吧token刚在data里面的 是我封装的一个get 请求,亲测有用.现在我们项目就是用的这一种 然后放一个请求成功的实例 首先会先发一个 OPTIONS 预请求 然后发出正式请求 第二种方法: 不能局限于一种方法嘛! 第二种方法是:在Vue实例中设置

这篇文章介绍一个使用Vue+Element实现的个人简历系统,主要用到的技术有:vue.element.css3.css定位. 作者在window10进行开发,目前只在chrome上进行过测试,没有大的毛病.但是还有很多小功能还不完善,代码也未进行优化,后续会继续完善功能,优化代码. 声明:项目相对来说就是一个纯静态页面,代码都比较简单,大佬可闭眼绕过,或者看一眼留下宝贵意见也可 一.项目介绍 本项目是一个网页版的个人简历系统,主要使用的技术为vue2+element进行实现. 个人简历系统主要

1. 首先安装vue插件,安装方法: setting  -->  plugin  ,点击plugin,在内容部分的左侧输入框输入vue,会出现两个关于vue的插件,点击安装即可.安装完成后,就可以看到,新建文件时,会有vue文件的提示. 如下图所示: 2. 设置vue新建文件模板. 步骤: settings  -->  file and code templates .在内容区域左侧点击vue file,修改对应的模板内容即可. 如下图所示: 3. 设置vue文件支持的编码格式(例如:支持的缩

网页的默认的文本选中颜色是蓝底白字(大多应该是吧),这个样子: 感觉并不是特别好看,可以通过CSS3的一个特性,一个CSS3的伪类选择器::selection来设置文本被选中时的状态,比如本博客的主题(2016-10-7): /*设置文本选中颜色,看起来更酷一些*/ ::selection { background:#DDDDDE; } ::-moz-selection { background:#DDDDDE; } ::-webkit-selection { background:#DDDDD

项目需要前端获取后台返回的cookie,并以此作判断.我是在main.js入口文件下使用的 具体代码: new Vue({ el: '#app', router, template: '<App/>', components: { App }, methods:{ //读取cookie,需要注意的是cookie是不能存中文的,如果需要存中文,解决方法是后端先进行编码encode(),前端取出来之后用decodeURI('string')解码.(安卓可以取中文cookie,IOS不行)    g

WebSorm是一款优秀的前端开发工具,而Vue项目可以使用Node进行编译运行,平常我们可以通过命令行部署项目进行调试. 本文介绍设置Webstorm进行快速部署Vue项目. 第一步 点击启动快捷按钮旁边的向下小箭头,在列表中选择Edit选项: 第二步 打开启动设置页面后,点击左上角的加号添加新的运行方式: 第三步 在弹出的选择框中,选择node.js启动模式: 第四步 在新打开的设置页面中,在红色圈中的地方设置如图路径的文件: 至此设置成功,直接点启动按钮就可以部署项目.

在处理网页的SEO时,经常需要设置meta节点中keywords的属性. 如果是UGC产生内容的话,对于这个字段可以由用户或编辑手工设置相关的标签或关键词来进行. 但对于MGC(机器产生内容)的内容的话,这个字段可以根据网页的标题和内容中的关键词来自动产生. 核心代码(groovy代码)为: def segmenter = new IKSegmenter(new StringReader("各位,当你们在加班加的快要坚持不下去时候,是什么在支撑着你们? - CSDN论坛 - CSDN.NET&q

1.安装axios yarn add axios 2.在入口文件main.js中设置 import { getRequest, postRequest} from './libs/api';//导入 Vue.prototype.getRequest = getRequest;//注入到vue对象 Vue.prototype.postRequest = postRequest;//注入到vue对象 3.创建api接口 1:src目录下创建libs文件夹 2:在libs文件夹中创建api.js接口文

1. 首先安装vue插件,安装方法: setting  -->  plugin  ,点击plugin,在内容部分的左侧输入框输入vue,会出现两个关于vue的插件,点击安装即可.安装完成后,就可以看到,新建文件时,会有vue文件的提示. 如下图所示: 2. 设置vue新建文件模板. 步骤: settings  -->  file and code templates .在内容区域左侧点击vue file,修改对应的模板内容即可. 如下图所示: 3. 设置vue文件支持的编码格式(例如:支持的缩

一:在普通网页中使用 vue 使用 script 标签,引入 vue 包 在 ndex 页面中,创建一个 id 为 App 的 div 容器 通过 new Vue 得到一个 vue 实例 二:在 webpack 中使用 vue 执行命令 : npm i vue -S 把 vue 包安装成项目运行依赖 main.js: //入口文件 //如何在 webpack 构架的项目中,使用 Vue 进行开发 // 执行命令 npm i vue -s ,把 vue 包安装成项目运行依赖 //在 webpack

第一种方法 npm install vue-wechat-title --save 在mian.js中引入 //设置title import VueWechatTitle from 'vue-wechat-title' Vue.use(VueWechatTitle) 在router的index.js的路由中加上参数 { path: '/login', component: Login, meta: { title: '登录' } } 如果是公共组件,在跳转时根据条件来动态设置title,可以在最

1.在项目目录下安装vue-wechat-title 2.在main.js中 使用vue-wechat-title 3.在router的配置中设置 4.在每个vue页面中加入 <div v-wechat-title="$route.meta.title"></div>

需求: slider侧边栏是宽度是动态的,使用jquery可以操作dom元素,设置宽高,但vue是避免操作dom的 <template> <div class="slider"> <h1>Hamy</h1> </div> </template> <script> export default{ name:'index', data(){ return{ sliderStyle:{ width:'240p

业务需求,进入页面的时候,网页有个默认标题,加载的网页内容不同时,标题需要变更. 例:功能授权,功能授权(张三). Vue下有很多的方式去修改网页标题,这里总结下解决此问题的几种方案: 一.最笨方案 结合业务直接在Vue生命周期函数 created 和 mounted 中,给 document.title赋值. <script> import axios from 'axios' export default {   created () {     document.title = '功能授

回顾包的查找规则: 1.找项目根目录中有没有node_modules的文件夹 2.在node_modules中根据包名,找对应的vue文件夹 3.在vue文件夹中,找一个叫做package.json的包配置文件 4.在package.json文件中,查找一个main 属性[main属性指定了这个包在被加载时候的入口文件] 引入vue.js不全的话会提示如下信息 vue.runtime.esm.js:620 [Vue warn]: You are using the runtime-only bu

准备 首先去官方下载并安装VSCODE,下载地址 https://code.visualstudio.com/.安装后打开会发现是英文版的,需要去安装插件来汉化.具体是在扩展插件搜索chinese,选择第一个安装然后重启软件,这样打开就是中文界面了. 网页 去这个网站 https://getbootstrap.com/docs/4.4/examples/album/ 将源代码Copy下来,然后打开VSCODE选择项目文件夹 在你的项目目录新建个src文件夹用来存放源代码,并在src下新建个ind

  大多数情况vue项目中组件是需要相互引用的,父组件引用子组件,子组件引用父组件,已达到组件重用的目的   本次记录的是父组件引用子组件,img标签定义在多个子组件中,不同或相同的父组件引用同一个子组件,从而设置不同的图片路径 1.子组件实现 <div class="customerIntroduce-left"> <!-- 父组件传入图片路径 --> <img :src=image_path /> </div> export defa