
前端
独宠子沫
这个作者很懒,什么都没留下…
展开
-
微信JSAPI支付
1.概念JSAPI支付是用户在微信中打开商户的H5页面,商户在H5页面通过调用微信支付提供的JSAPI接口调起微信支付模块完成支付。2.基本设置2.1 支付授权目录请确保实际支付时的请求目录与后台配置的目录一致,否则将无法成功唤起微信支付。在微信商户平台(pay.weixin.qq.com)设置您的JSAPI支付支付目录,设置路径:商户平台–>产品中心–>开发配置。JSAPI...原创 2020-03-21 08:55:42 · 3032 阅读 · 2 评论 -
网页加载优化
通过优化代码提高网页加载速度的方法1.优化图片由于图片在Web页面的可下载字节空间中占大多数,所以如果能够成功的对图片进行优化,那么Web页面的下载时间也会大大的减少。确保图片正确优化的最佳方法之一是采用正确的大小和格式(JPEG、GIF或PNG)。目标是在不牺牲质量的情况下尽可能减少文件的大小。2.内容分发网络(CDN)内容分发网络的价值在于它可以获取网站的静态文件,如CSS文件、图片和...原创 2019-08-01 22:59:18 · 1023 阅读 · 0 评论 -
vuex状态管理
1.什么是vuex是一个专门为vue.js设计的集中式状态管理架构。可以理解为在data中的属性需要共享给其他vue组件使用的属性。2.vuex安装在建好的脚手架项目中通过命令来下载vuex插件。使用命令npm n install vuex --save需要注意的是要加上 –save,因为这个包需要在生产环境中使用。3.vuex使用首先创建一个js文件,在该js文件中引入vue...原创 2019-08-05 09:07:57 · 790 阅读 · 0 评论 -
vue全局API
一、什么是全局API?## 标题全局API并不在构造器里,而是先声明全局变量或者直接在Vue上定义一些新功能,Vue内置了一些全局API,在构造器外部用Vue提供给我们的API函数来定义新的功能。二、Vue.directive自定义指令 Vue.directive('wzq',{ bind:function(el,binding,vnode){//被绑定 ...原创 2019-07-23 08:12:02 · 7038 阅读 · 0 评论 -
Vue—cli脚手架结构解析
1.项目整体结构分析PS:由于版本不断更新以及你选择安装的不同会导致结构不同,这里以3.9.2版本的脚手架为例。如何查看自己脚手架版本安装好脚手架后进行项目初始化,然后在项目目录文件下通过vue -V命令查看自己的脚手架版本。|-- build // 项目构建(webpack)相关代码| |-- build.js ...原创 2019-07-26 17:05:48 · 1429 阅读 · 0 评论 -
vue-router(二)
接vue-router(一)7.单页面多路由操作首先在app.vue中将多个页面通过css样式定义他们之间的页面结构。然后通过路由配置实现单页面多路由配置。(路由中模板属性一定是components,否则报错)得到的结果。8.url传参首先在页面跳转的时候将需要传的值进行配置。(实际开发中这通常是变量)然后进行路由配置,在将要跳转到的页面通过冒号将参数接收。在页面中输出接...原创 2019-07-30 09:22:03 · 1042 阅读 · 0 评论 -
Vue指令大全
1.v-if、v-else与v-show1.1 v-if与v-elsev-if用来判断是否加载html的DOM。在data里面定义一个值,当这个值为真时,显示内容,否则不显示代码<template> <div class="Two"> <div v-if="isLogin">hello world</div> ...原创 2019-07-19 20:01:48 · 1624 阅读 · 0 评论 -
Vue-router (一)
1.Vue-router开发的原因:由于Vue在开发过程中对路由支持的不足,后来官方补充了vue-router插件,他在Vue项目中起着至关重要的作用。项目开发中只要需要出现一个页面,就会进行对于的路由操作。(路由是指项目中的路径管理器)2.vue-router安装由于vue-router是一个npm插件包。所以安装需要通过npm包管理器来进行插件的安装。首先在项目目录打开命令行工具,通过...原创 2019-07-29 10:07:12 · 891 阅读 · 0 评论 -
vue学习笔记(四)
1.class与style绑定的作用操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。1.1 绑定css一个...原创 2019-07-17 08:49:25 · 835 阅读 · 0 评论 -
vue组件component的使用
一、全局注册组件全局注册就是在构造器的外部用Vue.component来注册。1.如何定义一个组件 <div id="app"> <wzq></wzq> </div> <script> Vue.component('wzq',{ template:`<h1...原创 2019-07-24 08:46:53 · 6821 阅读 · 0 评论 -
vue学习笔记(三)
1.计算属性在业务逻辑中遇到复杂的计算的时候使用计算属性结果显示如下2.计算属性与方法的区别可以使用methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而 methods 在重新渲染的时候,函数总会重新调用执行。computed效果会更好一下,如果场景中不想存在缓存的话,选择methods.3...原创 2019-07-12 09:03:46 · 1035 阅读 · 0 评论 -
vue学习笔记(二)
接上篇1.vue模板语法Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。(...原创 2019-07-11 08:56:15 · 4301 阅读 · 1 评论 -
vue学习笔记(一)
1.vue介绍Vue.js是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。2.vue安装安装vue步骤:1)安装node.js同时也安装了npm通过命令窗口确认no...原创 2019-07-03 18:23:06 · 1235 阅读 · 0 评论