- 博客(43)
- 收藏
- 关注
RSS订阅原创 密码强度等级(牛客网算法 javascript node)
"#$%&'()*+,-./ (ASCII码：0x21~0x2F){|}~ (ASCII码：0x7B~0x7E)[]^_` (ASCII码：0x5B~0x60)10 分: 密码里的字母全都是小（大）写字母。20 分: 密码里的字母符合”大小写混合“= 0: 非常弱（Very_Weak）5 分: 大小写字母、数字和符号。= 80: 安全（Secure）20 分: 大于1 个数字。25 分: 大于1 个符号。3 分: 字母、数字和符号。
2024-02-29 15:25:56
715
原创 DNA序列（牛客网算法/javascript Node环境）
一个 DNA 序列由 A/C/G/T 四个字母的排列组合组成。G 和 C 的比例（定义为 GC-Ratio ）是序列中 G 和 C 两个字母的总的出现次数除以总的字母数目（也就是序列长度）。给定一个很长的 DNA 序列，以及限定的子串长度 N ，请帮助研究人员在给出的 DNA 序列中从左往右找出 GC-Ratio 最高且长度为 N 的第一个子串。数据范围：字符串长度满足 1≤n≤1000 ，输入的字符串只包含 A/C/G/T 字母。找出GC比例最高的子串,如果有多个则输出第一个的子串。
2024-02-29 14:10:48
388
原创 整数与IP地址间的转换(牛客网算法/Javascript Node)
组合起来即为：00001010 00000000 00000011 11000001,转换为10进制数就是：167773121，即该IP地址转换后的数字就是它了。原理：ip地址的每段可以看成是一个0-255的整数，把每段拆分成一个二进制形式组合起来，然后把这个二进制数转变成。每段数字 相对应的二进制数。举例：一个ip地址为10.0.3.193。数据范围：保证输入的是合法的 IP 序列。1 输出转换成10进制的IP地址。2 输入10进制型的IP地址。2 输出转换后的IP地址。
2024-02-29 13:01:41
351
原创 走方格的方案数（牛客网算法/javascript node）
请计算n*m的棋盘格子（n为横向的格子数，m为竖向的格子数）从棋盘左上角出发沿着边缘线从左上角走到右下角，总共有多少种走法，要求不能走回头路，即：只能往右和往下走，不能往左和往上走。输入两个正整数n和m，用空格隔开。注：沿棋盘格之间的边缘线行走。
2024-02-29 12:52:05
276
原创 记票统计（牛客网算法/Javascript Node）
按照输入的顺序，每行输出候选人的名字和得票数量（以" : "隔开，注：英文冒号左右两边都有一个空格！），最后一行输出不合法的票数，格式为"Invalid : "+不合法的票数。第一行输入候选人的人数n，第二行输入n个候选人的名字（均为大写字母的字符串），第三行输入投票人的人数，第四行输入投票。请实现一个计票统计系统。你会收到很多投票，其中有合法的也有不合法的，请统计每个候选人得票的数量以及不合法的票数。（注：不合法的投票指的是投票的名字不存在n个候选人的名字中！
2024-02-29 12:48:50
275
原创 js的var let const 解构赋值 去重 promise执行顺序
【代码】js的var let const 解构赋值 去重 promise执行顺序。
2024-02-22 14:38:02
129
原创 js的null undefined filter foreach map 递归
【代码】js的null undefined filter foreach map 递归。
2024-02-22 13:33:45
213
原创 Vue学习总结6
组件Vue中使用组件的三大步骤：一、定义组件（创建组件） 使用Vue.extend(option)创建，其中options和new Vue(options)时传入的那个option几乎一样，但也有一些区别 1.el不要写，因为最终所有的组件都要经过一个vm的管理，由vm中的el决定服务哪个容器 2.data必须写成函数，避免组件被复用时，数据存在引用关系 使用template可以配置组件结构二、注册组件 1.局部注册：靠 new Vue的时候传入 components 选项 2.全局
2021-09-08 10:08:11
177
原创 Vue学习总结5
生命周期生命周期： 1.又名：生命周期回调函数、生命周期函数、生命周期钩子 2.是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数 3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的 4.生命周期函数中的this指向是vm或组件实例对象常用的生命周期钩子： 1.mounted：发送ajax请求、动定时器、绑定自定义事件、订阅消息等【初始化操作】。 2.beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】。关于销毁Vue实例： 1.
2021-08-30 15:49:02
170
原创 Vue学习总结4
表单数据若：< input type=“text” />，则v-model收集的是value值，用户输入的就是value值若：< input type=“radio” />，则v-model收集的是value值，且要给标签配置value值若：< input type=“checkbox” />， 1.没有配置input的value属性，那么收集的就是checked（勾选or未勾选，布尔值） 2.配置input的value属性： （1）v-model的初
2021-08-30 13:26:25
137
原创 Vue学习总结3
列表渲染v-for指令:用于展示列表数据语法:v-for="(item, index) in xxx" :key=“yyy”可遍历:数组 对象 字符串(用得很少) 指定次数(用的很少)key的原理虚拟DOM中key的作用:key时虚拟DOM对象的标识,但数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较对比规则：（1）旧虚拟DOM中找到了与新虚拟DOM相同的key - 若虚拟DOM中内容没变，直
2021-08-26 17:53:49
113
原创 Vue学习总结2
计算属性定义：要用的属性不存在，要通过已有属性计算得来原理：底层借助了Object.defineProperty方法提供的getter和setterget函数什么时候执行？（1）
2021-08-24 10:01:10
94
原创 vue学习总结
数据绑定单向绑定（v-bind）：数据只能从data流向页面双向绑定（v-model）：数据不仅能从data流向页面，还可以从页面流向data备注：双向绑定一般用在表单类元素上（如：input，select等）；v-model默认收集的就是value值el和data的两种写法el的两种写法new Vue时候配置el属性// 写法1const v = new Vue({ el: '#root', data: { name: 'zhangsan' }})
2021-08-20 11:16:01
110
原创 开发的笔记
JSP文件获取URL中的参数获取<% String model = request.getParameter("model");%>使用<c:set var="model" value="${param.model}"/><%=model %>
2021-06-24 17:30:48
103
原创 CSS 单行/多行文本隐藏
<div class="father"> <span class="child"> 遥襟甫畅，逸兴遄飞。爽籁发而清风生，纤歌凝而白云遏。 睢园绿竹，气凌彭泽之樽；邺水朱华，光照临川之笔。 四美具，二难并。穷睇眄于中天，极娱游于暇日。 天高地迥，觉宇宙之无穷；兴尽悲来，识盈虚之有数。 望长安于日下，目吴会于云间。地势极而南溟深，天柱高而北辰远。 关山难越，谁悲失路之人？萍水相逢，尽是他乡之客。 怀帝阍而不见，奉宣室以何年？ </span>&
2021-06-03 10:37:53
278
原创 es6 Class
// 通过构造函数生成实例对象function Point(x,y) { this.x = x this.y = y}Point.prototype.toString = function () { return '(' + this.x + ',' + this.y + ')'}var p = new Point(1,2)// es6class Point { constructor(x,y){ this.x = x this.y = y } toString()
2021-01-08 15:22:30
109
原创 es6 数组的扩展方法
扩展运算符（…）将一个数组转为用逗号分隔的参数序列替代函数的 apply 方法：function f(x,y,z){ // ...}var args = [0,1,2]f.apply(null,args) // es5f(...args) // es6应用
2021-01-06 10:00:02
157
原创 es6 let const
let、constlet基本用法let类似于var，但是所声明的变量，只在let命令所在的代码块内有效var a = []for(var i = 0;i<10;i++){ a[i] = function(){ console.log(i) }}a[6]() // 10i 是 var 命令声明的，在全局范围内都有效，所以全局只有一个变量 i。每次循环，变量 i 的值都会发生变化，而循环内被赋给数组 a 的函数内部的 console.log(i),里面的 i 指向的就是全局的 i
2020-12-22 16:23:04
163
1
原创 前端基础知识（持续更新vue）
双向绑定的原理实现当创建Vue实例时，vue会遍历data选项的属性，利用Object.defineProperty() 为属性添加 getter 和 setter 对数据的读取进行劫持（getter用来收集依赖，setter用来派发更新），并且在内部追踪依赖，在属性被访问和修改时通知变化。每个组件实例会有相应的 watcher 实例，会在组件渲染的过程中记录依赖的所有数据属性（进行依赖收集，还有computed watcher，user watcher实例），之后依赖项被改动时，setter方法会通知
2020-12-08 16:40:21
104
原创 前端基础知识（持续更新js）
2020就剩最后一个月了，是时候努力起来了！原型链原型链是js实现继承的主要方式，从数据结构来看其实就是一个链表，实例有一个指向原型的指针，原型又包含一个指向构造函数的指针，层层递进作用域链在查找变量时候，会从当前上下文的变量对象中查找，如果没有找到，就会从父级执行上下文的变量对象中查找，一直找到全局上下文的变量对象，也就是全局对象。dom文档模型 冒泡捕获冒泡：事件会从最内层的元素开始发生，发生顺序一直向上，直到documentp->div->body->htm
2020-12-07 13:49:20
115
原创 leetcode1363
题目描述：给你一个整数数组 digits，你可以通过按任意顺序连接其中某些数字来形成 3 的倍数，请你返回所能得到的最大的 3 的倍数。由于答案可能不在整数数据类型范围内，请以字符串形式返回答案。如果无法得到答案，请返回一个空字符串。示例 1：输入：digits = [8,1,9]输出：“981”示例 2：输入：digits = [8,6,7,1,0]输出：“8760”示例 3：输入：digits = [1]输出：""示例 4：输入：digits = [0,0,0
2020-12-03 11:21:40
197
原创 vue生命周期
仅供自学 原文链接https://juejin.cn/post/6844903811094413320beforeCreate()初始化页面前created()初始化页面后beforeMount()渲染dom前mounted()渲染dom后beforeUpdate()更新数据前updated()更新数据后beforeDestroy()卸载组件前destroyed()卸载组件后beforeCreate->created初始化vue实例，进行数据观测created完.
2020-12-01 14:39:16
147
原创 学习记录_1126
从URL输入到页面展现到底发生什么？DNS解析，将域名解析成IP地址TCP连接，TCP三次握手发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面断开连接：TCP四次挥手
2020-11-26 11:44:29
137
原创 学习记录_0922
使用elector把vue打包exe提供两种方法 原理是相同的 第一种比较简单的：一新建文件夹 在当前文件夹中打开cmdnpm init初始化项目，会生成一个package.json文件npm install electron --save-dev安装electronnpm install electron-packager --save-dev...
2020-09-23 12:01:25
115
原创 学习记录_0921
常用函数https://juejin.im/post/6873513007037546510一、防抖function debounce(func,ms = 500){ let timer return function(...arges) { if(timer) { clearTimeout(timer) } timer = setTimeout( () => { func.apply(this,args) },ms) }}二、节流function
2020-09-23 11:00:02
208
原创 学习记录_0918
JavaScript中的Event Loophttps://zhuanlan.zhihu.com/p/33058983js最初的用途是与浏览器交互，是单线程非阻塞的脚本语言，单线程意味着在执行代码时候只有一个主线程来处理所有业务。
2020-09-22 09:54:42
258
原创 学习记录_0916
常用的csshttps://juejin.im/post/6869659680496041991一、设置 input 的 placeholder的字体样式input::-webkit-input-placeholder { /* chrome/opera/safari */ color:red}input::-moz-placeholder { /* firefox 19+ */ color:red}input:-moz-placeholder {
2020-09-18 14:14:53
134
原创 leader-line-vue在ie11不兼容
leader-line-vue在ie11不兼容1.通过npm在项目中安装babel-polyfill包2.找到项目的配置文件 我的项目是通过vue-cli3创建的 在vue.config.js进行添加如下配置module.exports = { chainWebpack: config => { config.entry('main').add('babel-polyfill'); }, transpileDependencies: [ 'leader-line-vue' ]
2020-09-14 09:42:17
705
原创 学习记录_0909
原型、原型链https://juejin.im/post/6844903749345886216一、引用类型皆为对象JavaScript中一切引用类型都是对象，对象就是属性的集合。Array类型、Function类型、Object类型、Data类型、RegExp类型等都是引用类型。也就是说 数组是对象，函数是对象，正则是对象，对象还是对象。let arr = []let fn = function () {}let obj = {}arr instanceof Object // t
2020-09-10 14:33:12
104
原创 学习记录_0908
newhttps://juejin.im/post/6844903789070123021function Test(name) { this.name = name}Test.prototype.sayName = function() { console.log(this.name)}const t = new Test("张三")console.log(t.name) // 张三t.sayName() // 张三结论：new 通过构造函数 Test 创建出来的实
2020-09-08 17:02:02
96
原创 学习记录_0907
git常用命令https://juejin.im/post/6869519303864123399#comment基本概念版本库：使用 git init 时，会多一个 .git 文件夹，称之为版本库工作区：本地项目存放文件的位置暂存区：暂时存放文件的地方，add 命令将工作区的文件添加到缓冲区本地仓库（Repository）：commit 命令将暂存区的文件添加到本仓库远程仓库（Remote）：github托管，clone 命令将远程仓库代码拷贝下来，本地代码更新后，通过push到远程仓库
2020-09-08 15:34:39
94
原创 学习记录_0903
thishttps://juejin.im/post/6844903496253177863this 的指向this永远指向最后调用它的那个对象例1：var name = "windowsName"function a() { var name = "Cherry" console.log(this.name) // windowsName console.log("inner:" + this) // inner:Window} a()console
2020-09-07 16:16:05
79
原创 学习记录_0902
回流和重绘https://juejin.im/post/6844903734951018504#comment浏览器的渲染过程解析html，生成DOM树，解析CSS，生成CSSDOM树将DOM树和CSSDOM树结合，生成渲染树（Render Tree）Layout（回流）：根据生成的渲染树，进行回流（Layout），得到节点的几何信息（位置、大小）Painting（重绘）：根据渲染树以及回流得到的几何信息，得到节点的绝对像素Display：将像素发送给GPU，展示在页面上生成渲染树
2020-09-04 14:50:41
119
原创 学习记录_0901
CSS知识整理https://juejin.im/post/68677159469417758851.盒模型包装 html 标签的容器，组成包括 content+padding+border+margin 不同浏览器元素高度可能不一致，除了内置 margin 和 padding 不同之外，可能是 IE 和 W3C 的盒子模型组成不同。W3C盒子模型：可通过 box-sizing:content-box 来设置，包含 content+padding+border+marginIE盒子模型：可通
2020-09-03 15:12:28
113
原创 学习记录_0831
VUE响应式原理https://juejin.im/post/6850418111985352711VUE响应式原理1.什么是VUE响应式？当数据发生改变时，会重新渲染页面2.完成这个过程 需要哪些步骤a.侦测数据的变化 ========================》数据劫持/数据代理b.收集视图依赖了哪些数据 ========================》依赖收集c.数据发生变化时 自动通知需要更新的视图
2020-09-03 10:21:40
192
原创 解决first-child、last-child 不生效问题
问题描述：用结构伪类first-child、last-child有时会失效原因：选择器的生效条件其实是div最后一个子元素必须是p，但实际HTML结构中，总会各种类型元素夹杂穿插在一起解决方法：使用div p:last-of-type，只会从p元素中找，会忽略其他类型元素，p:last-of-type {background-color: blue;}...
2020-08-12 08:52:41
1525
转载 网页配色方案
转自配色的经验法则（1）网页的主题色 深颜色使用c、f、6、9这四个字符，组合生成 RGB 色值，比如紫罗兰色是9966ff，靛蓝是6666ff，红色是ff6666。 淡颜色使用a、b、c、d、e、f这六个字符，组合生成 RGB 色值。（2）文字的颜色 文字最好不要使用全黑，而是使用深蓝色，可以从下面几种颜色挑。1a2a3a最深，2a3a4a次之，7a8a9a最浅。（3）背景色、阴影色、边框色 背景色、阴影色、边框色都属于衬托，建议使用灰色，可以从aaaaa、bbbbbb、cccccc
2020-05-11 12:42:24
442
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人