- 博客(19)
- 收藏
- 关注
RSS订阅原创 JavaScript基础——数据类型
数据类型的分类1、基本（值）数据类型： string：任意的字符串都为string类型； number：任意的数字都为number类型； boolean: true / false；undefined：undefined； null：undefined；2、对象（引用）数据类型：object，function，Array3、es6中新增Symbol 数据类型。数据类型的判断1、...
2021-09-01 21:05:59
109
原创 使用递归进行数组扁平化处理
let arr = [1,[2,[3,[4,5]],6,7],8,9] let newArr = [] function setArr(data){ data.forEach(ele=>{ if(Array.isArray(ele)){ setArr(ele) }else{ newArr....
2021-08-11 09:12:45
164
转载 react脚手架配置代理总结
react脚手架配置代理总结方法一在package.json中追加如下配置"proxy":"http://localhost:5000"说明：优点：配置简单，前端请求资源时可以不加任何前缀。缺点：不能配置多个代理。工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000 （优先匹配前端资源）方法二第一步：创建代理配置文件在src下创建配置文件：src/setupProxy.js编写setupProxy.js配置具体代理规则：const
2021-06-18 10:05:11
89
原创 reduce对象数组去重封装
arrDistinctByProp(arr, prop) { let obj = {}; return arr.reduce(function(preValue, item) { obj[item[prop]] ? '' : (obj[item[prop]] = true && preValue.push(item)); return preValue; }, []); }
2021-05-17 15:18:12
173
原创 关于react的diff算法面试题
react/vue中的key有什么作用？（key的内部原理是什么？）为什么遍历的时候最好不要用index作为key值?直接上代码。。。<script type="text/babel"> class Life extends React.Component { state = { person: [ { id: 1, name: '张三', age: 16 }, { id: 2, name: '小明', age: 17 },
2021-04-28 17:47:48
674
原创 React生命周期
React基本用法以及 class Count extends React.Component { // 构造器 constructor(props) { super(props) this.state = { num: 0 } } // 初始化状态 state = { num: 0 } render() { return ( <div> <h2>当
2021-04-28 16:41:38
50
1原创 vue实现图文混合输入
需求实现的原理1.利用div的contenteditable属性,让div可编辑2.document.execCommand（）方法插入图片实现过程html<!-- 我这里是监听鼠标右键 --><div class="input-panel" ref="msgInputContainer" @contextmenu.prevent="mouseclick()" contenteditable="true" spellcheck="false" style="
2020-06-09 10:53:14
1410
转载 移动端Canvas画板签名（原生js）
转发自https://www.jianshu.com/p/e6d8351b6483效果预览首先创建画布一个用来显示触屏区域清空，生成图片两个按钮img显示生成的图片HTML部分<canvas id="myCanvas" width="300" height="200"></canvas> <div id="operation"...
2019-11-25 15:05:40
890
原创 ES6数组去重
数组去重的个人思路： let arr1 = [1, 2, 3, 4, 1, 2, 5, 6]; let arr2 = ["a", "b", "c", "a", "d", "c"]; let newArr = []; // 创建一个新数组 for (let [index, item] of arr2.entries()) { // ...
2019-11-06 09:12:45
219
原创 小程序多选搜索
直接上代码要求：点击选中，再次点击以后取消选中，并且支持多选。WXML：<view class="{{item.flg?'nav-active':''}}" bindtap='screen' wx:for="{{mark}}" wx:key="index" data-index='{{index}}'>{{mark[index].mark}}</view>...
2019-07-15 11:54:31
567
原创 Windows 环境下搭建Vue脚手架
步骤一：安装node.js 安装就不做介绍了，说一下怎么测试安装是否成功。 步骤二：安装全局的CLI到这里，基本就安装完成了。然后需要创建一个放项目的文件夹。用命令符进入该文件夹安装完成以后，打开该文件夹会看到以下内容至此已经全部安装完成，最后一步开始运行。在浏览器中输入http://localhost:8080，看到...
2019-07-02 09:45:12
375
转载 判断this指向
转自：https://mp.weixin.qq.com/s/t1P18Nou1Jl1xZ9kCkzJvw例子<script> // 浏览器正常情况下 console.log(this === window) // true </script> <script> // 函数调用 a = 10; function ...
2019-05-27 10:05:36
133
原创 css清除默认样式
/*公共样式--开始*/html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0;}*{box-sizing: border-box;}html, body { m...
2019-04-26 09:38:03
4011
原创 封装原生Ajax
<script type="text/javascript"> //传入参数依次是（"请求类型"，"路径"，"参数"，"回调函数"） function ajax(method,url,params,done){ //创建对象 var xhr = new XMLHttpRequest(); var data = null; //对参数的类型进行判断并进行格式的转化...
2019-04-23 17:39:55
174
原创 js事件冒泡详解
什么是冒泡？DOM事件流（event flow）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。事件捕获（event capturing）：通俗的理解就是，当鼠标点击或者触发dom事件时，浏览器会从根节点开始由外到内进行事件传播，即点击了子元素，如果父元素通过事件捕获方式注册了对应的事件的话，会先触发父元素绑定的事件。事件冒泡（dubbed bubbling）：与事件捕...
2019-04-15 14:01:37
10389
原创 jq实现无限滚动
实现原理： 定时器和anmiate( )动画用到的技术： animate ( )、first ( )、appendTo ( )源码： HTML<div class="box"> <ul> <li class="l1">1</li> ...
2019-04-12 13:18:14
2023
原创 原生JS实现tab选项卡
HTML：<div class="box"> <div class="title"> <ul> <li>标题1</li> <li>标题2</li> <li>标题3...
2019-04-09 11:12:01
287
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人