查找字符串中第一个唯一的字符

Z___R — Wed, 23 Dec 2020 10:32:14 +0800

给定一个字符串，找到它的第一个不重复的字符，并返回它的索引。如果不存在，则返回 -1。通过hash 和map /** * @param {string} s * @return {number} */ var firstUniqChar = function(s) { let map = new Map(); let hash = {}; //记录字符串 for(let i =0; i

最小爬楼梯

Z___R — Mon, 21 Dec 2020 15:15:16 +0800

数组的每个索引作为一个阶梯，第 i个阶梯对应着一个非负数的体力花费值 costi。每当你爬上一个阶梯你都要花费对应的体力花费值，然后你可以选择继续爬一个阶梯或者爬两个阶梯。您需要找到达到楼层顶部的最低花费。在开始时，你可以选择从索引为 0 或 1 的元素作为初始阶梯。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/min-cost-climbing-stairs 著作权归领扣网络所有。商业转载请联系官方授权，非商业转载请注明出

数组中重复的数字 for和for of的效率比较

Z___R — Thu, 17 Dec 2020 14:45:32 +0800

在一个长度为 n 的数组 nums 里的所有数字都在 0～n-1 的范围内。数组中某些数字是重复的，但不知道有几个数字重复了，也不知道每个数字重复了几次。请找出数组中任意一个重复的数字。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/shu-zu-zhong-zhong-fu-de-shu-zi-lcof 著作权归领扣网络所有。商业转载请联系官方授权，非商业转载请注明出处。题解通过解题 for of 的效率没有for 的效率高 /** * @p

2020-12-04 最长无重复子串长度

Z___R — Fri, 04 Dec 2020 17:14:24 +0800

给定一个数组arr，返回arr的最长无的重复子串的长度(无重复指的是所有数字都不相同)。遍历数组，将不重复的数组通过map 记录数值和下标，当重复时候，比较max（最长无重复长度）与map 的长度，取最大值，将index 重新定位到出现重复数字的下一位 /** * 代码中的类名、方法名、参数名已经指定，请勿修改，直接返回方法规定的值即可 * * @param arr int整型一维数组 the array * @return int整型 */ export function maxLength

等高、双飞翼、圣杯、flex实现中间自适应、两边固定的布局

Z___R — Thu, 03 Dec 2020 10:41:47 +0800

等高布局通过margin 和padding实现父盒子设置溢出隐藏子盒子设置元素为float , 设置margin-bottom 为-2000px (为负值，此时父元素不撑开) 设置padding-bottom 的值为2000px，相抵，当改盒子的里面东西添加时候，父盒子就会撑开，同时，所有的子盒子溢出的部分也会显示，出现等高效果

2020-12-03 原型问题和New对象问题

Z___R — Thu, 03 Dec 2020 08:36:11 +0800

typescript 数据类型整理

Z___R — Wed, 02 Dec 2020 14:39:56 +0800

布尔值 boolean let isDone: boolean = false; 数字 number 支持十进制、十六进制、二进制、八进制 let decLiteral: number = 6; let hexLiteral: number = 0xf00d; let binaryLiteral: number = 0b1010; let octalLiteral: number = 0o744; 字符串 string 和其他语言相似可以使用模板字符串、用反引号包围`` 可以使用${} 嵌入表达式

2020-12-02 数组原地去重

Z___R — Wed, 02 Dec 2020 09:43:47 +0800

给定一个排序数组，你需要在原地删除重复出现的元素，使得每个元素只出现一次，返回移除后数组的新长度。不要使用额外的数组空间，你必须在原地修改输入数组并在使用 O(1) 额外空间的条件下完成。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/remove-duplicates-from-sorted-array 著作权归领扣网络所有。商业转载请联系官方授权，非商业转载请注明出处。通过双指针操作，将不重复的数组移动到前面 /** * @par

2020-12-1 二分查找

Z___R — Tue, 01 Dec 2020 09:06:19 +0800

请实现有重复数字的有序数组的二分查找。输出在数组中第一个大于等于查找值的位置，如果数组中不存在这样的数，则输出数组长度加一。注意：短路 public class Solution { /** * 二分查找 * @param n int整型数组长度 * @param v int整型查找值 * @param a int整型一维数组有序数组 * @return int整型 */ public int upper_bound_

HTML5 CSS3 知识总结

Z___R — Mon, 30 Nov 2020 14:08:33 +0800

HTML 与XHTML的区别 1、DOCTYPE文档与编码 2、大小写 XHTML不允许大写标签 3、单标签要加结束 HTML 但是在XHTML中必须有 4、属性值必须加引号 5、属性布尔值，在HTML中可以true可以直接写名字，但是在XHTML中不可以如checked = “checked” 在HTML可以直接写checked 6、图片中在XHTML中必须加 alt=“ ” strong和 b 、em 和 i 表现形态，文本加粗和文本倾斜 stron

ES6 部分知识箭头函数 promise

Z___R — Mon, 30 Nov 2020 14:07:44 +0800

ES6 部分知识箭头函数 const ccc = () => {} const sum = (num1,num2) => {return num1+num2} const sum = num1 => { return num*num } //一个参数小括号可以省略 const mul = (num1,num2) => num1*num2; //之后一行代码值return可以省略，自动返回箭头函数的this引用的最近的作用域中的this，向外层的作用域中，一层层查找this，直到

axios 全局配置封装拦截器

Z___R — Mon, 30 Nov 2020 14:06:57 +0800

axios npm i axios --save axios({ url: 'http://localhost:3000/dj/program?rid=336355127', method: 'get' }).then(res => { console.log(res); }) axios({ url: 'http://localhost:3000/search', // 专门针对get请求的参数拼接 params:{ keywords: '海阔天空' },

Vuex 状态管理模式单页面、多页面

Z___R — Mon, 30 Nov 2020 14:05:37 +0800

Vuex 状态管理模式采用集中式存储管理应用所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化多个组件共享的变量全部存储在一个对象里面放在顶层的Vue实例中，其他组件可以使用管理什么状态用户的登录状态、用户的名称、用户的头像、地理位置商品的收藏、购物车的物品单界面状态管理 state: 就是状态，（可以当做data中的属性） View ：视图层，可以针对State 的变化，显示不同的信息 Actions: 这里面是用户的个中操作，点击，出入等，会导致状态的改变 #merma

vue-router 动态路由懒加载导航守卫

Z___R — Mon, 30 Nov 2020 14:02:23 +0800

图片显示不出来见相应的补充中路由路由：通过互联网把信息从原地址传输到目的地址的活动 — 维基百科前端渲染、后端渲染早期整个HTML页面是由服务器来渲染的 jsp: java server page 图见：路由补充图 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8aD7RHmr-1606716128749)(C:\Users\ZR\AppData\Roaming\Typora\typora-user-images\image-2020112314113955

插槽 slot 具名插槽作用域插槽

Z___R — Mon, 30 Nov 2020 14:00:18 +0800

插槽 slot 组件的插槽让封装好的组件更具扩展性让使用则可以决定组件内部的一些内容到底展示什么例如：每个页面都有导航栏，则封装成一个插件，可以在多个页面中复用抽取共有的可以为插槽设置默认值 slot 在组件中开辟一块可替换的位置，当父组件使用组件标签时候，将标签里面的标签替换掉组件中的slot中的标签

webpack 打包

Z___R — Mon, 30 Nov 2020 13:59:16 +0800

注意：webpack配置过程中,版本过新会出现问题，所以注意版本 webpack webpack 是现代的javascript应用的静态模块打包工具模块打包生成浏览器可以识别的文件前端模块化：ES6 浏览器可以识别 commonJS AMD CMD不能识别，通过webpack 可以打包处理成浏览器可以识别的代码并且能处理模块间的依赖关系把CSS、图片、json 文件都可以当做模块来使用 grunt/gulp 核心是Task 前端自动化任务管理工具没有用到模块化工具，强调前端流程的自动化 w

CommonJS ES6 模块化开发

Z___R — Mon, 30 Nov 2020 13:57:39 +0800

模块化开发早期通过创建对象，返回模块的出口 var moduleA = (function () { var obj={}; obj.flag = true; obj.myFunc = function (info) { console.log(info); } return obj; })(); //使用 if(moduleA.flag){ console.log("sdsds"); } moduleA.myFunc("sdsd"); CommonJS、 AMD、C

Vue组件组件之间的传递

Z___R — Mon, 30 Nov 2020 13:56:50 +0800

父传子 props 驼峰问题：props 对象名使用驼峰式的是时候，在父组件绑定时候，v-bind: 不支持驼峰式例如cMmoves 不可以要使用c-mmoves

//cMmoves 驼峰式的时候要使用c-mmoves ，不能直接使用cMmoves

Z___R的博客

查找字符串中第一个唯一的字符

最小爬楼梯

数组中重复的数字 for和for of的效率比较

2020-12-04 最长无重复子串长度

等高、双飞翼、圣杯、flex实现中间自适应、两边固定的布局

2020-12-03 原型问题和New对象问题

typescript 数据类型整理

2020-12-02 数组原地去重

2020-12-1 二分查找

HTML5 CSS3 知识总结

ES6 部分知识箭头函数 promise

axios 全局配置封装拦截器

Vuex 状态管理模式单页面、多页面

vue-router 动态路由懒加载导航守卫

插槽 slot 具名插槽作用域插槽

webpack 打包

CommonJS ES6 模块化开发

Vue组件组件之间的传递

二进制实现加法

2020-11-17判断链表是否有环

Z___R的博客

查找字符串中第一个唯一的字符

最小爬楼梯

数组中重复的数字 for和for of的效率比较

2020-12-04 最长无重复子串长度

等高、双飞翼、圣杯、flex实现中间自适应、两边固定的布局

2020-12-03 原型问题和New对象问题

typescript 数据类型整理

2020-12-02 数组原地去重

2020-12-1 二分查找

HTML5 CSS3 知识总结

ES6 部分知识箭头函数 promise

axios 全局配置 封装 拦截器

Vuex 状态管理模式 单页面、多页面

vue-router 动态路由 懒加载 导航守卫

插槽 slot 具名插槽 作用域插槽

webpack 打包

CommonJS ES6 模块化开发

Vue组件 组件之间的传递

二进制实现加法

2020-11-17判断链表是否有环

axios 全局配置封装拦截器

Vuex 状态管理模式单页面、多页面

vue-router 动态路由懒加载导航守卫

插槽 slot 具名插槽作用域插槽

Vue组件组件之间的传递