普通网友-优快云博客

原创超高频前端【基础】面试问题及答案整理

IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框。

2024-07-14 03:55:37 990

原创【Vue入门实践3】不调后端接口==＞el-table单纯前端实现查询和重置功能==＞【el-table组件使用】表格静态前端筛选、查询重置功能

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。

2024-07-14 03:12:06 339

找到图标的内联SVG打开’ index.html '，你注意到的第一件事就是一个大的SVG元素。它包含所有页面的图标的路径，每个图标都包含在符号元素中，并赋予唯一的ID。这些符号在需要时使用’ use '元素进行引用，允许重复使用图标而不会重复SVG代码。添加CSS变量到SVG使用内联SVG而不是.SVG文件的一个好处是CSS可以访问其内部结构。这意味着我们的CSS变量（除了Edge，在写作时）。在“ index.html ”中，将SVG的样式块替换为下面的代码段。

2024-07-14 02:31:58 925

原创前端编程之路一一HTML的常用标签大全

等;2.html标签通常是成对出现，如：,第一个是开始，第二个有斜线的是结束；3.有些标签是单独呈现的，如：;4.标签里面带有若干属性，也有不带的；标签语法：内容部分

2024-07-13 14:25:26 1102

原创 Vue+ElementUI技巧分享：结合Sortablejs实现表格行拖拽_vue element-ui 实现表格拖拽

在很多动态网页应用中，用户界面的交互性是提高用户体验的关键。在 Vue.js 中，结合 Element UI 和sortablejs，我们可以轻松实现表格的行拖拽功能。本文将演示如何在 Vue 项目中使用这些工具，并在拖拽后将数据更新到后端服务系统。

2024-07-13 13:43:30 634

原创 AST 抽象语法树知识点

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

2024-07-13 05:06:57 725

原创深入分析JavaWeb Item34 -- DBUtils框架学习

编程基础的初级开发者，计算机科学专业的学生，以及平时没怎么利用过数据结构与算法的开发人员希望复习这些概念为下次技术面试做准备。或者想学习一些计算机科学的基本概念，以优化代码，提高编程技能。这份笔记都是可以作为参考的。

2024-07-12 18:40:09 1033

原创前端面试之前端性能优化

技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。

2024-07-12 17:49:09 630

原创【夯实基础--CSS】=＞复合选择器

nth-child(n) 选择器匹配属于其父元素的第 n 个子元素。| 选择器 | 作用 | 特征 | 使用情况 | 隔开符号及用法 || 后代选择器 | 用来选择元素后代 | 是选择所有的子孙后代 | 较多 | 符号是空格.nav a || 子代选择器 | 选择最近一级元素 | 只选亲儿子 | 较少 | 符号是.nav>p || 交集选择器 | 选择两个标签交集的部分 | 既是又是 | 较少 |没有符号p.one |

2024-07-12 16:57:38 747

原创 Vue + ElementUI 实现后台管理系统模板 -- 前端篇（一）：搭建基本环境配置环境

vue create sandcms2、等待出现以下提示进入项目并启动3、启动项目成功后进入以下界面即创建成功npm run serve基本环境配置1、自定义配置文件（此处为 vue-cli 4.0 创建的项目）（1）为什么使用自定义配置？有时候项目默认配置不能满足需求，可以手动去配置。【vue-cli 配置文件官方地址：】https://cli.vuejs.org/zh/config（2）如何使用？想要使用自定义配置，首先需要在项目的根目录下创建一个 vue.config.js。使用 js

2024-07-12 16:05:33 1075

原创 javascript从入门到高级，每天不停更新知识点（13天）

height: 50px;}/* .d {margin: 200px auto;text-align: center;} */li {list-style: none ;}body {background: url(images/1.jpg) no-repeat center top;}ul {width: 100px;height: 100px;overflow: hidden;}.baidu {overflow: hidden;margin: 100px auto;/* background-color

2024-07-12 15:14:06 263

原创 2024年Web前端面试宝典WebAPI部分

1、什么是Property每个DOM节点都是一个object对象，它可以像其他的js Object一样具有自己的property和method，所以property的值可以是任何数据类型，大小写敏感，原则上property应该仅供 js操作，不会出现在html中（默认属性除外：id/src/href/className/dir/title/lang等），和其他js object一样，自定义的property也会出现在object的for…in遍历中2、什么是Attribute。

2024-07-12 14:21:47 528

原创你不知道的JavaScript--Item13 理解 prototype, getPrototypeOf 和proto_getprototypeof proto

User函数拥有一个默认的prototype属性，该属性的值是一个空对象。在以上的例子中，向prototype对象添加了两个方法，分别是toString和checkPassword。当调用User构造函数得到一个新的对象u时，它的原型对象会被自动赋值到User.prototype对象。即u.prototype === User.prototype会返回true。User函数，User.prototype，对象u之间的关系可以表示如下：上图中的箭头表示的是继承关系。

2024-07-05 02:36:45 742

原创【超级炫酷的旋转特效——html实现（附源代码）

根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。html5 / css3 学习笔记JavaScript 学习笔记Vue 学习笔记。

2024-07-05 01:33:54 1200

原创 ①万字《详解canvas api画图》小白前端入门教程（建议收藏）

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。更新中。🍅 知识体系。

2024-07-05 00:32:36 416

原创 Vue自定义指令和计算属性和侦听器和过滤器(1)

1.局部指令,需要定义在directives的选项,用法和全局用法一样2.局部指令只能在当前组件里面使用3.当局部指令和全局指令同名时以局部指令为准。

2024-07-04 23:29:37 298

原创 Vue 学习总结笔记 (一)

令：就是当什么什么时候，v-on可以简写为@。**v-on:click就是当点击的时候，v-on:click可以简写为@click。参数属性methods：来存放我们设定的函数的。Document你好，{{name}}！v-on指令：就是当什么什么时候。v-on:click就是当点击的时候。点我提示信息10.2 methods方法和 event事件对象我们在methods方法中设定好的函数，默认第一个参数是可以接受到一个event事件对象。

2024-07-04 22:33:49 321

原创 ReactNative进阶（四十）：应用 ListView 实现分组列表_rn faltlist 分组列表

选择渲染的频率，默认情况下每一个event-loop(事件循环)只会渲染一行(可以同pageSize自定义属性设置)。这样可以把大的工作量进行分割，提供整体渲染的性能。

2024-07-04 21:33:11 365

原创 JQuery最全常用方法指南

);ajaxStop(callback) 当所有的AJAX都停止时，执行一个函数。这是一个Ajax事件当所有AJAX请求都停止时，隐藏loading信息。});ajaxSuccess(callback) 当一个AJAX请求成功完成后，执行一个函数。这是一个Ajax事件当AJAX请求成功完成时，显示信息。”);});jQuery.ajaxSetup(options) 为所有的AJAX请求进行全局设置。查看$.ajax函数取得所有选项信息。设置默认的全局AJAX请求选项。});

2024-07-04 20:25:18 411

原创 JavaScript函数中call、apply和bind的详解和手动实现

身世背景在前面的学习的JS原型链中，我们可以知道，js中所有的函数都是Function的实例，Function的原型对象即Function.prototype）中有很多属性和方法，其中就包括call,apply和bind方法。根据原型的规则，所有的函数都可以使用原型中属性和方法，所以，所有的函数并且只有函数可以使用call，apply和bind方法。它们的作用可以用一句话来描述：就是改变this的指向。call()、apply()和bind()的区别都能够改变目标函数执行时内部 this 的指向。

2024-07-04 19:29:43 337

原创 Git之常见的分支操作

你创建了一个属于你自己的分支，别人看不到，还继续在原来的分支上正常工作，而你在自己的分支上干活，想提交就提交，直到开发完毕后，再一次性合并到原来的分支上，这样，既安全，又不影响别人工作。添加一个新功能时，你肯定不希望因为一些实验性质的代码，把主分支搞乱了，所以，每添加一个新功能，最好新建一个feature分支，在上面开发，完成后，合并，最后，删除该feature分支。在master分支上修复了bug后，我们要想一想，dev分支是早期从master分支分出来的，所以，这个bug其实在当前dev分支上也存在。

2024-07-04 18:31:49 448

原创 Android WebView与Native通信总结

在上面我们已经基于方案完成了native与WebView间通信机制的实现，双方可以交换数据，但开发的时候需要考虑更多问题。比如，如果是Javascript向native发送数据，需要将数据转换成一个字符串，然后再将字符串发给native, native再去解析这个字符串，找到对应的处理方法，提取出相关的业务参数，再进行相应的处理。所以我们需要定义这个字符串的数据结构。在上面我们已经约定了，H5端可以采用向native发送数据，该方法只有一个字符串参数, 以获取用户信息这个业务功能为例，我们的字符串参数是。

2024-07-04 17:31:24 351

原创 11个 Javascript 小技巧【文末送书】

/ 逻辑清晰，一眼读懂每一步在做什么，某些提炼出来的函数还可以被复用// 获取数据// 显示页面addEvent();// 添加事件2. 合并重复的条件片段如果一个函数体内有一些条件分支语句，而这些条件分支语句内部散布了一些重复的代码，那么就有必要进行合并去重工作。// 合并前// 跳转// 跳转}else{// 跳转// 合并后// 把jump 函数独立出来3. 把条件分支语句提炼成函数。

2024-07-04 16:28:40 352

原创悬浮按钮和可交互提示的使用

自定义标题栏悬浮按钮/>滑动自定义菜单。

2024-06-25 01:54:51 469

原创关于Git的一些经验总结

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。gin `可以推送一个本地标签；命令可以推送全部未推送过的本地标签；技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

2024-06-24 23:03:24 447

原创【117页】前端面试题大全！（包含 HTML、CSS

函数式编程其实是一种编程思想，它追求更细的粒度，将应用拆分成一组组极小的单元函数，组合调用操作数据流；它提倡着纯函数 / 函数复合 / 数据不可变，谨慎对待函数内的状态共享 / 依赖外部 / 副作用；Tips:其实我们很难也不需要在面试过程中去完美地阐述出整套思想，这里也只是浅尝辄止，一些个人理解而已。博主也是初级小菜鸟，停留在表面而已，只求对大家能有所帮助，轻喷🤣；我个人觉得: 这些编程范式之间，其实并不矛盾，各有各的。

2024-06-24 20:57:08 446

原创 vue + element-ui + 阿里云oss服务端签名后直传实践

只能上传jpg/png文件，且不超过10MB。

2024-06-24 19:04:05 352

原创 js------流程控制

对于框架原理只能说个大概，真的深入某一部分具体的代码和实现方式就只能写出一个框架，许多细节注意不到。算法方面还是很薄弱，好在面试官都很和蔼可亲，擅长发现人的美哈哈哈…（最好多刷一刷，不然影响你的工资和成功率???在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

2024-06-24 17:08:07 234

原创 Html5 中的 WebSocket通信_html5 websocket 通信

除了简历做到位，面试题也必不可少，整理了些题目，前面有117道汇总的面试到的题目，后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。

2024-06-24 15:22:34 973

原创 20120最新Web前端经典面试试题及答案-史上最全前端面试题汇总(含答案)

4. 结尾处加空div标签 clear:both原理：添加一个空div，利用css提高的clear:both清除浮动，让父级div能自动获取到高度优点：简单、代码少、浏览器支持好、不容易出现怪问题缺点：不少初学者不理解原理；如果页面浮动布局多，就要增加很多空div，让人感觉很不好5. 解释css sprites ，如何使用？

2024-06-24 13:24:24 761

原创深入分析JavaWeb Item32 -- 数据库连接池_java web项目items后面的值

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。个人将这段时间所学的知识，分为三个阶段：第一阶段：HTML&CSS&JavaScript基础第二阶段:移动端开发技术第三阶段:前端常用框架推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；如果因为我的笔记太过简陋不理解，可以关注我以后我还会继续分享。

2024-06-20 16:19:05 752

原创小实习项目 - 仿写京东商城 - CSS＋JS+HTML

【代码】小实习项目 - 仿写京东商城 - CSS＋JS+HTML。

2024-06-20 13:57:14 145

原创使用网络构建复杂布局超实用的技巧，赶紧收藏吧!

section {footer {首先，我们定义了，它将启用网格布局，然后我们使用grid-gap在网格元素中增加间隙。接下来，我们为每个html元素分配了一个网格区域名称。在grid-template-areas`属性定义html 模板的外观，注意网格模板区域是如何排列的。“header”“aside-1”“aside-2”“section”“footer”元素的顺序与 dom 结构不同。但是，最终按我们网络区域的顺序来展示。下一步是使我们的页面具有响应性。

2024-06-20 11:42:22 293

原创 IAR的基本使用教程

C Keyword (关键字) – blue(蓝色) – Bold(加粗)Strings(字符串) --Dark Red(深红)-- Normal(正常字体)char(字符) – blue(蓝色) – Normal(正常字体)Preprocessor(预处理) – blue(蓝色) – Normal(正常字体)Number(数字) – Red(红色) – Normal(正常字体)C++ comment/comment(注释) – Green(绿色) – Italic斜体)其他默认。

2024-06-19 22:40:16 1262

原创【面试题】2024前端vue面试题及答案_vue前端面试题2024

/如当前url是 https://www.baidu.com/a/,执行history.pushState(null, null, ‘./qq/’)，则变成 https://www.baidu.com/a/qq/，//url：设定新的历史纪录的url。//执行history.pushState(null, null, ‘/qq/’)，则变成 https://www.baidu.com/qq/// _s 定义在core/instance/render-helpers/index,js。

2024-06-19 13:03:24 956

原创 ES6常用知识点梳理

这就是说，对象的属性名现在可以有两种类型，-种是原来就有的字符串，另- -种就是新增的Symbol 类型凡是属性名属于SymboL 类型，就都是独一-无二的，可以保证不会与其他属性名产生冲突。object.assign()拷贝的属性是有限制的，只拷贝源对象的自身属性(不拷贝继承属性)，也不拷贝不可枚举的属性(enumerable:false)SymboL函数可以接受一个字符串作为参数，表示对SymboL 实例的描述，主要是为了在控制台显示，或者转为字符串时，比较容易区分。如果为负值，表示从末尾开始计算。

2024-06-19 10:52:00 688

空空如也

空空如也