凌风的博客

组件的使用和自己创建公用组件第一步：在components目录新建你的组件文件（indexPage.vue），script一定要export default {}第二步：在需要用的页面（组件）中导入：import indexPage from ‘@/components/indexPage.vue’第三步：注入到vue的子组件的components属性上面,components:{ind...

前言：

目的：当网络请求比较慢的时候,图片文件比较多，让用户体验更好一点。npm 安装 vue-lazyload组件$ npm i vue-lazyload -Djs:import Vue from 'vue';import VueLazyload from 'vue-lazyload';import { Toast } from "vant";Vue.use(VueLazyload)...

iOS 系统点击没有阴影反馈效果,android是ok的在 body 标签上添加 touch 事件 example:<van-button type="default">按钮</van-button> <div id="app" ontouchstart=""> <router-view></router-vi...

1：下载第三方的文件 例如：DINCondensed.ttf2：将字体文件放在项目中3：在common.css中引入字体文件@font-face { font-family: dincondensed; src: url('./DINCondensed.ttf') format('truetype');}4:使用改字体.swiper-pagination-cust...

1: javascript写法://请求阅读记录数据var page = 0;//第一页的数据。页面刚进来就请求这个方法function getTingHistory(date) { $.ajax({ url: '/studyplan/GetListen?userid=' + curUserId+'&amp;time=' + date + '&amp;page=0'...

问题：使用VS2017开发APP中的页面使用VUE.js遇到打包出来的android文件 在低版本的中显示空白。打开调试页面显示错误信息如下： 原因：低版本内置的浏览器（webview）版本太低，无法解析 ES2015最新的一些语法。需要在Webpack中配置babel-loader，还需要在项目最外层添加一个.babelrc文件用于babel默认解析ES2015中的特殊语法（例如：...

解决定位元素在页面刚开始加载时移动的问题（固定定位在底部的div,加载完成前显示在页面上部分，导致页面看着是需要再次加载一下，视觉效果和用户体验都很不好） 最外层高度height:100%;使用vue-router 设置页面title // 获取url参数 (function ($) { $.getUrlParam =...

情况1自定义 rem.js 文件//px=&gt;rem(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = funct...

菜单滚动吸顶效果： html: &lt;section class="switchModule" id="switchModule"&gt; &lt;div class="switchNavbar" id="switchNavbarId" :class="searchBarFixed == true ? 'isFixed' :''&quo

作用：vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子： 1.全局的 2.单个路由独享的 3.组件级的全局钩子//定义一个路由const router = new VueRouter({ ... })// 点击导航前调用router.beforeEach((to, from, next) =...

vue 创建/运行/提交项目运行vue项目：项目地址：E:\ vue-hxb\huixueban1. 打开项目所在磁盘cd /d E:2. 打开项目所在的文件夹cd vue-hxb\huixueban3. 运行npm run dev/cnpm run dev创建vue项目：打包提交项目：拉取更新项目代码在config–&amp;amp;amp;gt;index....

vue 路由跳转方法1–声明式（标签跳转）：&lt;router-link :to="index"&gt;&lt;/router-link&gt;因为路由里面有id 如果路由里面没有id， 方法2-编程式（ js跳转）：router.push('index') ...

vue知识点备忘1. scoped代表以下样式仅在当前页面有效，防止样式被复用2.阿里图标签 每次新增图标后，刷新复制新的链接粘贴在此处v-bind,v-on的缩写：v-bind: 用于绑定 html 属性v-on: 绑定一个事件监听器，通过它调用我们 Vue 实例中定义的方法&lt;!-- 完整语法 --&gt; &lt;a v-bind:hre...

vue生命周期总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。创建前/后： 在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在created阶段，vue实例的数据对象data有了，el还没有。载入前/后：在beforeMount阶段，vue实例的$el和data都初始化了，但还是挂载之前为虚拟的dom节点，d...

vue 父子组件之间的传值1:父组件向子组件传递数据//父组件通过标签上面定义传值&lt;template&gt; &lt;Main :obj="data"&gt;&lt;/Main&gt;&lt;/template&gt;&lt;script&gt; //引入子组件 import Main form "./main" exp