个人心得
文章平均质量分 64
个人心得
贪吃ღ大魔王
深耕于技术写博,致力于前端开发。
展开
-
每天嚼烂5道精选面试题,【中高级工程师】的进阶之路(day01)
1、封装一个方法,要求把给定的任意的 IP 字符串,转化成 32 位的二进制字符串。思路:用 split()将 ip 炸开,进行遍历将每个截断转为数字,再转为二进制字符串如果截断的长度不够八位,需要补够八位存入数组,转为字符串实现步骤:用 split()将 ip 炸开,用 list 接收 function toget(ip) { let list; list = ip.split('.') co原创 2021-07-12 12:54:03 · 737 阅读 · 24 评论 -
想进大厂,没听说过设计模式?10次面试,9次面试官问!没看是您的损失~
## 1 设计模式### 概念设计模式是为了解决某种问题,而设计的一套最佳解决方案。面向对象 - 更加注重对象 - 找一种最佳的定义对象并个对象添加属性和方法 的 方案找到的最佳的解决方案 - 就是一种设计模式针对不同的问题,我们会有不同的最佳解决方案 - 设计模式常见的设计模式:- 单例模式- 组合模式- 观察者模式- 命令模式- 代理模式- 工厂模式- 策略模式- 适配器模式- 。。。<hr>### 1.1 单例模式数据库连接 - 多个功能都需要操作数据库原创 2021-06-06 11:41:32 · 1298 阅读 · 227 评论 -
听叔一句劝,这里面水太深,历数模块化开发,你把握的住吗?
闲言碎语一、投石问路1.1 模块化开发起始1.2 起始开发方式1.3 IIFE伪模块化规范1.4 AMD模块化规范二、醍醐灌顶2.1 CMD模块化规范三、九九归一3.1 Commonjs3.2 es6的模块化原创 2021-06-01 07:56:01 · 761 阅读 · 140 评论 -
一篇博文带你 jQuery入门,万字肝爆! 建议收藏~
jQuery介绍jQuery伪数组和DOM元素????选择器⭐⭐⭐筛选器⭐⭐⭐表单元素选择器 -- 了解表单对象选择器 - 重点⭐⭐⭐筛选器方法 -- 重点⭐⭐⭐事件⭐属性操作⭐样式操作⭐⭐类名操作元素内容操作⭐元素节点操作创建元素:添加元素⭐替换元素删除元素复制元素元素尺寸元素位置动画⭐基本动画自定义动画JQ高级????jquery发送ajax请求⭐⭐⭐get请求post请求⭐⭐ajax请求⭐⭐jsonp请求⭐⭐全局ajax函数⭐jquery的原创 2021-05-29 07:53:22 · 6756 阅读 · 202 评论 -
10分钟入门~面试官问我这个问题,我自信的站了起来!一笑生花
文章目录前言认识函数函数在内存中执行原理执行空间不销毁的函数闭包闭包xmind图形成条件闭包的语法糖函数柯里化闭包面试题继承继承xmind图概念继承方案原型继承### 借用函数继承组合继承拷贝继承寄生继承寄生组合继承(完美继承)ES6的继承前言如果你是一个入门初学者,对前端的重要知识掌握的不够扎实或间接遗忘,亦或你是现在正在寻找工作,背烂了面试题,却被面试官处处难为到,这篇博文一定对你有很大的帮助,这篇博文主要详细结合案例讲述前端的难点:闭包和继承。 是许多前端大佬拿来反复咀嚼的知识,也是面试官们必问原创 2021-05-25 18:58:32 · 358 阅读 · 17 评论 -
getelementbyid 和 queryselector 获取的区别
getelementbyid 和 queryselector 获取的区别querySelector()是用于接收一个CSS选择符,返回与该模式匹配的第一个元素;querySelectorAll()用于选择匹配到的所有元素简单的说,query选择符选出来的元素及元素数组是静态的,而getElement这种方法选出的元素是动态的。什么叫静态的?意思是指选出的所有元素的数组,不会随着文档操作而改变。举例: <ul> <li>111</li>原创 2021-05-16 21:57:33 · 446 阅读 · 2 评论 -
js 事件循环消息队列和微任务宏任务
文章目录一、事件循环与消息队列同步和异步的区别其实就在于需不需要排队的问题事件循环和消息队列怎么理解二、浏览器与Node的事件循环有何区别?1.浏览器事件循环过程2.node事件循环过程三、微任务和宏任务1.可能存在异步执行的情况2.宏任务3.微任务四、任务执行过程五、举例一、事件循环与消息队列因为js是单线程脚本语言,一般情况下代码是同步执行。也就是说js执行代码是一行一行向下执行的,前面没有执行完成是不会执行后面的代码的。同步和异步的区别其实就在于需不需要排队的问题同步:所有任务一视同仁,都得原创 2021-05-05 22:39:46 · 365 阅读 · 2 评论 -
京东搜索框的汉语分词技术太牛了!!!---------js的番外拓展 (二)
系列文章目录文章目录系列文章目录前言一、分词涉及的主要问题 ?1. 核心词表问题2.词的变形问题3.词缀的问题4.不同目标的应用二、基于词典和规则的汉字分词分类1 基于词典和规则的汉字分词1.1 最大匹配分词方法1.2 全切分分词算法1.3 基于理解的中文分词算法2.1 N元语法(N-gram)模型和隐马尔可夫模型(HMM)2.2 互信息模型2.3 最大熵模型3 规则和统计方法相结合的汉字分词方法三、常用中文分词包总结前言中文分词的技术是怎样实现的?例如有一段文字“吃亏不要紧,只要主义真”原创 2021-04-30 00:21:59 · 981 阅读 · 3 评论 -
JS的垃圾回收机制-----------------------------js的番外拓展 (一)
文章目录前言一、什么是JS的垃圾回收机制(Garbage Collecation)?二、垃圾回收机制的种类1.标记清除2.引用计数三、IE的垃圾回收机制问题前言时间太紧,手头工作腾不开手,忙里偷闲来写这篇博客。是关于js的垃圾回收机制,有兴趣的可以了解一下。一、什么是JS的垃圾回收机制(Garbage Collecation)? 对于其他语言来说,如C,C++,需要开发者手动的来跟踪内存,而JS的垃圾回收机制使得JS开发人员无需再关系内存的情况,所有的内存分配以及回收都会由垃圾回收器自动原创 2021-04-28 23:18:08 · 454 阅读 · 0 评论 -
BFC实现常见的oa后台页面布局
前言前端开发需要实现多终端的页面适配与兼容,那么今天切图仔的我们一起来看看如果利用简单的三行代码实现一个oa后台页面布局先来看看最常见的oa后台长什么样子这样的后台看似很简单呀,分左右布局量,出左右宽高就可以实现啦~解题思路:按照固定左右布局,量出左右两侧宽高,再进行浮动在一行内进行显示,代码如下html代码:<!--html代码--> <div class="left-box">左侧</div> <div class="right-box"&原创 2021-04-24 15:52:44 · 497 阅读 · 7 评论 -
个人推荐---VScode插件和VScode的快捷键(好用)
文章目录一、VScode插件使用说明?二、推荐插件(好用)1.Auto Close Tag2.Auto Rename Tag3.Beautify4.Bracket Pair Colorizer5.Debugger for Chrome6.ESLint7.GitLens8.HTML CSS Support9.HTML Snippets10.JavaScript(ES6) code snippets11.jQuery Code Snippets12.Markdown Preview Enhanced13.Mat原创 2021-04-22 18:55:57 · 1096 阅读 · 2 评论 -
js中数组方法总结---详细
js中数组方法总结—详细文章目录js中数组方法总结---详细前言一、数组的创建方法?二、数组的常规操作方法1.数组遍历2.数组的增删查改二、使用循环等原理实现数组的方法1,遍历数组2,数组排序3,数组翻转4,数组去重4,查找数组中重复项以及下标二、数组原有方法和ES5新增方法前言数组在javascript中是比较基础的,但是在后期的实际开发和模块项目中,不可或缺,十分重要,今天来对数组的所有方法进行总结。一、数组的创建方法?JavaScript中创建数组有两种方式(一)使用 Array 构造函数原创 2021-04-19 19:17:57 · 550 阅读 · 2 评论 -
DOM复选框全选和反选
DOM复选框全选和反选实现代码 手打: <style type="text/css"> table { margin: 100px auto; border-collapse: collapse; } td, th { text-align: left; width: 120px; height: 30px; border: 1px solid palegreen; } </style>原创 2021-04-17 17:17:21 · 152 阅读 · 0 评论 -
解决子元素浮动造成父元素高度塌陷的问题的几种方法
解决子元素浮动造成父元素高度塌陷的问题的几种方法第一种:clear清除浮动 在浮动元素后的同级元素直接用clear清除前一元素的浮动第二种:伪类清除浮动 一个父级元素内所有子元素都为浮动元素,则在父级元素尾部自动创建一个非浮动块状元素第三种:子级方法 在子元素的最后添加一个高度为0的子元素,并且让他清除浮动第四种:父级方法 (1)给父元素设置display:inline-block;原创 2021-04-15 12:34:48 · 2665 阅读 · 0 评论 -
字符串的操作方法和求次数出现最多的字符和次数
字符串的操作方法和求次数出现最多的字符和次数<script type="text/javascript"> var str = 'abaasdffggghhjjkkgggfddssss344343'; **字符串长度** console.log(str.length); 取出 3 和 d var arr = []; for (var i = 0;i < str.length;i++) { if (str.charAt(i)原创 2021-04-13 21:02:05 · 268 阅读 · 1 评论 -
js实现猜数字游戏加强版 有次数限制
随机输入两个数min 和max 在两个数中间生成一个随机数 进行猜数字游戏 且有猜的次数限制<head> <meta charset="UTF-8"> <title></title></head><script type="text/javascript"> function getRandom(min, max) { min = Math.ceil(min); max = Math.floor(max);原创 2021-04-13 13:34:58 · 1584 阅读 · 0 评论 -
动画函数添加回调函数
动画函数添加回调函数动画函数添加回调函数的方法具体代码列: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div style="position: absolute;top:50px;left:0;width:200px;he原创 2021-04-12 20:09:06 · 185 阅读 · 1 评论 -
随笔
随笔text-indent 单位px或 em 1em=16px字体加粗 font-weight:bold字体变细 font-weight:lighter字体倾斜 font-style:italic加下划线 text-decoration:underline加删除线 text-decoration:line-through去掉下划线 text-decoration:none文本和图片水平居中 text-align:center垂直方向对齐方式:vertical-align:middle行原创 2021-04-09 13:43:29 · 165 阅读 · 1 评论 -
CSS的文本属性和CSS的字体属性小结
CSS的文本属性和CSS的字体属性小结1.css的文本属性: 1、css文本属性之文本中大小写字母转换—text-transform 属性值: text-transform:uppercase;(大写) text-transform:lowercase;(小写) text-transform:capitalize;首字母大写) 2.css文本属性之设置段落行高—-line-height 属性值:百分比,px,数字 3.css文本属性之文本居中——text-ali原创 2021-03-31 08:59:33 · 293 阅读 · 1 评论 -
关于什么是浮动和清除浮动的方法——个人心得
关于什么是浮动和清除浮动的方法——个人心得1.关于什么是浮动,浮动有什么特点?要想知道什么是浮动,我们要先了解什么是文档流,文档流是页面布局的一种,如一个页面中主要的板块都是块元素且各占一行,在页面中从上往下排列的布局叫做文档流。当一个元素浮动的时候,它会从页面中脱离文档流,浮动的元素不再占有原来的位置,下面的元素会顶替上来在它的位置。我们举个简单的栗子:我们在一个父元素盒子box中,设定A、B两个块元素、当我们把A浮动的时候,A会脱离文档流,不再占有它原来的位置,B会补充它的位置,这时候A就会把B原创 2021-03-30 22:33:06 · 306 阅读 · 1 评论