- 博客(55)
- 收藏
- 关注
RSS订阅原创 vantUI中的van-form使用 vue2版本
使用@submit="onSubmit"提交，然后button按钮native-type="submit"提交，单个form的时候没有问题，但是多个form组件多次点击的时候就。优化使用@click方法点击，然后validate()进行校验***********************************
2024-08-02 10:20:05
406
原创 天地图api总结
天地图案例<template> <div id="map" class="tdmap"> <div class="button_click"> <el-button @click="mark" type="primary" size="mini">添加点位</el-button> <el-button @click="polyg" type="primary" size="mini">绘制区域<
2024-05-28 17:11:23
441
转载 微信公众号：weixin-js-sdk使用总结
记得在config中添加jsApiList:[‘previewImage’]示例预览图片：this.toPromis(wx.方法名，参数)
2023-12-20 10:44:49
817
原创 vue3使用mitt用于组件之间传值
4.使用mitt的emit方法进行传值和on方法进行接收数据。vue3已经没有提供配套的事件总线bus，需要使用第三方库。3.在需要使用的vue文件中导入bus。来完成vue2中bus完成的事情。2.引用 bus.js。
2023-12-07 16:36:34
322
原创 微信小程序（原生）和uniapp预览电子文件doc/pdf/ppt/excel等
微信小程序（原生）和uniapp预览电子文件doc/pdf/ppt/excel等
2023-08-10 15:31:23
2898
原创 vue解决跨域cors问题，针对vuecli4项目 关于浏览器Provisional headers are shown提示 的解决方案
关于浏览器Provisional headers are shown提示 的解决方案
2022-10-04 22:23:09
792
原创 横向数组和纵向数组之间的转换
1.横向数组转为纵向数组var allDataArr=[ ["销售（sales）","4300","5000","6000"], ["管理（Administration）","10000","14000","16000"], ["信息技术（Information Techology）","28000","28000","30000"], ["客服（Customer Support）","35000","31000","38000"], ["研发（Developmen
2021-09-08 14:28:24
1453
原创 vue面试题
v-for 和v-if的优先级v-for 的优先级比v-if 高Vue子组件调用父组件的方法第一种方法：直接在子组件中通过this.$parent.event来调用父组件的方法父组件<template> <div> <child></child> </div></template><scri...
2019-12-04 17:08:08
131
原创 从输入URL到页面加载发生了什么？
具体来说分为以下几个过程：1.DNS解析2.TCP连接3.发送HTTP请求4.服务器处理请求并返回HTTP报文5.浏览器解析渲染页面6.连接结束注释：DNS 的作用就是通过域名查询到具体的 IPTCP 握手，应用层会下发数据给传输层TSL握手，数据在进入服务端之前，可能还会先经过负责负载均衡的服务器，它的作用就是将请求合理的分发到多台服务器上，这时假设服务端会响应一个 HTML...
2019-11-29 16:57:19
119
原创 原型如何继承？
原型如何继承？组合继承以下继承的方式核心是在子类的构造函数中通过Parent.call(this)继承父类的属性，然后改变子类的原型为new Parent()来继承父类的函数。function Parent(value){ this.val = value;}Parent.prototype.getValue = function(){ console.log(this.val);...
2019-11-29 13:47:05
220
原创 递归算法，通过js生成tree树形菜单
var data = [ { id: 1, name: "办公管理", pid: 0 }, { id: 2, name: "请假申请", pid: 1 }, { id: 3, name: "出差申请", pid: 1 }, { id: 4, name: "请假记录", pid: 2 }, { id: 5, name: "系统设置", pid: 0 }, { id: 6, name: "...
2019-11-28 11:02:09
1082
原创 React的生命周期
生命周期顺序装载过程（组件第一次在DOM树中渲染的过程）constructor(常用) → getInitialState(v16.0已废除) → getDefaultProps(v16.0已废除)→ componentWillMound(17.0将废除)→getDerivedStateFromProps(v16.3新增，并在v16.4中升级优化了一下)→ render(必要)→compone...
2019-11-21 10:14:50
142
原创 React高阶组件和高阶函数
高阶组件（HOC）是react中对组件逻辑进行重用的高级技术，但高阶组件本身并不是react API，它只是一种模式，这种模式是由react自身组合性质必然产生的具体而言，高阶组件就是一个函数，且该函数接受一个组件作为参数，并返回一个新的组件高阶组件既不会修改input原组件，也不会使用继承复制input原组件的行为。相反，高阶组件是通过将原组件 包裹（wrapping） 在容器组件（cont...
2019-11-20 13:42:08
1938
原创 React处理事件
在回调函数中使用箭头函数优势：很容易让人看懂。缺点：在每次render时候，都会产生一个匿名函数。如果此组件作为一个子组件，那么父组件render的时候，子组件也可能会重新渲染，消耗性能。class ToggleBtn extends React.component{ constructor(){ super(); this.state = { isToggleOn:tru...
2019-11-19 14:55:10
110
原创 Vue解决跨域多个target问题（配置多个代理问题）
devServer: { publicPath: process.env.NODE_ENV === 'production'? '/production-sub-path/': '/', proxy: { '/api': { target: 'http://192.168.0.201:9994', changeOrigin: true,...
2019-11-19 11:32:14
8133
1
原创 JS如何处理异步
回调函数（callback）回调是一个函数被作为一个参数传递到另一个函数里，在那个函数执行完后再执行。function f1(callback){ setTimeout(function () { // f1的任务代码 callback(); }, 1000);}// 执行f1(f2)优点：简单、方便、实用。缺点：易形成回调函数地狱。如果我们只有一个异步操作...
2019-11-19 09:44:56
437
原创 数组[]的几种常见方法
unshift()添加，将要给定的数值添加到数组的开头var arr = ["西瓜","苹果","雪梨","香蕉"];arr.unshift("桃子","哈密瓜"); //["桃子","哈密瓜","西瓜","苹果","雪梨","香蕉"]console.log(arr);shift() 方法从数组中删除第一个元素，并返回该元素的值。此方法更改数组的长度。从数组中删除的元素，如果组数为...
2019-11-08 17:21:25
1996
原创 JSON和JS对象互转
要实现从对象转换为JSON字符串，使用JSON.stringify()方法//结果是 '{"a": "Hello", "b": "World"}'var json = JSON.stringify({a:"Hello",b:"world"}) 要实现从 JSON 转换为对象，使用 JSON.parse() 方法//结果是 {a: 'Hello', b: 'World'}var obj ...
2019-11-08 15:48:44
127
原创 setTimeout、Promise、Async/Await的区别
setTimeout// 输出顺序：script start->script end->settimeoutconsole.log("script start");setTimeout(function(){ console.log("settimeout");})console.log("script end");PromisePromise 本身是同步的立即执行函...
2019-11-02 16:23:00
510
原创 什么是防抖和节流？
防抖触发高频率事件后n秒内函数只会执行一次，如果n秒内高频事件再次触发，则重新计算时间function debounce(fn){ let timeout = null ; return function(){ clearTimeout(timeout); timeout = setTimeout (() =>{ fn.apply(this,arguments); ...
2019-11-02 14:27:21
147
原创 如何解决vuex页面刷新数据丢失问题？
1、问题描述：一般在登录成功的时候需要把用户信息，菜单信息放置vuex中，作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据就会被重新赋值。2、解决思路：办法一：将vuex中的数据直接保存到浏览器缓存中（sessionStorage、localStorage、...
2019-11-01 15:35:13
2339
原创 webpack和package.json常用到总结
ES6 Moudule和 CommonJs区别导出和引入的不一样ES6 Moudule//导出export default 模块名称//引入import 模块名称 from '文件路径'CommonJs//导出module.export = 模块名称//引入const 模块名称 = require('文件路径')git命令行里的指令//查看 webpack 是存在的...
2019-10-20 17:52:24
2913
原创 前端常见题汇总
1.事件执行机制执行一个宏任务；遇到微任务，放到微任务列队；宏任务执行完毕，执行微任务列队中的任务；微任务执行完毕后，GUI 线程接管，开始渲染页面；渲染完成后，JS线程继续接管，开启下一个宏任务。setTimeout和Promise执行顺序题目一setTimeout(function() { console.log(1)}, 0);new Promise(function(...
2019-10-19 16:06:45
245
原创 call()、apply()和bind()()的使用
call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。call() 提供新的 this 值给当前调用的函数/方法。你可以使用 call 来实现继承：写一个方法，然后让另外一个新的对象来继承它//例子1：function d(mark){ console.log(mark)}function a (le,c){ le.call(this,c) // ...
2019-08-09 17:16:11
97
原创 package.json文件
每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm install命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。package.json文件就是一个JSON对象，该对象的每一个成员就是当前项目的一项设置。scripts字段scripts指定了运行脚本命令的...
2019-08-01 14:59:29
198
原创 vue-cli中理不清的问题
一般情况下，我们借用 vue-cli之力安装好所有依赖后，我们就可以愉快的板砖了。但是也经常会遇到一写问题，比如assetsSubDirectory 和 assetsPublicPath两个兄弟有时候把傻傻分不清楚，解释一下config/index.js吧。1.config/index.js中的 build配置index: path.resolve(__dirname, '../dist/in...
2019-08-01 11:30:56
113
原创 算法知识
1.实现阶乘(递归)function factorialize(num) { if (num < 0) { return -1; } else if (num === 0 || num === 1) { return 1; } else { return (num * factorialize(num - 1))...
2019-07-22 16:25:10
92
原创 Vue和React 如何正常渲染一段HTML字符串
解析data对象中带有标签的des字段1.react的方法：dangerouslySetInnerHTMl 属性<div dangerouslySetInnerHTML = {{__html:返回的html代码片段}} ></div><div dangerouslySetInnerHTML = {{__html:data.des}} ></div&...
2019-07-10 14:26:17
1412
原创 git 会出现remote unpack failed:error Missing commit问题解决
有时候，git提交代码时会出现这样的问题，remote unpack failed:error Missing commit xdsc252544555fds1fds5d45fds45sf，导致代码不能提交到远程。这种是git存在的一个bug，遇见了我们也不用紧张，以下办法能帮你解决这个问题。...
2019-06-19 15:41:38
10634
原创 复杂多层级数组深拷贝--重要
多层级数组源数据data赋值给res，当res改变数据时源数据data也跟随着改变，真是令人头痛。如果我们想改变res数据的同时又不想源数据data改变，以下方法深拷贝能解决上述问题。function deepCopy(data) { if (data.constructor.name === 'Array') { // 判断为数组类型 var arrCopy = [] f...
2019-06-14 10:40:34
1046
1
原创 判断数组A是数组B的子集
判断整个数组A是不是数组B的子集var A=[11,22,33,56,16,18,66];var B=[33,11,88,22,33,56,16,44,99,18,66];顺带一个排序方法快速排序var A=[11,22,33,56,16,18,66];var B=[33,11,88,22,33,56,16,44,99,18,66];function quickSort(arr) {...
2019-06-14 10:04:11
1559
原创 判断数组对象中是否含有某个对象
productItem数组对象存在item值时不添加，不存在时添加到数组中 let item = {id:1} let productItem = [ {id:1}, {id:2}, {id:3} ] let isHere = productItem.find(_item => _item.productId === item.id) ; //是否存在 // co...
2019-03-20 15:30:30
1613
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人