勿扰丶-CSDN博客

原创 MySQL数据库操作

数据库（database）是用来组织，存储和管理数据的仓库。当今世界是一个充满着数据的互联网世界，充斥着大量的数据，数据来源很多，比如出行记录，消费记录，浏览的网页，发送的消息等，除了文本类型的数据，图像，音乐都是数据。...

2022-07-31 12:13:25 205 1

原创前端面试题-柯里化

在网上看到了一道关于柯里化的经典面试题。

2022-07-28 00:06:15 197

在Reconciler中，mount的组件会调用mountComponent(opensnewwindow)，update的组件会调用updateComponent(opensnewwindow)。这两个方法都会递归更新子组件。ReactArt(opensnewwindow)渲染器，渲染到Canvas,SVG或VML(IE8)当层级很深时，递归更新时间超过了16ms，用户交互就会卡顿。在每次更新发生时，Renderer接到Reconciler通知，将变化的组件渲染在当前宿主环境。...

2022-07-20 00:23:19 169

原创 vue 实现词云图

vue 实现词云图准备工作：echarts-wordcloud的git仓库地址https://github.com/ecomfe/echarts-wordcloud2.echarts官方文档https://echarts.apache.org/zh/index.html3.依赖版本号“echarts”: “^5.0.1”,“echarts-wordcloud”: “^2.0.0”,版本号可以根据echarts-wordcloud依赖里面的版本号找到对应echarts的版本，否则很容易出

2021-10-08 16:57:57 2858 3

原创 js 实现自定义签名

通过canvas实现自定义签名List item// 结构 <div id="myChart" :style="{width: '600px', height: '300px'}"></div> <button @click="submit"> 提交 </button> // js部分function init(){ let canvas = document.getElementById('can') canvas.

2021-08-12 10:20:43 239

原创二次封装axios

二次封装axiosimport axios from "axios"import {Message} from "element-ui" //引入element中的弹窗，这个不是必须的可根据项目来import Qs from 'qs' //（如果只是get请求就不需要引qs）axios.defaults.widthCredentials = false // 设置跨域 false为不跨域axios.defaults.headers.common['token'] = localstor

2021-08-02 09:28:19 69

原创 vue项目中使用echarts百度地图不显示问题和地图密钥配置

在项目中使用echarts地图不显示现在的效果就是echarts文档中的效果，发现按照他的写法全部 cv过来之后地图显示不出来只显示title部分。处理方式1.在vue main.js项目中引入地图，这里直接截图2.在入口文件index.html中引入这样在项目里面就可以正常的使用地图来实现炫酷的效果了...

2021-07-16 17:07:25 1980 1

原创复习 redux 总结

redux 三大核心 redux是一个js容器，用于全局的状态管理 1。单一数据源整个应用的 state 存储在一颗object tree 中，并且这个object tree 只存在于唯一一个store中。 2.state是只读的唯一能改变state的方法就是触发action，action是一个用于描述已发生事情的普通对象这样就确保了试图和网络请求都不能直接去修改state 调用方式 store.dispatch({type:"ADD",index:1}) 3.使用纯函数来执

2021-06-27 11:26:31 78

原创 js 去除掉对象中的null,‘‘,[],{}

使用场景:提交表单的时候去掉一些无用的参数 function removeEmptyField(obj) { var newObj = {} if (typeof obj === 'string') { obj = JSON.parse(obj) } if (obj instanceof Array) { newObj = [] } if (obj instanceof Object) { for (var attr.

2021-06-16 10:15:13 673

原创 react 和 vue

对vue和react的理解共同点1.都是数据驱动视图，当数据发生改变数据更新2.都是利用虚拟DOM 进行diff 比较法，比较更新前后的改变从而重新渲染DOM区别1.vue的特点就是具有封装好的指令，非常的简单，像 v-if,v-show 在开发的时候用起来十分的方便好上手，学习成本比较低2.react 就没有像vue 那种封装好的指令，它使用的是jsx语法，然后配合 ES6中的map 和 filter ，for…of，for…ea ch 相对使用起来复杂一点3.vue 中具有计算

2021-05-05 19:50:38 77

原创 js方法 reduce 用法

语法arr.reduce(callback,[initialValue])参数// 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组 let array = [1, 2, 3, 4, 5]; let aum = array.reduce((sum, cur) => sum + cur, 0) console.log(aum,array,'..

2021-05-05 19:47:05 90

原创前端面试常见笔试题

1.防抖 // 防抖频繁触发事件执行后在执行事件 let div = document.querySelector('.box'); const debounce = (func, wait) => { let timer; return function () { clearTimeout(timer); timer = setTimeout(() => { func(); },

2021-05-05 19:44:51 119

原创 js基础判断数据类型

数据类型检测typeof 检测数据类型的逻辑运算符instanceof 检测是否为某个类的实例constructor 检测构造函数Object.prototype.toString.call 检测数据类型typeof [ value ] 返回当前值得数据类型 “数据类型”返回结果都是字符串局限性：typeof null => "object" 不可以细分对象类型，数组对象和普通对象都为 “object” typeof 默认认为前几位为0的为object ，nu

2021-03-04 17:27:15 98 1

原创 js 常见错误小结

标题常见内置错误error 所有错误的父类引用类型不存在 ReferenceError console.log(a) // ReferenceError: a is not definedTypeError 数据类型不存在let b = null; // b={}; // b.xxx()console.log(b.xx) //TypeError: Cannot read property 'xx' of null/function/undefined RangeErr

2021-02-22 14:21:12 132

原创 js数据处理一维数组对象转换为二维数组对象

//我这里用的hooks写法 const [groupList, setGroupList] = useState([{ name: '', children: [] }])Ï //Ï当前数据结构 const obj = [ { name: '花花', value: '1', key: '1',group:'明星' }, { name: '姚晨', value: '2', key: '2',group:'明星' }, { name: '小绿', value: '3',

2021-02-02 16:26:39 1247

原创 Promise封装AJAX

创建一个自定义列表原生写法 //1.创建对象 const xhr = new XMLHttpRequest(); //2.初始化 xhr.open('get',"接口地址"); //3.发送 xhr.send(); //4.绑定事件处理响应结果 xhr.onreadystatechange= function(){ if(xhr.readyState===4){ //判断响应码为200-299为成功 if(xhr.status>=200&&xhr

2021-01-21 17:30:46 57

原创 js实现css的animation效果

使用需求:实现css的animation的帧动画效果，使用css做在ios手机上面会一闪一闪的，岁就用到了js的写法，之前在网上看了好多种方法，大多数都是把图片地址放到一个数组里面，然后通过循环来改变图片的地址的方式，这种方式可以看到页面会一直请求图片，造成死循环我的解决方案：let imgUrl = './jpg/';let index = [1,24];let maxLength = index[1] - indexLength[0] + 1;//loadinglet eleDi

2020-11-13 11:06:06 544

原创移动端rem布局的实现

js实现rem布局支持移动端和pc端的H5页面，直接上代码 !(function(win, doc) { function setFontSize() { var winWidth = window.innerWidth; doc.documentElement.style.fontSize = (winWidth / 750) * 100 + 'px'; // 移动端一

2020-11-13 10:59:25 96

原创实现H5页面微信分享功能

实现H5页面微信分享功能一.通过微信打开的H5页面实现微信分享功能首先在公众号管理后台“公众号设置”的“功能设置”里填写JS接口安全域名，域名需要通过ICP备案，没有备案域名可以用SAE、BAE等平台。此外，自定义分享功能需要通过微信认证才能使用，没有认证的可以跟关系好的朋友借用权限，在他的JS接口安全域名设置这里填上你的域名和共享同一个开发者ID。在需要调用JS接口的页面引入微信JSSDK的JS文件：http://res2.wx.qq.com/open/js/jweixin-1.6.0.js，这个

2020-11-12 17:27:42 5161

lietable.vue

空空如也