刺客-Andy 的博客

vue - vite -node -mock 项目

1、自定义状态中包含a、返回按钮；b、home-icon;c、定位信息；废话不多说直接上代码：本次书写第一次使用uni-app:有错误地方感谢批评指出2、DOM结构<template> <view> <view class="head_nav" :style="{'height':navBarHeight+'px', 'background-color':barBgColor}"> <view class="status-bar" :s

记录一、前端主流性能优化方式有哪些？如：a/页面级优化；b/代码级优化；1、页面级优化；(1)、减少HTTP请求数；a/设计的时候简化页面；b/合理设置HTTP缓存；如：很少变化的资源可以通过HTTP Header中的Expires设置一个长时间的过期头；变化不频繁的而又会变化的资源可以使用Last-Modifed进行请求验证，比如：协商缓存、强制缓存；c/资源进行合并；d/...

横向滑动 slide1 slide2 slide3 slide4 slide5 slide6

一、基本配置## 1、whistle官网点击跳转2、安装 npm install -g whistle //也可以使用tnpm w2 -h //帮助信息3、启动w2 start -p 8899 //不设置端口默认使用8899启动完成后在chorme下打开 127.0.0.1:8899 可以看到相应界面：4、为chorme设置代理推荐使用SwitchyOmega...

1、最简单的就是使用css解决（最重要的是有注释的两行代码，不然打包时候会被清除）display: block; width: 10rem; height: .9rem;; font-size: .32rem; font-weight:500; color:rgba(51,51,51,1); line-height:.45rem; overflow:hidden; text-o...

1、分别引入 qrcodejs2、html2canvas执行以下命令行npm install qrcodejs2npm install html2canvas2、下载canvas2image，切记是下载源码至本地，不是安装2.1、`新建canvas2image.js文件夹var Canvas2Image = function () { // 这里面放canvas2image源码}...

1、根目录下新建vue.config.js文件夹文件中需要设置远程代理；如下：devServer: { overlay:{ // 关闭eslient 规则校验 warning:false, errors:false }, host: '127.0.0.1', // can be overwritten by process.env.HOST ...

1、import Axios from 'axios'import Vue from 'vue'import qs from 'querystring'import sf from 'string-format'import { ResError } from './error/ResError'// import { Message } from 'iview';import { ...

方法一：子组件监听父组件发送的方法方法二：父组件调用子组件方法子组件中：export default { mounted: function () { this.$nextTick(function () { this.$on('childMethod', function () { console.log('监听成功') ...

1、移动网页支付支付宝开放平台中申创建移动网页应用；前端比较省事1、若后台返回的是form表单执行以下代码，每次用完及时销毁；当然不想写承载页的还有其他方法调起支付，具体逻辑具体分析，根据不同的业务类型去变通比如：const div = document.createElement('div');div.innerHTML = (res.data); //res.data是返回...

申请开发者账号之内的就不累赘了，网上一大堆：假设是已经申请完成各平台开发者账号。先来简单的，微博和QQ微博：引入微博JS<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=*******&debug=true" type="text/javascript" charset="utf-8">&lt...

本文链接：https://blog.csdn.net/qq_36710522/article/details/90483194业务场景介绍：H5移动端支持微信支付 [ 微信支付分为微信内支付（JSAPI支付官方API）和微信外支付（H5支付官方API）] && 支付宝支付 [手机网站支付转 APP 支付 官方API ]订单生成逻辑：前端请求后端提交订单，后端去和微信或者支付宝...

使用1、 安装：npm install vue-video-player --save/2、 在main.js入口文件中引入import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')Vue.u...

1、需要在router.js中每个需要登录之后才有查看权限的页面中加入 meta: {requireAuth: true} ；以下内容为router.js中内容；export default [{path: ‘/login’,name: ‘login’,title: ‘登录’,component: () => import(’@/components/login’),},{...

1、首先需要全局引用mui.js; mui下载地址：http://dcloud.io/hellomui/；2、在vue methods中写一个调用方法；downloadIamgeMUI(urls) { let that = this; mui.plusReady(()=> { // 创建下载任务 图片下载地址 var picurl = urls ...

在vue中一次链接webSocket，多次通讯使用；1、首先在app.vue 中建立连接；直接写一个function 调用localSocket() { // webSocket let that = this; if ('WebSocket' in window) { console.log('浏览器支持webSocket'); ...

1、创建一个基于webpack 模板的新项目；$ vue init webpack vue-sass;2、在当前目录下，安装依赖；$ cd vue-sass$ npm install3、安装sass的依赖包；1.npm install sass-loader2.sass-loader 依赖于node-sass;3.npm install node-sass4、在bui...