vue
z逍遥
这个作者很懒,什么都没留下…
展开
-
Javascript操作DOM常用API总结
js操作DOM 常用的ApI总结阅读目录基本概念节点创建型api页面修改型API节点查询型API节点关系型api元素属性型api元素样式型api总结文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认识。回到顶部基本概念在讲解操作DOM的api之前,首先我们来复习一下一些基本概念,这些概念是掌握api的关键,必须理解它们。Node类型DOM1级定义了一个Node接口,该接口由D原创 2020-09-30 07:30:38 · 410 阅读 · 1 评论 -
vue中常见的原理
1 、双向数据绑定的原理Object.defineProperty()方法有何作用1、语法 Object.defineProperty(obj, prop, descriptor) 是一个函数,可以对对象里面的属性加一些控制。2、定义:Object.defineProperty() 直接在一个对象上定义一个新属性,或者修改现有属性,并返回该对象。3、参数obj 要在其上定义属性的对象。prop 要定义或修改的属性的名称。descriptor 将被定义或修改的属性描述符。 可写,可枚举原创 2020-09-28 21:15:14 · 443 阅读 · 0 评论 -
vue项目中遇到的优化
一、webpack 常见的优化手段;首先webpack 是一个资源处理工具,它的出现节省了我们的人力和时间; 可以对资源打包,解析,区分开发模式等等…其中常见的优化手段:分离第三方库(依赖),比如引入dll引入多进程编译,比如happypack提取公共的依赖模块,比如commonChunkPlugin资源混淆和压缩:比如UglifyJS分离样式这些,减小bundle chunk的大小,比如ExtractTextPluginGZIP 压缩,在打包的时候对资源对齐压缩,只原创 2020-09-24 21:41:29 · 294 阅读 · 0 评论 -
vue路由或者前端路由的实现原理
实现前端路由的技术1、利用H5中的history API 实现主要利用history.pushStatae和history.replaceState来实现,不同之处在于,pushState会增加一条新的历史记录,而replaceState则会替换当前的历史记录,并且再用该方法发布项目时,还需配置一下Apache。2、用URL的hash实现我们在URL中常看到#,这个符号,而“#”这个符号有两种情况,一个是我们所谓的锚点,但是路由里的锚点不叫锚点,我们称之为hash,它主要利用监听hash 值的变化来原创 2020-09-21 21:48:10 · 190 阅读 · 0 评论 -
小程序支付功能实现流程
一、微信支付微信支付包括以下六种场景1、线下支付2、公众号支付3、小程序支付4、pc网站支付5、手机app支付6、企业内部使用微信资金流动不同场景下的支付措施在苹果手机端的音频视频不能再iOS端上使用,会收到微信的限制。建议用公众号和H5的方式实现,因为他是非小程序的方式打开的,用网页的形式打开的,也就没有限制存在!二、微信小程序的支付场景我先把小程序微信支付的图搬过来:然后在叙述支付的过程:首先小程序通过调用登录接口获取code,传递给商户服务器用来获取用户的o原创 2020-09-20 22:03:49 · 711 阅读 · 0 评论 -
百度云视频的使用
一、实现思路1、先找到后端的视频接口2、清楚接口的请求方式,以及参数的设置二者缺一不可!这里要注意用params传递参数,如下所示:export function goodsss(id,params){ return request({ url:`categories/${id}/attributes`, method:"GET", params }) }3、请求成功,后台返回数据//"video_id"原创 2020-09-18 21:22:36 · 1183 阅读 · 0 评论 -
Promise 和async/awiat的关联
一、params首先params是用来解决异步的队列化操作然后,promise参数是个函数,函数的参数有2个,resolve 返回成功的信息,reject返回失败的信息 new Promise((resolve,reject)=>{ // 开始请求数据 // 当数据回来之后调用 resolve(res) // 当请求失败之后调用 reject(err) })例如使用promise请求数据var原创 2020-09-17 00:28:45 · 193 阅读 · 0 评论 -
vue项目需要的优化
从三个方面第一个方面:代码层面的优化• v-if 和 v-show 区分使用场景• computed 和 watch 区分使用场景• v-for 遍历必须为 item 添加 key,且避免同时使用 v-if• 长列表性能优化• 事件的销毁• 图片资源懒加载• 路由懒加载• 第三方插件的按需引入• 优化无限列表性能• 服务端渲染 SSR or 预渲染第二个方面:Webpack 层面的优化• Webpack 对图片进行压缩• 减少 ES6 转为 ES5 的冗余代码• 提取公共代码原创 2020-09-15 23:59:22 · 549 阅读 · 0 评论 -
vue中echarts,VueQuillEditor的下载和使用
一、echarts1、安装:npm install echarts -S2、引入: import echarts from 'echarts'; Vue.prototype.$echarts = echarts3、简单的案例(结合axios的使用)折线图html<template> <div class="sj"> <el-card> <!-- 2.为Echarts准备一个Dom --> <div原创 2020-09-14 20:52:28 · 684 阅读 · 0 评论 -
闭包,原型链及继承
面试回答技巧如何回答的一个技术的技巧,或者你的理解?比如:说一下对闭包的理解?答:从1…是什么?2.应用场景3.优缺点4.具体实现5.还有没有更好的解决方案!这五点来讲今天的内容都是从这几个方面来讲解。一、闭包1、闭包是什么?函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起构成闭包(closure)。也就是说,闭包可以让你从内部函数访问外部函数作用域。在 JavaScript 中,每当函数被创建,就会在函数生成时生成闭包。总结来说:闭包就是函原创 2020-09-02 23:32:50 · 256 阅读 · 0 评论 -
有关面试的一些问题
面试官喜欢问的问题以下会列出一些我们面试官的问题,请提前做好准备。需要注意的是,校招和社招的是不一样的,校招会更加关注基础知识,而社招会更加关注之前做过的项目情况。项目相关面试其实说白了就是根据一个人之前的经历,来判断出后续这人会做得怎样,如果你之前从没做成过一件事情,凭什么让别人相信你之后能做成呢?因此无论哪里的面试都会问你之前做过的项目项目可以是多人协助开发一个产品,也可以是自己个人做过的业余应用,只需介绍 1、2 个就够了,需要注意的是 1 + 1 != 2,做了两个平庸的项目不如做了一个好原创 2020-08-28 20:42:23 · 182 阅读 · 0 评论 -
关于js的一些小细节和要点
一、基本数据类型首先基本数据类型是不可变的!然后,就是六种基本数据类型的细节,六种基本类型String,Number,Boolean,Null,undefined,Symble。1、number number中需要注意的是NaN与undefined NaN:not a number Infinity:无限大 两者都是Number类型 NaN与undefind的区别: null 与undefined几乎等价;在if语句中,undefined和null都会被自动转换为原创 2020-08-27 23:09:23 · 126 阅读 · 0 评论 -
隔代通讯的补充及拖拽、递归组件的实现
一、隔代通讯***provide:提供服务1.通过对象提供export default {name: “app”,provide:{ money:1000000 },data() {return {}}2.通过函数提供export default {name: “app”,provide(){return {app:this}},data() {return {}}***inject:消费服务export default {name: “bcom”,inject原创 2020-08-26 23:04:57 · 192 阅读 · 0 评论 -
vue中路由守卫的使用
路由守卫路由钩子函数有三种: 1:全局钩子: beforeEach、 afterEach 2:单个路由里面的钩子: beforeEnter、 beforeLeave 3:组件路由:beforeRouteEnter、 beforeRouteUpdate、 beforeRouteLeave主要是因为:今天用我到了路由拦截,用的是组件内的路由守卫,于是就上网找了找其他的,记录一下!做一个笔记!标题一、 全局守卫无论访问哪一个路径,都会触发全局的钩子函数,位置是调用router的方法route原创 2020-08-24 23:26:49 · 1079 阅读 · 0 评论 -
Vuex的辅助函数
1.Vuex的辅助函数辅助函数:mapState、mapGetters、mapActions、mapMutations2.mapState 辅助函数官方的解释是:当一个组件需要获取多个状态时候,将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题,我们可以使用 mapState 辅助函数帮助我们生成计算属性,让你少按几次键当初在看到这个解释的时候可能觉得非常空洞,难以理解。生成计算属性是什么?少按几次键???mapState是state的语法糖,什么是语法糖?我对语法糖的理解就是,我明明原创 2020-08-21 23:18:21 · 2456 阅读 · 1 评论 -
axios数据请求封装及过滤器与moment日期库的结合使用
一、axios数据请求封装1、api.js2、evn.js3、request.js二、过滤器与moment日期库的使用1.全局过滤器定义:Vue.filter(‘过滤器名称’,function(a,b,c) { //.... return ...})使用:{{ num | 过滤器名称(v1,v2) }}2.局部过滤器3.总结:过滤器使用场景:用于将后台数据处理成用户最终显示的数据格式例如:性别,支付状态,物流状态,时间戳。。。。。。时刻moment官网:htt原创 2020-08-19 22:55:24 · 409 阅读 · 0 评论 -
vue项目的手动创建与sass用法
一、手动创建vue项目的流程1、第一步确保自己的node为最新版本,其次是@vue/cli 脚手架要保证在4.3.1, vue版本在^2.6.11,这个版本。 注:这里需要注意要将vue版本和vue脚手架版本区分开!2、第二步就是下载了下载vue脚手架的命令:npm install -g @vue/cli检查vue脚手架的命令: vue -V创建vue项目的命令: vue create myvue (项目名)vue的版本可在项目内的package.json里进行查看。3、原创 2020-08-18 20:53:44 · 665 阅读 · 0 评论 -
用vuex的方法实现购物车业务
一、 购物车的实现原理:注意:在写购物车之前,我们需要知道vuex里的方法如何使用,若是不太清除方法的使用,可以看我之前的文章,其中有一章是介绍vuex的方法的使用和调用的!1,首先,我们需要一个json数据,自己写或者找一个就可以。2. 然后把数据渲染到页面,即为商品列表,在每一个商品后面加上一个加号,代表着点击添加商品就将该商品添加到购物车。3. 其次,就是购物车内的操作,在此之前需要把数据存储到本地,好在购物车页面渲染点击获取的数据。4. 最后,就是对数据进行全选,单选,加加减减及总价的操作原创 2020-07-13 20:47:36 · 872 阅读 · 0 评论 -
vue中filters(过滤器)的使用方法
首先要知道:过滤器分为全局过滤器和局部过滤器一、过滤器的概念概念:Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。注:过滤器实质不改变原始数据,只是对数据进行加工处理后返回过滤后的数据再进行调用处理。二,过滤器的具体使用1,在组件中的使用方法:<template><div> <p>总价:{{zong|farls}}</p> <p>总件数:{{dan}}</p> </di原创 2020-07-13 20:05:08 · 1684 阅读 · 0 评论 -
Vuex的使用方法及调用(详解)
vuex的使用及方法的调用(详解)1.首先要知道vue中store的index.js的方法:(1)state :用来存储数据 (2)mutations:用来调用state中的数据 ( 3 )actions:异步的步操作操作mutations中传递过来的数据(4)modules:在state中数据过多时使用,类似于父组件和子组件之间的关系,只不过是需要在 index.js中用import引入调用的定义js文件罢了(如:cart.js)2.实例的演示//index.jsimport原创 2020-07-07 22:37:30 · 7772 阅读 · 0 评论 -
Vue中axios及router封装
axios封装1.创建network2.config.js的代码:export const GET='get';export const POST='post';export const path={ list:"/small4/shop/goods/list"}3.core.jsimport { GET, POST } from "./config"import axios from "axios";const instance = axios.create({ ba原创 2020-06-29 08:20:37 · 712 阅读 · 0 评论