开发猫

解决方法：在项目根目录或 src 文件夹下创建一个后缀为 .d.ts 的文件，并写入以下内容：declare module '*.vue' { import { App, defineComponent } from 'vue' const component: ReturnType<typeof defineComponent> & { install(app: App): void } export default component}注:vu..

首先使用以下命令生成一个证书密钥对 key.pem 和 cert.pem，它将有效期约10年（准确地说是3650天）openssl req -newkey rsa:2048 -new -nodes -x509 -days 3650 -keyout key.pem -out cert.pem按步骤输入对应的信息目录会多出两个文件 cert.pem key.pem然后便可以起服务了 下面两个命令都可以，后者会自动打开默认浏览器运行页面http-server -S...

You need to install theVue CLI Servicebefore you can run the binary. Try installing at the project-level as opposed to globally instead.在运行二进制文件之前，您需要安装 Vue CLI 服务。尝试在项目级安装，而不是全局安装。The 404 is a "feature" ofnpxwhereby it attempts to download (then...

commonJS特点：1、模块可以多次加载，但是只会在第一次加载时运行一次，然后运行结果就被缓存了，以后再加载，就直接读取缓存结果。要想让模块再次运行，必须清除缓存。2、模块加载会阻塞接下来代码的执行，需要等到模块加载完成才能继续执行——同步加载。环境：服务器环境 应用：nodejs的模块规范是参照commonJS实现的。 语法：1、导入：require('路径')2、导出：module.exports和exports注意：module.exports和exports的的区别是expor

rollup使用过程中遇到的各种问题https://www.dazhuanlan.com/2019/10/22/5dae8543f0ec1/rollup开发依赖包(npm library)，解决引入外部依赖失败的有效方法import nodePolyfills from 'rollup-plugin-node-polyfills'; plugins: [ vue(), nodePolyfills(),](!) Missing global variable nam

本文简单分析前端异常监控的几种方式一、自研代码监控sdk下面讲述三种可以捕捉到的前端错误资源加载错误，通过 addEventListener('error', callback, true) 在捕获阶段捕捉资源加载失败错误。 js 执行错误，通过 window.onerror 捕捉 js 错误。 promise 错误，通过 addEventListener('unhandledrejection', callback)捕捉 promise 错误，但是没有发生错误的行数，列数等信息，只能手动抛

一、axios是什么axios是一个轻量的HTTP客户端基于XMLHttpRequest服务来执行HTTP请求，支持丰富的配置，支持Promise，支持浏览器端和Node.js端。自Vue2.0起，尤大宣布取消对vue-resource的官方推荐，转而推荐axios。现在axios已经成为大部分Vue开发者的首选特性 从浏览器中创建XMLHttpRequests 从node.js创建http请求 支持PromiseAPI...

转载自 Morrainvivo互联网技术【前端科普系列】帮助阅读者了解web前端，主要覆盖web前端的基础知识，但不深入讲解，定位为大而全并非细而精，适合非前端开发的同学对前端有一个系统的认识，能更好的与前端开发协作。尽可能的写成科普类文章，对于前端开发而言，只适合刚入门的新手。本文为第五章，主要讲前端工程化中的很重要工具 ESLint，主要介绍 ESLint 的历史、用法以及如何基于ESLint 打造保护代码仓库优雅的护城河。一、前言战国时期强大...

一、介绍Promise，译为承诺，是异步编程的一种解决方案，比传统的解决方案（回调函数）更加合理和更加强大在以往我们如果处理多层异步操作，我们往往会像下面那样编写我们的代码doSomething(function(result){doSomethingElse(result,function(newResult){doThirdThing(newResult,function(finalResult){console.log('得到最终结...

dockerk8s构建平台构建应用失败原因vue.config.js 生产环境不配置打包优化插件(docker兼容性较差) npmrc 配置合适的镜像地址 Dockerfile 配置保持稳定 nginx.conf配置保持稳定 .env配置保持稳定有效 git忽略大小写 本地改文件夹及文件名称须设置 eslint格式化配置,代码校验不通过会导致构建失败git config core.ignorecase false如下失败日志ERROR Failed to compile wi.

数组去重一、利用ES6 Set去重（ES6中最常用）function unique (arr) { return Array.from(new Set(arr))}var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];console.log(unique(arr)) //[1, "tru

12.7明细行js操作 // 反序删除 for (let i = this.selectKey.length - 1; i >= 0; i--) { this.tableDataDetail.splice(this.selectKey[i] - 1, 1) } //比对删除 this.selectRow.map(item => { this.tableD

前端使用 import { exportMethod } from '@/utils/helper/exportExcel' methods: { downLoadFileTemplate(){ const myObj = { method: 'get', url: process.env.VUE_APP_API_BASE_URL + '/authoritycenter/api/permission/downloadPermissionI

1. anonymous [ə'nɒnɪməs]adj. 匿名的2. watch [wɒtʃ]vt. 监视, 观察3. call [kɔːl]vi. 调用4. stack [stæk]n. 栈5. breakpoint ['brek,pɔɪnt]n. 断点6. pause [pɔːz]vi. 暂停7. scope [skəʊp]n. 作用域, 范围8. global ['gləʊb(ə)l]adj. 全局的, 全球的9. lo...

JS 根据数组对象属性值分类，把一个数组拆分为多个数组在工作中有时前台展示需求的不同要把后台的数组对象进行再分类。举个栗子：this.BaseLineAndLessonLearnByGroupList= [ { name: 'BaseLine', value: 1, DeptName: 'Logisti', }, { name: 'LessonLearn',..

美团技术团队在美团有一句老话，叫做“苦练基本功”。美团创始人王兴解读的基本功是业务和管理的基本动作。只要能把基本功扎实练好，就能产生巨大价值。然而滴水石穿非一日之功，练好基本功是一个长期的事情。苦练基本功，我们要调整好心态面对长期的挑战，同时在重复工作中得到自我提升，将简单的事情做到更好，将我们的能力提高一大截。那么对于技术团队来说，专业基本功是什么？又该如何练习呢？一起听听美团技术大咖是如何理解技术基本功的吧......技术基本功存在于每一行代码中“好”...

以下文章来源于大转转FE，作者大转转FE大转转FE作者 | 周浪背景先来说说重复发送ajax请求带来的问题 场景一：用户快速点击按钮，多次相同的请求打到服务器，给服务器造成压力。如果碰到提交表单操作，而且恰好后端没有做兼容处理，那么可能会造成数据库中插入两条及以上的相同数据 场景二：用户频繁切换下拉筛选条件，第一次筛选数据量较多，花费的时间较长，第二次筛选数据量较少，请求后发先至，内容先显示在界面上。但是等到第一次的数据回来之后，就会覆盖掉第二次的显示的数据。筛选...

How to make your Electron app faster ????⚡如何使你的Electron应用更快So you just made a nice & shiny new app with Electron. It works as expected, has a beautiful UI,eats a lot of RAMandis slow, right?所以你刚刚用 Electron 开发了一个漂亮的新应用。它工作正常，有一个漂亮的用户界面，...

解决方案：下载npm-check-updates yarn upgrade-interactive --latest yarn upgrade package@version推荐使用第二种不需要安装过多的依赖就可以达到目的第一种// 先下载yarn global add npm-check-updates// 更新包（yarn.lock和package.json同步更新）ncu --upgrade --upgradeAll && yarn upgrade...

1.打开对应的文件目录，shift+鼠标右键2.windows+x 选择powershell

Vue 图片加载异常处理 <img :src="imgUrl" @error="errorImg" />errorImg(event) { let img = event.srcElement img.src = require('@/assets/img/noImg.png') img.onerror = null //防止一直跳动}全局注册函数暂时排除使用Vue.use注册函数的方式（多写一些繁琐的代码）公共函数jsfunct..

@scroll实现首先有滚动条的div一定要设固定高度，然后overflow:auto;出现滚动条passive是使滚动更加流畅，减少卡顿, <!-- 搜索联想弹框 --><div class="SearchAssociationBox" @scroll.passive="getScroll($event)"></div> getScroll(event) { // 滚动条距离底部的距离scrollBottom ...

监听回车键，组件销毁即清空事件 created() { document.onkeydown = e => { if (e.keyCode == 13) { this.submit() } } }, beforeDestroy() { document.onkeydown = '' },

目录1. 默认全部展开2.替换node名称3.获取选中node的所有参数和key参数4.node参数进行数据转换避坑5.针对tree进行增删改查操作6.默认keys传参等等

功能：点击导出按钮，提交请求，下载excel文件；第一步：跟后端童鞋确认交付的接口的response header设置了以及返回了文件流。第二步：修改axios请求的responseType为blob，以post请求为例： this.$post({ method: 'post', url: 'api/user/', data: { firstName: 'Fred', lastName:

默认浏览器滚动条样式//默认滚动条样式::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性 background-color: #f8f8f8;}::-webkit-scrollbar { //滚动条的宽度 width: 9px; height: 9px;}::-webkit-scrollbar-thumb { //滚动条的设置 border-radius: 5px; background-colo.

本文将介绍一些常用的数组处理函数和语法，如reduce()、filter()、map()、every()、some()、展开运算符。这些知识和React与Redux本身没有直接关系，但是本章的示例中包含了这些函数和语法的用法，我们正好可以在程序中学习它们。另外值得一提的是，reduce()、filter()、map()等函数的思想来自函数式编程，感谢JavaScript是一门函数式编程语言，让原本复杂的逻辑处理变得如此简单。reduce()概述reduce()方法接收一个函数作为累加.

<template> <div class="clearfix"> <a-upload :action="actionUrl" list-type="picture-card" :file-list="fileList" @preview="handlePreview" @change="handleChange" :before-upload="beforeUpload" :re.

以下是最终的vue版本,光滑流畅,体验感非常好,99%还原京东放大镜甚至更好1.vue版本<template> <div id="magnifier"> <div class="small-box" @mouseover="smallBoxOver" @mousemove="smallBoxMove($event)" @mouseleave="smallLeave" > <.

资源 Context参考 HOC参考 Hooks参考 组件跨层级通信 - Context 范例：模拟redux存放全局状态，在组件间共享 import React from 'react'// 创建上下文const Context = React.createContext()// 获取Provider和Consumerconst Provider = Context.Providerconst Consumer = Context.Consumer// ...

问题：正常情况下 通过router传参，传递对象或者数组时，F5刷新页面，参数会变成[object object]的格式，导致数据失效解决方法1.在路由跳转前，参数使用JSON.stringify 转化成字符串对象 const param = JSON.stringify(e) this.$router.push({ path: '/PlanInDetail', query: { detail: param } })2.路由跳转到对应页，获取路由参数时，使...

新版本的vue-devtools打包失败，暂时没有解决方式，可以使用老版本的插件链接: https://pan.baidu.com/s/1UW0piT4K5t_xjA4BHhVLvg 提取码: jt8t

Hook API 索引Hook是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本页面主要描述 React 中内置的 Hook API。如果你刚开始接触 Hook，那么可能需要先查阅Hook 概览。你也可以在Hooks FAQ章节中获取有用的信息。 基础 Hook useState useEffect useContext 额外的 Hook useReducer useCall...

module.exports = { root: true, env: { node: true, }, extends: ['plugin:vue/strongly-recommended'], rules: { 'no-console': 'off', 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', 'generator-star-spacing': '.

借鉴ant react的做法在upload 组件外包加一个key 赋随机值，即可清除缓存 <a-form-model-item label="Image"> <div :key="Math.random()"> <imgUpload @uploadFileList="uploadFileList" model="moudleImg" ...

在eslintrc.js中rules添加'prefer-const ':'false'

由于反斜杠是特殊字符百，所以是不能直接放到字符串中的，会被js转义使用split('\\')即可

1、<vue-link>标签实现新窗口打开官方文档中说 v-link 指令被 <router-link> 组件指令替代，且 <router-link> 不支持 target="_blank" 属性，如果需要打开一个新窗口必须要用<a>标签，但事实上vue2版本的 <router-link> 是支持 target="_blank" 属性的(tag="a")，如下：<router-link target="_blank" :to=...

本文大致围绕下面几点展开讨论： JS 处理异常的方式 上报方式 异常监控上报常见问题 JS 异常处理对于 Javascript 而言，我们面对的仅仅只是异常，异常的出现不会直接导致 JS 引擎崩溃，最多只会使当前执行的任务终止。 当前代码块将作为一个任务压入任务队列中，JS 线程会不断地从任务队列中提取任务执行。 当任务执行过程中出现异常，且异常没有捕获处理，则会一直沿着调用栈一层层向外抛出，最终终止当前任务的执行。 JS 线程会继续从任务队列中提

{ "workbench.editor.enablePreview": false, //打开文件不覆盖 "editor.minimap.enabled": false, //关闭快速预览 "files.autoSave": "afterDelay", //打开自动保存 //autoFixedOnSave 设置已废弃，采用如下新的设置 "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslin.

<div class="rno-lattice-cell disabled" v-for="(item, index) in 8" :key="index" > <div class="rno-1-logo-case"> <a> <img class="J-homeCustomerImg" :src="getImgUrl(companyLogoList[index], 'jpg')" ..

vue项目中图片加载不出来，像下面这样，图片地址是有的。解决方案:1.在html5或jsp的header加入meta.找到index.html文件。在head中添加如下代码。<meta name="referrer" content="never">在刷新页面，就可以加载出来啦。2.在引用图片路径前加requireimg:require('../../assets/img/up_to_top.png')...

这篇文章不是单纯把文档的话和api拿来翻译和演示，而是谈谈我对于slot-scope的使用场景的个人理解，如果理解错误，欢迎讨论！Vue的插槽slot，分为3种匿名插槽 具名插槽 作用域插槽前两种很好理解，无论就是子组件里定义一个slot占位符，父组件调用时，在slot对应的位置填充模板就好了。作用域插槽的慨念，文档却只有一句简单的描述有的时候你希望提供的组件带有一个可从子组件获取数据的可复用的插槽。网络上大多数文章，也是千篇一律的翻译这句话，可是仅凭这一句话，我想象不...

<div class="tab0" id="selector"> </div>1.以下是js原生的scroll 滚动方式 //锚点跳转 goAnchor(selector, index) { document.getElementById(selector).scrollIntoView(true) } //锚点跳转 goAnchor(selector, index) { document...

方法：因为引入的是本地资源，要把资源写在“require”方法里 sources: [ { //类型 type: 'video/mp4', src: // 'https://vdept.bdstatic.com/456b54495743493962554345724...

JavaScript DateTime标准时间GMT即「格林威治标准时间」(Greenwich Mean Time，简称G.M.T.)，指位于英国伦敦郊区的皇家格林威治天文台的标准时间，因为本初子午线被定义为通过那里的经线。然而由于地球的不规则自转，导致GMT时间有误差，因此目前已不被当作标准时间使用。UTC是最主要的世界时间标准，是经过平均太阳时(以格林威治时间GMT为准)、...

1.Date 对象Date 对象用于处理日期和时间。创建 Date 对象的语法：var myDate=new Date()注释：Date 对象会自动把当前日期和时间保存为其初始值。Date 对象属性属性 描述 constructor 返回对创建此对象的 Date 函数的引用。 prototype 使您有能力向对象添加属性和方法。 Dat...

译者按：看完这篇文章，我打算从 Sublime Text 转到 Visual Studio Code 了！原文:Immensely upgrade your development environment with these Visual Studio Code extensions本文采用意译，版权归原作者所有我们的 VSC(VSCode)将会像一个长了五只可以...

git rebase能够将分叉的分支重新合并，之前写过一篇文章介绍它的原理，下面主要介绍它的两个使用场景：场景一：本地与远端同一分支提交历史不一致方式一多个人在同一个分支上协作时，出现冲突是很正常的，比如现在有一个项目由我和A一同开发。我在修复了一个bug以后准备提交HowiedeiMac:ganlin howie$ git add models/paper.go...

1.打开插件商店，搜素Vetur和Prettier安装2.通过命名面板或者设置选项找到setting.json文件3. 在setting.json中新增以下配置保存即可 "vetur.format.defaultFormatterOptions": { "prettier": { // 格式化不加分号 "semi": f...

当我在页面中发送axios请求的时候，报Uncaught (in promise) TypeError: Cannot read property 'cancelToken' of undefined，请问是什么原因呢？解决方案/src/apis/index.js在axios拦截器中axios.interceptors.request.use((config) => {...

前言从刚接触前端开发起，跨域这个词就一直以很高的频率在身边重复出现，一直到现在，已经调试过N个跨域相关的问题了，16年时也整理过一篇相关文章，但是感觉还是差了点什么，于是现在重新梳理了一下。个人见识有限，如有差错，请多多见谅，欢迎提出issue，另外看到这个标题，请勿喷~题纲关于跨域，有N种类型，本文只专注于ajax请求跨域(,ajax跨域只是属于浏览器”同源策略”中的一部分,其它...

{ "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.format.enable": true, //autoFix默认开启，只需输入字符串数组即可 "eslint.validate": [ "javascript", "vue", "html" ],...

转载自尤雨溪假设我们有一个数组，每个元素是一个人。你面前站了一排人。foreach 就是你按顺序一个一个跟他们做点什么，具体做什么，随便:people.forEach(function (dude) { dude.pickUpSoap();});map 就是你手里拿一个盒子（一个新的数组），一个一个叫他们把钱包扔进去。结束的时候你获得了一个新的数组，里面是大家的钱包...

<button @click = “clickfun($event)”>点击</button>methods: {clickfun(e) {// e.target 是你当前点击的元素// e.currentTarget 是你绑定事件的元素#获得点击元素的前一个元素e.currentTarget.previousElementSibling....

作者：东起链接：https://zhuanlan.zhihu.com/p/1037631640.前言原文有 36 道 vue 常用面试题，考虑到太多一次也看不完，所以分为上、中、下三篇，如果你能读完这三篇文章，相信你在面试中 vue 的问题你不会怕了。1.页面中定义一个定时器，在哪个阶段清除？答案：在 beforeDestroy 中销毁定时器。① 为什么销毁它：...

作者：东起链接：https://zhuanlan.zhihu.com/p/103763164 11、怎么在vue中点击别的区域输入框不会失去焦点？答：阻止事件的默认行为具体操作：监听你想点击后不会丢失 input 焦点的那个元素的 mousedown 事件，回调里面调用 event.preventDefault()，会阻止使当前焦点丢失这一默认行为。12、vu...

理解 async/awaitES7 提出的async函数，终于让 JavaScript 对于异步操作有了终极解决方案。No more callback hell。async函数是Generator函数的语法糖。使用 关键字async来表示，在函数内部使用await来表示异步。想较于 Generator，Async函数的改进在于下面四点：内置执行器。Generator 函数...

js 数组方法的作用,各方法是否改变原有的数组不会改变原来数组的有：concat()---连接两个或更多的数组，并返回结果。every()---检测数组元素的每个元素是否都符合条件。some()---检测数组元素中是否有元素符合指定条件。filter()---检测数组元素，并返回符合条件所有元素的数组。indexOf()---搜索数组中的元素，并返回它所在的位...

随着iPhone、iPad、Mac等苹果产品越来越火爆，越来越多的初学者想要了解和尝试苹果平台，包括苹果操作系统Mac OS X、苹果演示软件Keynote、苹果开发工具Xcode等。然而，苹果电脑价格昂贵，并不是每个人都可以承受。因此，在Windows下安装虚拟机软件VMWare，再在虚拟机里安装苹果操作系统Mac OS X，就成了一种成本低廉的选择，使初学者可以不必支付巨额开销购置苹果电脑...

<template> <view> <header-nav></header-nav> <view class="content"><view class="personCard"></view></view> </view></te...

watch: { // 监听路由变化 $route(to,from){ console.log(to.hash); if(to.hash){ let num=to.hash.split(''); console.log(num) ...

postcss-pxtorem是PostCSS的插件，用于将像素单元生成rem单位。前端开发还原设计稿的重要性毋庸置疑，目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值，为了能够直接按照设计图的尺寸开发，并且能自动编译转换成rem，下面就来分享下postcss-pxtorem的使用。1.安装依赖npm install postcss-pxtorem -...

1. React入门## 1.1. React基本认识## 1.2. React基本使用## 1.3. JSX的理解和使用## 1.4. 模块与模块化, 组件与组件化的理解2. React组件化编程## 2.1. 组件的定义与使用## 2.2. 组件的3大属性: state, props, refs## 2.3. 组件中的事件处理## 2.4. 组件的组合使用## 2...

不推荐使用jdk1.8以下的Base64加解密,虽然jdk加解密的效率比其他两种都要高，下面是相关的测试结果****************************************************************************************base64jar：jdk----------------------------------...

2019年6月8日来自全球各地的开发者齐聚上海交通大学文治堂，一起见证了VueConf 2019上海的成功举办。在大会上，Vue.js作者尤雨溪给大家带来了主题为“Stateof Vue”的主题演讲。我们一起来看看现场情况：这是会场门外会场座位全景演讲台小右演讲为了要签名，大家也是蛮拼的，小右辛苦了！...

平时开发中经常需要去除字符串指定子字符，下面是两种可靠的方法<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script&...

这篇文章主要给大家介绍了关于vue中路由参数传递遇到的坑的相关记录前言vue中路由跳转传参数有多种,自己常用的是下面的几种通过router-link进行跳转 通过编程导航进行路由跳转本文主要给大家介绍了关于vue路由参数传递遇到的一些坑，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。首先我的路由的定义{path: '/b',nam...

前言之前用vuecli做了个博客，是一个单页面项目，大概有十个路由直接npm run build打包出来，有一个1M的巨大js文件先挂载到服务器上试试好家伙 这加载时间 仿佛过了半个世纪首屏页面整整加载了9s光加载那个大文件就花了8s这必须得做个优化了，没有用户能忍受9s的白屏而不关闭页面的过程中，我还顺便把项目从vuecli2.x迁移到了...

基本功考察 关于Html 1. html语义化标签的理解; 结构化的理解; 能否写出简洁的html结构; SEO优化 2. h5中新增的属性; 如自定义属性data, 类名className等, 新增表单元素, 拖拽Drag 3. h5中新增的API, 修改的API, 废弃的API 稍作了解 (离线存储, audio, video) 复制代码 关于CSS...

前言Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面的优化，使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来，希...

调用微信小程序api实现 <view class="copyBtn" @click="copyBtn">复制</view> copyBtn() { wx.setClipboardData({ data: 'www.petout.cn', success: function(res) { wx.getClipboardData({...

1.支付宝my.getPhoneNumber版本要求：支付宝客户端10.1.35 或更高版本，若版本较低，建议做兼容处理。获取支付宝用户绑定的手机号。因为需要用户主动触发才能发起获取手机号，所以该功能不由 API 直接调用，需用<button>组件的点击来触发。注意：目前该功能需要在开发者后台完成敏感信息申请才可以使用此功能，入口为开发管理 > 功能列表...

前言：1.除了支付宝外的小程序 radio都可以重复点击，确认取消2.之前多选按钮是自己的手撸控件，为了还原设计效果3.微信端label需要设置 block属性<template> <view class="page"> <view class="container" v-if="isok"> <view class...

React入门 - 概述和演练教程apijavascript库的反应自从我第一次开始学习JavaScript以来，我一直听说过React，但我承认我只看了一眼就吓到了我。我看到看起来像是一堆混有JavaScript和思想的HTML，这不是我们一直试图避免的吗？React有什么大不了的？相反，我专注于学习vanilla JavaScript并在专业环境中使用jQuery。经过几...

组件源码image-upload.vue<template> <view class="imageUploadContainer"> <view class="imageUploadList"> <view class="imageItem" :class="index % 4 == 0 ? 'imageIt...

interface Config{ type:string; url:string; data?:string; dataType:string;}//原生js封装的ajax function ajax(config:Config){ var xhr=new XMLHttpRequest(); xhr.open(config.type,co...

在开始之前先想一想ajax是怎样的流程首先打开一个连接 发送数据 返回结果我们要自定义的设置有哪些设置请求方式 设置请求头 设置返回数据格式 返回成功后或失败后我们要做的功能有哪些数据校验 统一数据的格式 支持文件上传 对于传入参数的容错处理 超时处理 //modify time 2019-01-01经过以上思考基本结构大致成型数据校验 数据格式的统一 ...

目录一、 Typescript 介绍二、 Typescript 安装 编译三、 Typescript 开发工具 Vscode 自动四、 Typescript 开发工具一、 Typescript 介绍1. TypeScript 是由微软开发的一款开源的编程语言。4、 TypeScript 是 Javascript 的超级，遵循最新的 ES6、Es5 规范。TypeScri...

采用 vue的 方式写的 所以和原生稍有不同template<template> <view> <swiper class="banner" :indicator-dots="indicatorDots" :autoplay="autoplay" :circular="true" :interval="interval" :duration=...

APP支付（内置）appPay.js/*** 5+App支付,仅支持支付宝以及微信支付** 支付宝Sdk集成,微信sdk未集成** @param : provider(String) ->被支付方* @param : orderInfo(String) ->订单信息* @param : success,fail(Json) ->回调后的...

前言：博主最近在开发多端小程序 ，还有两个后台系统uniapp可以使用uni.requestPayment()方法唤起各端支付功能但是基于每个平台支付流程和所需要的参数差异性，还是需要按照原生的方式写目录微信小程序支付头条小程序支付支付宝小程序支付百度小程序支付微信小程序支付小程序调起支付数据签名字段列表：字段名 变量名 必填...

原创：阮一峰Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。这意味着，你可以现在就用 ES6 编写程序，而不用担心现有环境是否支持。下面是一个例子。// 转码前input.map(item => item + 1);// 转码后input.map(function (item) { return item + 1...

前言前端开发中，如果页面需要与后台接口交互，并且无刷新页面，那么需要借助一下Ajax的http库来完成与后台数据接口的对接工作。在jQuery很盛行的时候，我们会使用$.ajax()，现在，可选择的就更多，例如：SuperAgent、Axios、Fetch…等等。有了这些http库，我们不在需要关注太多与ajax底层相关的细节的问题。很多时候和场景下，只需要关注如何构建一个requ...

uniapp 在 page.json里配置permission字段失效{ "pages": ["pages/index/index"], "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } }}permission微信客户端 7.0.0 ...

axios承诺基于HTTP客户端的浏览器和node.js特征制作，使XMLHttpRequest从浏览器 制作，使http来自node.js的请求 支持承诺API 拦截请求和响应 转换请求和响应数据 取消请求 JSON数据的自动转换 客户端支持防止XSRF浏览器支持 最新✔ 最新✔ 最新✔ 最...

服务器域名配置每个智能小程序需要事先设置一个通讯域名，小程序可以跟指定的域名与进行网络通信。包括普通 HTTPS 请求（request）、上传文件（uploadFile）、下载文件（downloadFile) 和 WebSocket 通信（connectSocket）。配置流程服务器域名请在 “智能小程序后台->设置->开发设置->服务器域名” 中进行配置，配置...

页面基础信息前言:最近在做多端小程序,bat加头条,百度和头条应该是最多坑的 ,比如百度小程序需要配置页面信息...配置页面基础信息接口，目前仅支持 Web 化使用，推荐使用 setPageInfo 。setMetaDescription/setMetaKeywords/setDocumentTitle 已停止维护。swan.setPageInfo建议在 Page ...

百度编译工具版本2.13.0以上路径解析策略修改, 2.13.8版本在swan、css文件中引用资源不存在时会抛出错误；相对路径的解析是基于当前文件的路径去查找所引用的资源路径；绝对路径都是基于项目目录去查找所引用的资源路径；css文件@import支持相对路径；支持绝对路径url()只支持相对路径；swan文件src属性支持相对路径；...

uniappmpvueuniapp插件首先，为什么要从mpvue转uni-app？因为uni-app对vue语法支持更全面（如支持过滤器）、性能更高、支持平台更多（支持H5和App）。这里有详细的评测https://juejin.im/post/5ca1736af265da30ae314248然后进入正题。uni-app与mpvue，都是使用vue语法开发小程序。从语...

我给大家讲讲我的人生做微商就是讲故事看看谁可以把故事讲的更吸引人人家都叫我破老大其实我不姓破中国也没有这个姓我本人姓刘我是天津人我小时候是在天津的一个农村长大我兄弟两个，有一个哥哥，比喔大一岁我们兄弟俩虽然一母所生，但是性格完全不同我哥哥小时候学习从来没考过倒数第二必须倒数第一不是因为他笨，是特别贪玩我就比较乖，从未考过第二，从小学到初中...

博主最近在做小程序开发,之前支付宝小程序使用的是芝麻人脸识别认证,因为996,暂时先放代码1.芝麻认证submit(e) { if (gData.isclick) return; gData.isclick = true var userName = _self.name var idCard = _self.idCard _self.$api.showLoadi...

小程序一个比较重要的能力就是获取用户信息，也就是使用wx.getUserInfo接口。我们发现几乎所有的小程序都会调用这个接口。虽然我们在设计文档上有提出最好的设计是在真正要用户信息的情况下才去获取用户信息，不过很多开发者并没有按照我们的期望去做，导致用户在使用的时候有很多困扰。归结起来有几点： 开发者在首页直接调用wx.getUserInfo进行授权，弹框有会使得一部分用...

当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载。首先，可以将异步组件定义为返回一个 Promise 的工厂函数 (该函数返回的 Promise 应该 resolve 组件本...

在JavaScript的世界中，所有代码都是单线程执行的。由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现：function callback() { console.log('Done');}console.log('before setTimeout()');setTimeout(callback, 10...

一:何为Promise？为了直观一点，首先我们采用console.dir(Promise)看一下它的结构组成。从上面的图片中我们可以到，Promise其实是一个构造函数，它有resolve，reject，race等静态方法;它的原型（prototype）上有then，catch方法，因此只要作为Promise的实例，都可以共享并调用Promise.prototype上面的方法(t...