- 博客(14)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 typescript用法注解全都在这里了
typescript语法讲解都写在这里了，通过注释就能看懂ts到底怎么使用“写文案讲解代码真的很累不如直接手撸来得快，今天偷懒，看不懂的地方看两遍就懂”//首先知道 JS 7 个数据类型 number , string ,boolen, symbol, undefined , Array , bigint// -------------> 定义类型let num: number = 0let str: string = '123'let bol: boolean = truelet a
2021-07-29 22:10:52
737
原创 element-ui的Cascader选择器多选回显处理
element-ui的Cascader选择器多选回显处理在遇到后端返回值为一维数组情况下： [1 ,6] 如何渲染在cascader组件上呢，element级联组件多选要求是二维数组形式回显 [[1],[1,6]]一：数组转换// key：对比的id ， arrData：原始数组changeCascader(key, arrData) { let arr = []; let returnArr = []; // 存放结果的数组 let depth = 0; // 定义全局层
2020-11-18 12:15:34
2494
4
转载 微信小程序中封装监听事件，类似vue中的watch()
众所周知，Vue中，可以使用监听属性 watch来观察和响应 Vue 实例上的数据变化，那么小程序能不能实现这一点呢？监听器的原理，是将data中需监听的数据写在watch对象中，并给其提供一个方法，当被监听的数据的值改变时，调用该方法。我们需要用到Javascript中的Object.defineProperty()方法，来手动劫持对象的getter/setter，从而实现给对象赋值时(调用setter)，执行watch对象中相对应的函数，达到监听效果。Object.defineProper.
2020-08-20 10:27:07
584
原创 react中使用antd做样式按需引入报The “injectBabelPlugin“ helper has been deprecated as of v2.0“错误解决方法。
首先安装antdnpm install antd --save然后按需引入Ant-Design插件需要安装react-app-rewirednpm install react-app-rewired -D修改package.json文件中的"script": { } 下的代码,将里面“react-scripts”全部修改为“react-app-rewired”"scripts": { "start": "react-app-rewired start", "build": "r
2020-08-17 14:15:04
362
原创 解决html进入全屏模式下监听按下esc失效的问题
最近在项目中需要做一个html全屏展示，但是展示的内容上附带按钮，想在全屏模式下隐藏按钮然后再退出全屏时按钮又显示，但是之前发现监听key键盘事件是无效的，所以这里采用了另一种方法来解决问题。直接上代码。这里是点击按钮全屏地图事件var btns = document.getElementById("btns");function fullClick() { btns.style.display = "none" var el = document.getElementById("map".
2020-07-30 14:14:57
1500
原创 使用Git小乌龟初始化本地仓库并且创建新的分支提交（超详细图文教程,手把手教你做）
前段时间入了小乌龟的坑，最近项目需要多人合作，就需要使用分支提交项目，这里刚好就使用到了创建分支功能，就记录一下使用的完整过程。第一步(初始仓库)：初始化仓库, 右键点击项目文件点击箭头指示处初始化仓库。第二步(git add)：初始化后在当前项目文件夹再次右键点击 git add ， 这里作者是中文版，对应的英文版就是 git add。第三步（git commit）：在git add成功后就又回到当前右键点击git commit提交到master分支第四步(设置远程服务器)：前.
2020-07-17 23:06:18
8307
1
原创 使用JS面向对象方法手撸简单轮播图
自己写一次留着做念想，以后成码神了再来优化这代码~~~html代码片段：<div class="box" onmouseenter="boxMouse()" onmouseleave="boxMove()"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li>
2020-07-10 18:00:15
836
原创 vue解决seo预渲染Prerender SPA Plugin
第一步：首先安装Prerender SPA Plugin 依赖踩坑项：router.js中必须改为 mode: ‘history’ 模式，路由不支持使用懒加载第二步：vue.config.js进行配置,对自己所需要预渲染的路由做处理const PrerenderSPAPlugin = require('prerender-spa-plugin')const Renderer = PrerenderSPAPlugin.PuppeteerRendererconst path = require('pa
2020-06-10 17:28:48
258
原创 elemen-ui el-tree组件添加层级提示线
一: 页面渲染好tree<template> <div class='mytree'> <el-tree :data="data" :indent='0' :props="defaultProps" @node-click="handleNodeClick"> </el-tree> </div></template>二：页面样式<style lang="scss" sco
2020-06-10 17:11:35
1201
2
原创 element-ui树形结构动态全部展开收起及添加图标
一：template部分node-key="id"很重要 <el-tree :data="sourceData" :props="{ label: 'name' }" highlight-current default-expand-all ref="selectTree" :expand-on-click-node="false" node-key="id" > <!--
2020-06-10 17:02:15
3771
2
原创 element-ui按需引入及风格大小设置
一： 引入依赖babel-plugin-componentnpm install babel-plugin-component -D二：将 .babelrc 文件修改为：{ "presets": [ [ "@babel/preset-env", { "modules": false } ] ], "plugins": [ [
2020-06-10 16:53:50
1917
原创 手写js冒泡排序
js冒泡排序作者人狠话不多直接上代码function bubFun(arr) { let newItem = null, len = arr.length while(len > 0) { for(let i=0; i < len -1; i++) { if(arr[i] > arr[i+1]) { newItem = arr[i] // 记录新元素等于当前位置的数字
2020-06-10 16:40:58
904
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人