- 博客(221)
- 收藏
- 关注
RSS订阅原创 70～94todolist
70_静态操作步骤：实现静态组件：抽取组件，使用组件实现静态页面效果展示动态数据： 2.1. 数据的类型、名称是什么？ 2.2. 数据保存在哪个组件？交互——从绑定事件监听开始72_添加nanoid库生成id。兄弟组件header和list无法传值，所以数据放在父组件中。儿子给父亲传数据，父亲先给孩子传一个函数。数据就可以作为参数传到父亲那。73_勾选数据在哪，对数据的操作就在哪。vue不建议修改props的数据。74_删除1.change可以监听ch
2022-06-05 07:16:19
167
原创 vue脚手架基础
61_创建Vue脚手架mac下直接安装脚手架报错，或许是因为系统版本太高，先输入sudo chown -R $(whoami) /usr/local/*安装脚手架npm install -g @vue/cli切到要创建项目的目录，创建项目vue create vue_test选择默认vue2,babel将Es6转成Es5，eslin检查语法错误。成功创建项目，进入文件目录，运行项目通过链接可以访问到项目,ctrl + c 终止服务62_分析脚手架结构项目目录结构BASE
2022-05-29 14:05:11
728
2
原创 Vue组件化编程
54_对组件的理解组件是局部功能的css,js,html和资源的集合。18_非单文件组件54_非文件组件data一定要写成函数式，返回数据对象的一个副本。不然都是指向同一个地址，一个地方改了，所有用到这个组件的地方数据都会变。<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>基本使用</title> <script type="t
2022-05-29 06:14:33
75
原创 vue核心
尚硅谷vue思考p30_key的作用与原理绑定key得用唯一表示，用index从前插入数据到数组容易出错。diff对比的是虚拟dom，文本框里的输入是真实dom，但在虚拟dom中文本框看起来都一样，所以就复用之前的文本框。用index做key，输入框错位。用id绑定key...
2022-05-26 07:26:54
477
6
原创 节流小例子
1.防抖是执行最后一次。节流是控制执行的次数，无论你触发多少次，我都是几秒执行一次。比如滚动条，滚动的时候就触发打印，随便一滚都会触发很多下。节流的关键是用一个flag,只有定时器函数执行过后，flag才会被设置为true，这个时候才能添加新的定时器。throttle函数的第一个参数是业务逻辑，第二个参数是延迟。 <script> function roll() { console.log("我滚啦") } fun
2021-09-25 15:43:15
311
原创 防抖小例子
1.防抖简而言之，控制程序触发的次数，以最后一次为准。一个小例子，点击按钮，触发定时器，一定时间后打印。正常情况下，点多少次，就打印多少个，触发太频繁。防抖的做法是：点击的时候，删除旧的定时器，添加新的定时器这样时间到了只会触发最后一个。<body> <button>按钮</button> <script> function pay() { console.log('买买买！')
2021-09-25 15:26:41
287
原创 输出结果题
const obj = { 1: "a", 2: "b", 3: "c" };const set = new Set([1, 2, 3, 4, 5]);obj.hasOwnProperty("1");obj.hasOwnProperty(1);set.has("1");set.has(1);A: false true false trueB: false true true trueC: true true false trueD: true true true true答案...
2021-09-23 18:39:25
483
原创 回溯算法总纲
1 .解决问题：组合切割子集排列棋盘抽象成????来解决。回溯模板void backtraking(参数）{ if(终止条件){ 存放结果 return; } for(选择：本层集合中元素（树中节点孩子的数量就是集合的大小）) { 处理节点; backtraking(路径，选择列表); //递归 回溯，撤销处理结果 }}递归函数的参数和返回值确定终止条件单层递归逻辑...
2021-09-22 08:04:23
59
原创 防抖和节流
需求： 用户触发事件过于频繁，比如输入。改变页面大小，滚动的统计。防抖：只需要最后一次事件的操作。比如感应门，人来了，门打开，5秒后关闭。这时后面接着来人了，们应该重新计时，然后5秒后关闭。以最后一个人为准。5秒了没人来，执行关门操作。防抖注意闭包，this的指向防抖：一直点个不停，就不会执行。等你停了，执行最后一次。节流：控制执行次数。比如滚动屏幕,一直滚个不停，但几秒触发一次。...
2021-09-19 07:35:34
56
原创 1.判断类型
typeof对于基础类型，函数,undefined都可以识别打印。但对于数组，对象，null，Date都会认为是object,识别不准确。console.log(typeof(3))console.log(typeof('England'))console.log(typeof(true))console.log(typeof(undefined))console.log(typeof(()=>{}))console.log(typeof([1,2,3]))console.log(t
2021-09-17 19:56:28
91
原创 html,css高频面试
1.行内元素，块级元素， 非替换元素，替换元素。块级元素独占一行，可以设置高度，内外边距。行内元素宽高由内容决定。替换元素有 img,input,textarea,slect,object,iframe,canvas.不用css修饰时，元素的标签和属性也会影响其显示。替换元素img的title和alt属性alt图片加载不出来显示的字。title鼠标移到图片上显示的内容。meta元素。在head里面。设置charset，作者，关键字。声明位于文档的最前面，处于标签之前，它不是htm
2021-09-16 16:03:17
684
1
原创 js高频题
js 的数据类型(null和undefined区别)基本类型：string, number, null, undefined, Boolean, symbol,bigint引用类型：Object判断变量类型常用的变量类型有11种：Number,String,Boolean,Object,Array,Json,Function,undefined,Null,Date,RegExp,Error1.使用typeof能判断出四种，分别是number，string，boolean，object，剩..
2021-09-15 16:07:21
90
原创 约德尔测试
题目描述题目兰博和提莫闲聊之后，回归到了他们的正题，约德尔人的未来。说起约德尔人的未来，黑默丁格曾经提出了一个约德尔测试，将约德尔人的历史的每个阶段都用一个字符表达出来。(包括可写字符,不包括空格。)。然后将这个字符串转化为一个01串。转化规则是如果这个字符如果是字母或者数字，这个字符变为1,其它变为0。然后将这个01串和黑默丁格观测星空得到的01串做比较，得到一个相似率。相似率越高,则约德尔的未来越光明。请问:相似率为多少？输入每组输入数据为两行，第一行为有关约德尔人历史的字符串，第二行是黑默
2021-09-07 17:15:34
79
原创 Node.js输入输出
单行输入。//这两行必须引入var readline = require('readline')const rl = readline.createInterface({ input: process.stdin, output: process.stdout})//line就是一行的数据rl.on('line',function(line){ //将数据按空格分开，返回一个数组 var tokens = line.split(' ') //处理数.
2021-09-07 17:09:35
3442
原创 小米2019前端
1.arr.splice(序号,数量,代替)返回一个数组，包含被删除的项。数组即是里面内容一样的，但指向不同，用==判断返回的也是false.console.log('1'== true) 这个是返回trueconsole.log('1'=== true) 要求全等，所以返回false.2.用两个栈可以模拟队列，反之亦然。3.块级元素实际宽度 = 左右padding + 左右border + 内容width块级元素和行内元素4.区别：display: none;是彻底消失，不在文档流
2021-09-07 15:01:29
59
原创 day9 导航守卫，过度特效，懒加载
vue路由守卫路由跳转的时候，中间的一些事件。跳转之前的事件。比如跳转之前，判断有没有登录，没有的话就跳到登录页面。跳转到登录页面的时候，就可以直接跳。每次跳转之后触发。afterEach.特定跳转之后触发。在跳到about页面之前触发。还有几种。进入前。组件重复利用。离开前。路由元信息元信息写在路由最后 的meta里，可以设置一些路由特定的信息。页面需要权限并且没有登录，跳转到登录页面。过渡动效页面切换的动效。用transation包裹住
2021-07-01 10:05:33
108
原创 day8 路由
路由Vues是单页面应用。路由两种模式。history模式，后端需要操作，返回首页。首页是这样的。另一种模式，不需要配置，首页是这样的，多了个/#/
2021-06-30 16:17:32
59
原创 day7 less
day7 lesslessCSS预处理语言。希望css可以实现代码复用。但浏览器不支持less，需要把less编译成css文件。安装cnpm install less可以把颜色定义成变量@main-color: #ff6700现在只需改一个地方，下面的main-color都会改。导入<link rel="stylesheet/less" type="text/css" href="css/style.less"/><script src="js/less.m
2021-06-24 19:10:59
81
原创 VuePress搭建技术网站与个人博客
1.主要思路是按照这篇博客来搭建的。https://www.jianshu.com/p/37509da5a020https://www.bilibili.com/video/BV1dA411b76g?p=2&spm_id_from=pageDriver2.在部署文件到github上的时候，deploy.sh文件里。在Wushengyouhan.github.io仓库里没用东西是，用上面那个push不会报错。在仓库已经有了，后续的更新需要用下面的那个push。...
2021-06-23 02:01:21
185
原创 day5 Socket.IO
1.是一个库，实现在浏览器和服务器进行实时通信。2.cnpm 安装会出现node-modules和package.json3.跨域问题的试试这个server = app.listen(80)； var io = require('socket.io')(server, { cors: true });跨域问题的试试这个server = app.listen(80)； var io = require('socket.io')(server, { cors: true });...
2021-06-21 22:27:18
59
原创 day3组件传值
1.html属性名不能出现大写。如果变量名是驼峰的话，比如schoolName。在属性名里就写成school-name。2.父传子，用props接收。3.子传父。
2021-06-13 16:19:39
89
原创 102. 二叉树的层序遍历
给你一个二叉树，请你返回其按 层序遍历 得到的节点值。 （即逐层地，从左到右访问所有节点）。示例：二叉树：[3,9,20,null,null,15,7], 3 / \ 9 20 / \ 15 7返回其层序遍历结果：[ [3], [9,20], [15,7]]来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/binary-tree-level-order-traversal著...
2021-06-13 10:07:55
46
原创 129. 求根节点到叶节点数字之和
给你一个二叉树的根节点 root ，树中每个节点都存放有一个 0 到 9 之间的数字。每条从根节点到叶节点的路径都代表一个数字：例如，从根节点到叶节点的路径 1 -> 2 -> 3 表示数字 123 。计算从根节点到叶节点生成的 所有数字之和 。叶节点 是指没有子节点的节点。示例 1：输入：root = [1,2,3]输出：25解释：从根到叶子节点路径 1->2 代表数字 12从根到叶子节点路径 1->3 代表数字 13因此，数字总和 = 1.
2021-06-12 16:45:39
234
原创 剑指 Offer 22. 链表中倒数第k个节点
输入一个链表，输出该链表中倒数第k个节点。为了符合大多数人的习惯，本题从1开始计数，即链表的尾节点是倒数第1个节点。例如，一个链表有 6 个节点，从头节点开始，它们的值依次是 1、2、3、4、5、6。这个链表的倒数第 3 个节点是值为 4 的节点。示例：给定一个链表: 1->2->3->4->5, 和 k = 2.返回链表 4->5.来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/lian-bia.
2021-06-08 14:55:01
52
原创 46.全排列
知识1.浅拷贝是拷贝引用，深拷贝是复制数组元素。因为path后面还在不停变，所以要把当前的path数组拷贝push进res里面。2.深拷贝的方法
2021-06-07 11:26:19
90
原创 Vue项目创建
方法1代码创建1.进入文件夹,输入命令vue create+文件名vue create tes32.选择配置，easyconfig是之前保留的配置，我们现在选择Manually select features进行手动配置。空格选定或者取消选项。这里我们选择了1，2两个最基础的。然后回车。3. 选择vue版本。回车。4.所有的配置都装在一个文件package.json里就选第二个。第一个是另外创建单独的文件。5.下面问你需不需要保存当前的配置，需要就选y，给他起.
2021-03-25 21:44:59
149
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人