https://chenxuan0000.github.io/component-document/index_prod.html#/component/seamless-others 在vue环境下使用.首先下载npm包 npm install vue-seamless-scroll --save 在当前项目中的main.js中引入(全局引入) import scroll from 'vue-seamless-scroll'Vue.use(scroll) 然后就可以按照开头的文档随意在项目中用

一.前言 总结下最近工作上在移动端实现的一个跑马灯效果,最终效果如下: 印象中好像HTML标签的'marquee'的直接可以实现这个效果,不过 HTML标准中已经废弃了'marquee'标签 既然HTML标准已经废弃了这个标签,现在工作上用的是Vue,所以想着能不能自己也发布一个基于Vue的文字跑马灯组件包,这样别人可以通过npm install ...就可以用,想想还有点激动,于是开始我的第一个npm组件之旅! 二.用npm发布一个包 有点惭愧,之前通过npm install ...安装pac

前言 在此之前,你需要去npm官网注册一个属于自己的账号,记住自己的账户名以及密码.邮箱,后面会用的到.第一步,安装webpack简易框架 vue init webpack-simple marquee 这里会用到vue init 命令,如果你的cli版本是3或者以上,那么在此之前你需要安装vue/cli-init npm install -g @vue/cli-init vue init 的运行效果将会跟 vue-cli@2.x 相同 第二步,封装Vue插件1.安装完成后,会出现以下目录即可成

Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina.com Openfire XMPP Smack RTC IM 即时通讯 聊天 MD 目录 目录简介Openfire 简介相关的几个名词SmackSparkJIDXMPPOpenfire 安装配置Stanza 节共同属性Presence 在线状态Message 传递消息IQ 请求响应测试代码conn

一.npm 安装 如果你想安装插件(自己写的)安装 install dependencies npm i marquee-components 使用 在main.js引入 import marquee from 'marquee-components'Vue.use(marquee ); 在页面使用 <template> <div id="app"> <marquee :val="msg"></marquee> <

先上效果图: (1) 看起来可能有点卡顿,但是实际上页面上看起来挺顺畅的. (2) 思路就是获取每一个列表的宽度,设置定时器移动列表,当移动的距离达到一个列表的宽度的时候,把这个距离放到数组的最后.这样就能达成无缝循环滚动了. 大致的情况就是下面这样: 接下来就是代码的实现: index.vue 引入组件 <template> <div> <marqueeLeft :send-val='send'></marqueeLeft > </div> &

最近上Github看见了大漠的DemoHouse项目,看到Issues说准备做一个首页,于是我的第一想法就是做一个md列表页面,md文件可以很容易的生成一个html文件.刚刚做好脚本文件,可以生成list.md.随后提了pr.同时看到 @jerexyz 使用gulp构建工具做好了一个生成index.html的工具,我也就暂时放弃了继续后面的工作,还好没做,继续做的话生成出来的也比较粗糙,还得再继续美化修改.想象一下,如果这时我新收集了一个Demo,准备提交版本库,我是不是还得先执行一下命令 no

标签:①②③④⑤⑥⑦★ 框架: 一.frameset:(框架集) 1.如果使用框架集,当前页面不能有body 2.cols="300,*":左右拆分,左边宽300,右边宽剩余 3.rows="300,*":上下拆,上边高300,下边高剩余 4.frameboder:边框 5.<frame>:src:框架要显示页面的地址; scrolling:滚动条   二.iframe: 1.iframe:可以嵌在普通页面里面 2.src:框架里面要显示的页面地址 3.

Vue.Draggable拖动效果 下载包:npm install vue-draggable --save 组件中引进依赖: import draggable from 'vuedraggable'   注册:draggable这个组件 components: { draggable }, <draggable :options="{group:'people',animation:150,ghostClass:'sortable-ghost',chosenClass:'chosenCl

package.json中的dependencies与devDependencies之间的区别 –save-dev 和 –save 的区别 我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,比如: –save-dev 安装的 插件,被写入到 devDependencies 对象里面去 –save 安装的 插件 ,被写入到 dependencies 对象里面去 devDependencies 是只会在开发环境下依赖的模块,生产环境

https://cdn.bootcss.com/jQuery.Marquee/1.5.0/jquery.marquee.js 兼容vue $("#demo4").marquee({ direction: "up", duration: 2000, // 滚动速度 , pauseSpeed: 500, // 滚动完到下一条的间隔时间 , pauseOnHover: true, // 鼠标滑向文字时是否停止滚动 , loop: -1 , //设置循环滚动次数 (-1为无

vue中嵌套iframe,将要嵌套的文件放在static下面: <iframe src="../../../static/bear.html" width="300" height="300" frameborder="0" scrolling="auto"></iframe>   src可以使用相对路径,也可使用服务器根路径http:localhost:8088/…等: <i

嵌套外部网页 在有些时候,我们需要在我们的内容栏主区域显示外部网页.如查看服务端提供的SQL监控页面,接口文档页面等. 这个时候就要求我们的导航菜单能够解析嵌套网页的URL,并根据URL路由到相应的嵌套组件.接下来我们就讲解具体实现方案. 实现原理 1. 给菜单URL添加嵌套网页前缀,如果是服务端网页,除内部URL外,以iframe:前缀开头,外部网页直接以http[s]完整路径开头. 2. 路由导航守卫在动态加载路由时,检测到如果是外部嵌套网页,则绑定IFrame嵌套组件,最后用IFrame来

1,父 html 调用子 iframe 内方法: document.getElementById("iframe").contentWindow.func(data1,data2...); 2,子 Iframe 中 调用 父html中方法: parent.func(data1,data2...) 在VUE中: // 父vue文件调用 iframe html文件中方法:this.$refs.iframe.contentWindow.func(data1,data2...); // 在 i

根据妙味课堂上的一个教程练习总结,供自己复习用 一.功能介绍 一个网易新闻客户端的浏览页面,通过网易新闻的api接口实时获取新闻数据,用vux搭建样式框架,以轮播图,文字滚动,图文列表等形式把内容展示出来,可实现下拉刷新,上滑加载,文本提示更新,导航跳转到其他页面等功能. 二.涉及技术 基础:Html,css,Javascript,响应式,es6,vue-router,vue-jsonp 其他:nodejs,npm,vue,webpack,git,vux 三.模块划分 a,轮播图,图片+标题的形

vue在页面嵌入别的页面或者是视频 以下是嵌入页面 <iframe name="myiframe" id="myrame" src="http://xxx.com/" frameborder="0" align="left" width="100%" height="100%" scrolling="auto" marginWidth=0 m

1.(webpack)vue-cli构建的项目如何设置每个页面的title 2.vue项目中使用axios上传图片等文件 3.qs.stringify() 和JSON.stringify()的区别以及在vux中使用post提交表单数据需要qs库序列化 4.vue中实现全局的setCookie,getCookie以及delCookie方法笔记 5.webpack中alias配置中的“@”是什么意思? 6.webpack proxyTable 代理跨域 7.如何在 vue 项目里正确地引用 jque

1.(webpack)vue-cli构建的项目如何设置每个页面的title 在路由里每个都添加一个meta [{ path:'/login', meta: { title: '登录页面' }, component:'login' }] 钩子函数: 在main.js中添加如下代码 router.beforeEach((to, from, next) => { window.document.title = to.meta.title; next() }) 2.vue项目中使用axios上传图片等文

vue中嵌套iframe,将要嵌套的文件放在static下面.(要将打包文件整体放在statici里,我的文件名是canvas) src可以使用相对路径,也可使用服务器根路径http:localhost:8088/… <iframe src="../../static/canvas/无标题-1_HTML Canvas.html" width="1200" height="300" frameborder="0" scro

需求:在一个vue的项目中,我们需要从一个列表页面点击列表中的某一个详情页面,从详情页面返回不刷新列表,而从列表的上一个页面重新进入列表页面则需要刷新列表. 而浏览器的机制则是每一次的页面打开都会重新执行所有的程序,所以这个功能并不能直接实现.而vue-router给我们提供了一个叫scrollBehavior的回调函数,我门可以用这个方法结合keep-alive能很好的实现这个功能,下面第一步附上实现代码: 首先我们创建a,b,c,d四个页面,在路由的meta属性中添加需要缓存的页面标识(is

需要在本页面中展示vue组件中的超链接,地址栏不改变的方法: <template> <div class="accept-container"> <div class="go-back" v-show="goBackState" @click="goBack">GoBack</div> <ul> <li v-for="item in webAddres