- 博客(85)
- 收藏
- 关注
RSS订阅原创 关于输入百分制成绩输出等级程序报错Run-Time Check Failure #3 - The variable ‘grade‘ is being used without being
答案很简单，我们这里列举一个最常见的方法。这个问题是我们没有给grade做初始化。在VS2013中执行却报错。
2023-10-08 20:03:45
280
原创 记我的一次腾讯外包面试
（括号里的内心独白）1.vue相比jQuery的优点（我项目经验有jQuery和vue）2.js数据类型有哪些（我惊了竟然问我这个？？？）3.怎么隐藏div4.position的属性有哪些，fixed怎么用呀这个在页面上什么效果描述一下5.jquery用的什么连接后台数据？你的这个ajax是进行封装了吗？（我没答上来，当是我同事写的，我回头看看）6.axios你是怎么实现下载功能的（我当时网上找的，我没记，我是垃圾）7.axios你讲一讲请求拦截和响应拦截8.你是怎么实现vue导航切换显示不
2020-06-03 10:50:03
1225
1
转载 （转）Vue路由开启keep-alive时的注意点
这个不是业务的要求，但是看到每次进入页面就重新渲染DOM然后再获取数据更新DOM，觉得作为一个前端工程师有必要优化下的加载逻辑，正好vue提供了 keep-alive 的功能，所以就试用了下。当然，干任何事儿都不会一帆风顺的，在路上的磕磕碰碰在所难免，故在此记录下遇到的问题，希望看到这篇文章的人能有所帮助。ps：这个也没多难。HTML部分：<template> <div class="app"> <keep-alive> <router-
2020-06-02 22:44:28
459
转载 keep-alive
1.keep-alive是Vue提供的一个抽象组件，用来对组件进行缓存，从而节省性能2.当组件在keep-alive内被切换时组件的activated、deactivated这两个生命周期钩子函数会被执行3.关于这一点也是仁者见仁，有的产品可能会要求在每一次进入一个组件时页面的初始位置都是保持在顶部的，这里可以利用Vue中的滚动行为，但是前提是你是HTML5 history模式4.我们在创建一个router实例的时候，可以提供一个scrollBehavior（滚动行为）方法，该方法会在用户切换路由时触
2020-06-02 21:13:55
336
转载 （转）vue-router路由拦截、http拦截
一.路由拦截登录拦截逻辑第一步：路由拦截首先在定义路由的时候需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由，否则就进入登陆页面。const routes = [{ path: '/repository', name: 'repository', meta: { requireAuth: true, // 添加该字段，表示进入这个路由是需要登录的 }, component: R
2020-06-02 18:50:02
1705
转载 原来不用better-scroll插件vue也能实现吸顶效果
原来不用better-scroll就可以实现吸顶功能，之前还一直以为，必须要用呢，面试被稳得晕头转向的scroll事件:文档视图或者一个元素在滚动时，会触发元素的scroll事件。注意：在 iOS UIWebViews中， 滚动进行时不会触发 scroll 事件；只有当滚动结束后事件才会被触发。参见 Bootstrap issue #16202。Safari 和 WKWebViews 则没有这个问题。Scroll 事件节流由于 scroll 事件可被高频触发，事件处理程序不应该执行高性能消耗的
2020-06-02 18:13:04
948
转载 （转）简述JS中事件委托/事件代理
1.什么是事件委托？事件委托还有一个名字叫事件代理。当我们需要对很多元素添加事件的时候，可以通过将事件添加到它们的父节点而将事件委托给父节点来触发处理函数。==事件委托就是利用事件冒泡，只制定一个事件处理程序，可以管理某一类型的所有事件。==打个比方就是代收快递，公司前台代收A,B,C的快递，即使公司来了新员工（不管多少），前台都会核实后代收快递。第一，现在委托前台的同事是可以代签收的，即程序中现有的dom节点是有事件的；第二，新员工也是可以被前台代为签收的，即程序中新添加的dom节点也是有事件的
2020-06-02 14:49:26
278
转载 （转）vue 跨域问题解决方案
用Vue-cli脚手架搭建了个demo,前后分离就有跨域问题的出现。vue-clie搭建demo步骤（传送门）：https://www.cnblogs.com/wangenbo/p/8487764.html我自己在网上找了2个接口做测试：CSDN：https://www.csdn.net/api/articles?type=more&category=home&shown_offset=1524276761019196&first_view=false掘金：https://s
2020-05-28 23:15:55
724
转载 (转)Proxy error: Could not proxy requestXXX from localhost:8080 to localhost:3000 (ENOTFO
问题描述：因为node服务运行在localhost:3000端口，vue运行在localhost:8080端口，不同端口存在跨域问题。所以我使用了反向代理处理。在vue.config.js里：proxy:{ '/api2':{ target:'http://localhost:3000', changeOrigin:true, }}我这里是vue-cli3，所以是vue.config.js，如果是vue-cli2，就在config文件夹里的in
2020-05-28 22:44:58
42691
1
原创 【vue-router报错】TypeErrorCannot read property matched of undefined
第一你可能是routes和router命名错误第二很无语，在main.js里会导入router,在上面代码的后面记得加导出，不然你导入个啥…(也吐槽我自己)
2020-05-27 19:03:44
1910
转载 （转）谈谈浏览器的兼容性（面试题）
（一）html部分1.H5新标签在IE9以下的浏览器识别<!--[if lt IE 9]> <script type="text/javascript" src="js/html5shiv.js"></script><![endif]-->html5shiv.js下载地址：https://github.com/aFarkas/html5shiv/releases2.ul标签内外边距问题ul标签在IE6\IE7中，有个默认的外边距，但是在IE8以上
2020-05-26 22:18:25
593
原创 vue-app项目知识点总结（三）
一.分类页面1.页面结构2.新建文件夹主页面：Category.vue分类列表：CategoryList.vue对应商品：CategoryGoods.vue网络请求都写到Category.js中3.我们先写分页主页面大框这里我们先把左侧列表引到里面来了Category.vue<template> <div id="category"> ...
2020-05-25 22:52:29
521
原创 vue-app项目知识点总结（一）
一. FeatureView独立组件封装FeatureViewdiv>a>img二. TabControl独立组件的封装props -> titlesdiv>根据titles v-for遍历 div -> span{{title}}css相关选中哪一个tab, 哪一个tab的文字颜色变色, 下面border-bottomcurrent...
2020-05-25 20:04:57
1939
原创 vue-app项目知识点总结（二）
一. FeatureView独立组件封装FeatureViewdiv>a>img二. TabControl独立组件的封装props -> titlesdiv>根据titles v-for遍历 div -> span{{title}}css相关选中哪一个tab, 哪一个tab的文字颜色变色, 下面border-bottomcurrent...
2020-05-23 01:02:20
1374
2
转载 （转）vuejs点击获取当前元素内容
我的代码是这样的<div class="shopchart-item" v-for="item in shopCart.props"> <div>{{item.label}}</div> <div class="goodslist" v-for="name in item.list" @click="btn_user($event)">{{name.name}}</div>我想要拿到{{name
2020-05-21 19:08:11
1586
转载 (转)Vue中使用 transition标签或transition-group标签以及第三方类实现动画
Vue的动画并没有非常炫酷的效果，不过也是有一些实用性的，在项目中有的地方使用，也是能够营造出不同的效果下面为大家列举两个简单实现动画的例子使用 <transition> 包裹<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script rel="script" s
2020-05-21 17:30:33
857
原创 执行npm install XXX报错：npm ERR! code EINTEGRITY
在运行npm install swiper --save-dev的时候报错了我的是npm版本问题，需要更新至最新版本：npm install -g npm之后再运行npm install swiper --save-dev就成功了
2020-05-20 21:58:39
1205
转载 （转）Vue微信授权登录前后端分离较为优雅的解决方案
这两天给之前做的移动端商城加了一个登录页面，头脑一热寻思整个微信登录吧，去官网文档看了一圈，这是在说什么？一度怀疑人生，不得不承认我就是个菜鸡。找了好久找的这个分享给大家，个人感觉讲的同清楚的，但是单独一个前端实现不了这个功能，希望以后在公司更接触到这个试着做一下试试吧——————————原文分割线————————————————————微信授权登录是一个非常常见的场景,利用微信授权登录,我们可以很容易获取用户的一些信息,通过用户对公众号的唯一openid从而建立数据库绑定用户身份.微信授权登录的机
2020-05-20 15:36:23
925
转载 （转）Uniapp官方教程找不到uListMedia代码块的解决办法
原文链接：https://blog.csdn.net/zhengzizhi/article/details/105020140如何在HBuilderX开发工具中实现自定义生成代码块的功能因为uListMedia不是内置组件，所以在你敲ulistmedia时看不到uListMedia的提示信息在学习uni-app官网视频教程中，可能作者是因录播时间有限，没时间展开说明uListMedia代码块是如何自定义的，这给所有入门的学习uni-app开发的人带来了困扰，特写此文，希望在你刚入门的这一刻能帮到你
2020-05-12 19:40:16
3330
3
原创 Vue响应式原理Object.defineProperty这样理解（二）
输入框内输入外面内容有人修改控制台修改message内容<div id="app"> <input type="text" v-model="message"> {{message}}</div><script> const app = new Vue({ el:'#app', ...
2020-05-05 21:44:05
354
原创 Vue响应式原理Object.defineProperty这样理解（一）
<div id="app"> {{message}} {{message}} {{message}}</div><script src="js/vue.js"></script><script> const app = new Vue({ el:'#app', data...
2020-05-05 13:25:24
610
转载 （转）Element/vue router连续点击多次路由报错解决方法
Element-ui 点击多次路由会报错:NavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”}查找到了一篇比较好用的解决文章 (亲测有效), 方法如下↓把项目依赖的 node_modules 文件夹删除， 然后再 npm install 重新下载依赖包就可以解决。如果在重新下...
2020-04-24 10:38:16
533
原创 vue移动端项目中会用到的better-scroll基本使用
GitHub：https://github.com/ustbhuangyi/better-scroll/tree/v2.0.0-beta.6官方文档：https://better-scroll.github.io/docs/zh-CN/我们在pc端显示的效果也是可以滑动的但是到了移动端就可能出现卡顿状态，better-scroll能够让页面的滑动更加流畅1.安装在vue我们直接下载并引入...
2020-04-23 12:12:44
1037
1
原创 component lists rendered with v-for should have explicit keys.警告
<swiper-item v-for="item in banners">改为 <swiper-item v-for="(item,index) in banners" :key="index">
2020-04-20 18:30:13
243
转载 (转):after和:before的作用及使用方法
原文地址：https://www.cnblogs.com/lynnmn/p/6254367.html:before 和 :after 的主要作用是在元素内容前后加上指定内容，示例：HTML代码：<p>你好</p>CSS代码：p:before{ content: 'Hello'; color: red;}p:after{ content...
2020-04-20 11:28:02
245
原创 vue项目中TabBar标签对应页面不显示问题
也不默认显示首页，很头疼，检查路由也有导入最后问题官方文档没找到为什么要这样命名的理由，以后注意一定要写成routes就好了应该是这样的我理解：router：路由器routes：线路，路由，路径因为我们要在里面写的是TabBar的路径所以就必须写成routes啦！...
2020-04-20 10:27:46
1657
1
原创 Vuex学习笔记
Vuex是做什么的?官方解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用 集中式存储管理 应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel调试、状态快照导入导出等高级调试功能。状态管理到底是什么？状态管理模...
2020-04-18 14:27:08
446
转载 （转）记一次vue长列表的内存性能分析和优化
面试竟然问道了后台传过来1000条数据如何优化，凉凉了分享一下这个博主的长列表优化—————————————————————————————————这个长列表页面，其实是一个实时日志上报的页面，随着页面打开时间的增加，日志数量也会增多，常规的页面布局和渲染免不了会遇到性能问题。使用了vue框架，框架内部的虚拟DOM和组件缓存已经做了一些优化，比起原生实现是有了一些优化处理。但这个页面是用...
2020-04-16 22:21:08
578
转载 安装vue项目启动报错Cannot find module
怀疑我是不是一只猪学习vuex的时候用cli2安装项目又报错了作者原文：Cannot find module 这个是以为我们安装的项目缺少依赖：npm install 是安装项目所需要的依赖，简单理解就是安装一些必要的插件，需要等一段时间；当然我们也可以用国内的淘宝镜像比较快一点，cnpm isntall 安装依赖，安装完成后，cnpm run dev就可以了版权声明：本文为CSDN...
2020-04-13 00:37:30
1965
原创 vue中会用到的ES6语法和高阶函数
filter/map/reduce我们通过案例来了解这些函数和方法const nums = [10, 20, 111, 222, 444, 40, 50]1.需求: 取出所有小于100的数字let newNums = []for (let n of nums) { if (n < 100) { newNums.push(n) }}2.需求:将所有小于100...
2020-04-11 22:31:26
856
转载 （转）JS 中构造函数和普通函数的区别
1、构造函数也是一个普通函数，创建方式和普通函数一样，但构造函数习惯上首字母大写2、构造函数和普通函数的区别在于：调用方式不一样。作用也不一样（构造函数用来新建实例对象）3、调用方式不一样。a. 普通函数的调用方式：直接调用person();b.构造函数的调用方式：需要使用new关键字来调用new Person();4、构造函数的函数名与类名相同：Person( ) 这个构造...
2020-04-11 14:47:32
669
原创 Vue组件化开发（二）
10.父子组件的通信子组件是不能引用父组件或者Vue实例的数据的。但是，在开发中，往往一些数据确实需要从上层传递到下层：比如在一个页面中，我们从服务器请求到了很多的数据。其中一部分数据，并非是我们整个页面的大组件来展示的，而是需要下面的子组件进行展示。这个时候，并不会让子组件再次发送一个网络请求，而是直接让大组件(父组件)将数据传递给小组件(子组件)。如何进行父子组件间的通信呢...
2020-04-10 14:55:59
284
原创 Vue组件化开发（一）
认识组件化我们将一个完整的页面分成很多个组件。每个组件都用于实现页面的一个功能块。而每一个组件又可以进行细分。组件化思想的应用：有了组件化的思想，我们尽可能的将页面拆分成一个个小的、可复用的组件。这样让我们的代码更加方便组织和管理，并且扩展性也更强。注册组件的基本步骤（以上内容根据微博“coderwhy”的vue视频课程整理，感谢王红元老师ღ( ´･ᴗ･` )比心）...
2020-04-09 23:11:43
371
原创 vue模板语法整理（三）
表单绑定v-modelVue中使用v-model指令来实现表单元素和数据的双向绑定。基本使用方式<div id="app"> <input type="text" v-model="message"> {{message}}</div>当我们在输入框输入内容时1).因为input中的v-model绑定了message，所以会实时将输入的...
2020-04-08 11:18:41
176
原创 VUE一些小功能案例
计数器<div id="app"> <h2>当前计数: {{counter}}</h2> <button @click="add">+</button> <button @click="sub">-</button></div><script> con...
2020-04-08 00:47:59
734
原创 vue模版语法整理（二）
事件监听在前端开发中，我们需要经常和用于交互。这个时候，我们就必须监听用户发生的时间，比如点击、拖拽、键盘事件等等在Vue中如何监听事件呢？使用v-on指令v-on作用：绑定事件监听器缩写：@v-on参数当通过methods中定义方法，以供@click调用时，需要注意参数问题：1.事件调用的方法没有参数<div id="app"> <button @...
2020-04-07 19:52:58
188
转载 (转)vue v-on修饰符
1、stop功能：阻止事件冒泡使用方法:<button v-on:click.stop="show">B</button>举例：<div id="app"> <div style="width: 100px;height: 100px;background-color: #008000;" v-on:click="show"> ...
2020-04-07 17:43:37
381
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人