- 博客(54)
- 收藏
- 关注
RSS订阅原创 列表加载不同组件，点按钮删除对应组件
实现思路：1.列表使用动态组件加载不同的组件 <component v-for="(item,index) in comName" :is="item.name" :key="index" @func="getContent(index)" ></component>2.通过@func="getContent(index)"子组件传递方法名fun到父组件，父组件通过getContent方法，获取要删除的id,在数组里...
2021-05-14 17:24:34
175
原创 SQL
1.likeSELECT * FROM PersonsWHERE City LIKE 'N%'以N开头的SELECT * FROM PersonsWHERE City LIKE '%g'以g结尾SELECT * FROM PersonsWHERE City LIKE '%lon%'包含‘lon’2.betweenSELECT * FROM WebsitesWHERE num BETWEEN 1 AND 20;结果包括1和20...
2021-03-26 15:40:52
97
原创 npm使用经验
1.查看某一个包的版本信息npm ls jquery(某一个项目下的)npm ls jquery -g2.安装包npm install module_name -S 即 npm install module_name --save 写入dependenciesnpm install module_name -D 即 npm install modu...
2020-08-05 16:28:30
114
原创 一些好用的软件推荐
1.视频剪辑喵影工厂（win、mac、ios）剪映2.思维导图mindMaster印象笔记3.数据恢复万兴数据恢复专家4.格式转换万兴优转PDFelement5.时间管理Notion:英文，适合任务没有严格时间限制滴答清单TrelloTeambition:偏重于项目管理6.长文排版135编辑器：可以生成长图PicsArt:小怪...
2020-04-18 22:31:08
307
原创 JS对象
目录1.遍历对象属性1.遍历对象属性①for (var key in obj){}遍历对象的可枚举属性，包括自有属性、继承自原型的属性（不管是值还是函数）;②Object.keys(obj)遍历对象的自有属性，且是可枚举的，不包括继承的；③obj.has遍历对象的自有属性，不管是枚举的还是非枚举的，都可以，不包括继承的；// An highlighted blocklet obj...
2020-03-27 20:24:08
104
原创 Typescript
TS是JS的超集，遵循当前和未来的ECMAScript规范，大多数TS新增特性基于未来的JS提案，意味着许多TS特性在将来会变成ECMA标准；发展前景：①CoffeeScript目的是让JS更简洁优美，提高可读性，但没有像TS一样利用类型检测提高代码健壮性，而且，ES6之后，逐渐淡化。②Dart是2011年谷歌推出的web编程语言。优势是Chrome支持，将在V8引擎融合Dart VM...
2020-03-26 15:14:14
243
原创 对象深拷贝
var a={name:"wang",age:27,family:{dad:"wyq",sid:"wyn"}}function deepclone(obj){ var result={} for(key in obj){ if(Object.prototype.toString.call(obj[key])==='[object object]'){ ...
2020-03-25 20:33:03
103
原创 EXCLE1
1.画折线图 水平轴设置值，右键-选择数据-水平分类轴标签；选择特定区域，然后插入-折线图，每一列代表一条折线；A列如果是非数值的话，选中会直接作为横坐标；选中图可以直接在旁边加号上选择添加坐标轴名称；右键-选择数据-可以更改折线名称；点击邮件设置坐标轴格式，设置y轴值的范围；...
2020-03-15 11:19:43
130
原创 异构词的查找，并放到一个二维数组中
var s=["abc","cba","def","fed","fff","bca","edf"];//思路：首先写一个函数，判断两个词是不是异构词，然后再创建一个变量存放结果就行//判断是否是异构词，就判断每个字符出现的次数是否相同就可以，对每个字符串创建一个对象保存每个字符出现的次数，最后比较这两个对象是否相同function isthesame(s,t) { if(s.le...
2019-10-08 20:49:19
240
原创 lodash
import _ from 'lodash';使用时，如果是这种引进方式直接 _.get() _.deepclone()import {get,deepclone}就直接使用get() deepclone() 1.deepclone深拷贝2.get参考：https://segmentfault.com/a/1190000015605531根据objec...
2019-07-09 15:35:55
332
原创 redux-理解
1.概念通俗理解redux2.action（1）本质是一个JS对象；3.reducer（1）Store 收到 Action 以后，必须给出一个新的 State，这样 View 才会发生变化。这种 State 的计算过程就叫做 Reducer。（2）接受action和当前参数state作为参数，然后返回一个新的stateconst reducer = function ...
2019-06-18 11:29:14
159
原创 react-问题
1.两个组件的通信父组件传递给子组件可以通过props.子组件改变父组件state的办法只能是通过onClick触发父组件声明好的回调，也就是父组件提前声明好函数或方法作为契约描述自己的state将如何变化，再将它同样作为属性交给子组件使用。不是父子组件：状态提升。...
2019-06-18 11:27:51
144
原创 react-工具函数
1.事件绑定到thisexport default function bindHandlers(obj) { Object.getOwnPropertyNames(Object.getPrototypeOf(obj)).forEach((property) => { if (typeof(obj[property]) === 'function' && pr...
2019-06-17 19:01:11
372
原创 moment.js使用
可以参考：moment.js常见用法总结1.获取当前时间import moment from "moment";var moment=moment();2.moment于原生js Date对象切换var date=moment(new Date());var moment=new Date(moment()); 一个字符串也可以转换成moment对象var...
2019-06-13 17:13:05
988
原创 根据出生日期计算当前年龄
要求：大于11岁：XX岁大于等于18个月且小于11岁：xx岁xx月小于18个月：xx月xx天提示：输入的是一个moment对象birthdayToAgeByYear(values){ let date = this.getValue(values[0]);//moment对象 let newAge=""; if(moment.isMoment(date...
2019-06-13 16:23:14
1305
原创 react-demo
1.创建react项目create-react-app -v 查看是否安装react脚手架，没有的话全局安装;create-react-app demo 创建react项目;npm run start启动项目；2.根据日历上的日期计算年龄npm install antd --save 安装antd ，注意代码中引入antd的方式;关键点：antd的使用 、日期获得getF...
2019-06-11 18:50:47
515
原创 一些通用的正则表达式
1.身份证号：(^\\d{15}$)|(^\\d{18}$)|(^\\d{17}(\\d|X|x)$)可以用在模版配置里面的rules里面的pattern。2.手机号：^1[3-9]{1}[0-9]{1}\\d{8}$3.输入框不能是非空的^(?!(\\s+$))...
2019-06-05 11:02:50
583
原创 antd使用记录
1.安装，在react项目里npm install antd --save2.使用import {DataPicker} from 'antd'import 'antd/dist/antd.css'3.DatePicker变化的时候默认会传递当前的moment对象（第一个参数）和日期字符串（第二个参数）；...
2019-05-30 17:34:01
220
原创 GIT使用
流程1.git clone XXX拉下项目代码git clone -b 分支名 XXX 拉取一个项目的指定分支，比如dev2.git pull origin master(或者其他分支)更新项目代码，使代码是最近的更新git pull origin（远程主机名） master（远程分支名）:brantest（本地分支名）git pull origin master...
2019-05-28 10:04:57
153
原创 leetcode02-addTwoNumbers
/** * Definition for singly-linked list. * function ListNode(val) { * this.val = val; * this.next = null; * } */function ListNode(val) { this.val = val; this.next = null;}...
2019-04-03 14:54:25
87
原创 01-todolist-Demo
实现todolist思路添加功能：输入框双向绑定数据，按钮绑定添加事件，添加后把要添加的数据push到字符串，然后把输入框的内容清空。 展示list使用ul下面的li添加事件循环 item in list,然后mustache语法绑定{{item}}。考虑到这种组件可能很常用，建一个vue全局组件，专门用于多个li的展示。可以为这个全局组件设置属性，这样这个组件使用属性绑定就可以访问特...
2019-04-01 16:10:46
219
转载 eCharts01-地图标记散点图
1.准备①eCharts.js②地图数据world.js 或者china.js 或者各个省份的地图数据xxxx.js https://echarts.baidu.com/download-map.html 官网停止下载 可以在github中找到新的下载地址：https://github.com/apache/incubator-echarts 在option...
2019-02-28 10:58:46
1058
原创 剑指offer-05两个栈构建队列，两个队列构建栈
题目用两个栈来实现一个队列，完成队列的Push和Pop操作。 队列中的元素为int类型。思路JS里用数组可以模拟栈：push pop，也可以模拟队列push,shift数据存放在其中一个栈里面，push操作直接push,pop操作，先把有数据的栈全部pop出来，并push到另一个数组里面，这样直接pop,就是队列的头。代码/*用两个数组来模拟两个栈*/function ...
2019-02-26 15:46:49
163
原创 leetcode01-twoSum
两数之和，一般是只有一组解。方法一：暴力循环；方法二：假设有多组解，把所有结果放到数组中，然后找距离最近的。方法三：一个循环构建哈希表，一个循环查找结果；方法四：一个循环，同事构建哈希表和查找结果；/*1.假设数组中只有唯一的解，并且要求不能是重复的坐标*/var testNum1=[34,4,6,9,3,0];var twoSum1=function (nums,tar...
2019-02-20 15:28:06
120
原创 剑指offer-04前序中序构建二叉树
问题：输入某二叉树的前序遍历和中序遍历的结果，请重建出该二叉树。假设输入的前序遍历和中序遍历的结果中都不含重复的数字。例如输入前序遍历序列{1,2,4,7,3,5,6,8}和中序遍历序列{4,7,2,1,5,3,8,6}，则重建二叉树并返回。思路：二叉树前序遍历第一个点为根节点，中序遍历顺序为先左子树然后根节点最后右子树。所以先通过前序遍历找出根节点，然后将中序遍历分为左右子树两组，最...
2019-02-18 21:18:57
113
原创 剑指offer-03从尾到头打印链表
题目描述输入一个链表，从尾到头打印链表每个节点的值。代码function Node(element) { this.element=element; this.next=null;}function LList() { this.head=new Node('head'); this.find=find; this.insert=inse...
2019-02-18 16:23:06
86
原创 剑指offer-02替换空格
题目描述请实现一个函数，将一个字符串中的空格替换成“%20”。例如，当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happy。思路正则表达式替换var str1 = 'i have a happy family.';function replaceSpace(str) { return str.replace(/\s+/g,'%20...
2019-02-14 18:59:08
145
原创 JS中的正则表达式
1.两种创建方式字面量创建方式 实例创建方式var reg = /pattern/flags // 字面量创建方式var reg = new RegExp(pattern,flags); //实例创建方式pattern:正则表达式 flags:标识(修饰符)标识主要包括：1. i 忽略大小写匹配2. m 多行匹配，即在到达一行文本末尾时还会继续寻常下一行中是否与正则匹...
2019-02-14 14:20:04
192
翻译 剑指offer-01二维数组查找
题目在一个二维数组中，每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。程序var a=[[1,2,3,4], [5,6,7,8], [9,10,11,12], [13,14,15,16]]console.log(a)/*循环遍...
2019-02-13 23:02:01
116
原创 数组扁平化处理
1.递归调用利用一个循环，对第一层的数组遍历，如果第一层数组的元素不是数组，直接push到新数组里面，如果是数组，递归调用原算法，并和新数组结果进行连接。两个点：（1）是如何判断是不是数组；①Array.isArray(n) 是数组，返回true,不是数组，返回false②n instanceof Array 是数组，返回true,...
2019-01-17 21:06:06
170
原创 vue-8-1 项目结构的搭建与开发
一、 准备工作１. 初始化项目webpack模板已经配置好了webpack.config所以less less-loader不需要重新配置。vue init webpack itanycd itanycnpm installcnpm install less less-loader -Dcnpm install vuex axios -Snpm run dev2. 项...
2019-01-09 21:57:44
129
原创 vue-7-3 Vuex基本用法01
1. 简介项目简单不需要使用大型项目好用是要是为了解决多个组件要访问一样的数据的问题，进行集中的数据管理和状态管理Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单来说，用来集中管理数据，类似于React中的Redux，都是基于Flux的前端状态管理框架 ...
2019-01-08 16:13:55
171
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人