Web开发( 右侧选择分类 )
cheng

2020最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)

近期总结一一些面试题 都是企业的面试题笔记题感觉薪资10k下的都会出笔试题 特别高的薪资都是直接技术面试或者是 现场编程 总结很多人的面试题,后期会对于单个知识点再说笔记详细讲解。部分都是百度的答案,不是特全面的,可以自己找下=============================================================前端面试题: 1. 一个200*200的div在
1214 人浏览
xiaozhi

18.JavaScript 是如何工作的:WebRTC 和对等网络的机制

概述WebRTC,名称源自网页即时通信(英语:Web Real-Time Communication)的缩写,是一个支持网页浏览器进行实时语音对话或视频对话的API。在此之前,P2P技术(如桌面聊天应用程序)可以做一些网络做不到的事情,WebRTC 填补了 Web 这一关键空白点。WebRTC 是一项实时通信技术,它允许浏览器或者 app 之间可以不借助中间媒介的情况下,建立浏览器之间点对点的连接
1205 人浏览
web

微信小程序获取某个元素的高度和宽度

微信小程序获取某个元素的高度和宽度js页面//创建节点选择器 var query = wx.createSelectorQuery(); //选择id var that = this; query.select('.every').boundingClientRect(function (rect) { // console.log(rect.
1196 人浏览
xiaozhi

2.React造轮系列:对话框组件 - Dialog

UI对话框一般是我们点击按钮弹出的这么一个东西,主要类型有Alter,Confirm及Modal, Modal 一般带有半透明的黑色背景。当然外观可参考 AntD 或者 Framework 等。确定 APIAPI 方面主要还是要参考同行,因为如果有一天,别人想你用的UI框架时,你的 API 跟他之前常用的又不用,这样就加大了入门门槛,所以API 尽量保持跟现有的差不多。对话框除了提供显示属性外,还
1191 人浏览
web

JS获取url参数

以下JS函数用于获取url参数:(超级简单)function getQueryParam(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) {
1189 人浏览
web

js获取url参数中文乱码问题 decodeURI

上一篇文章 js获取url参数的时候没考虑到中文乱码的问题其实很简单 直接用 decodeURI 函数就行了方法:以下JS函数用于获取url参数:(超级简单)function getQueryParam(variable) { var query = window.location.search.substring(1); var vars = query.split("&a
1187 人浏览
xiaozhi

16.JavaScript是如何工作的:存储引擎+如何选择合适的存储API

概述在设计 Web 应用程序时,为本地浏览器选择合适的存储机制至关重要, 一个好的存储引擎可以确保可靠地保存信息,减少带宽,提高响应能力。正确的存储缓存策略是实现离线移动 Web 体验的核心构建块,同时也大大的提高了用户体验。在本章中,讨论可选择的存储 Api 和服务,并提供一些在构建 Web应用程序,该使用哪种存储引擎。数据模型数据存储模型确定数据在内部的组织方式,这会影响 Web 应用程序的整
1186 人浏览
hangge

SpringBoot - 整合Thymeleaf模板引擎(附样例)

一、基本介绍1,什么是 ThymeleafThymeleaf是新一代的Java模版引擎,类似于Velocity、FreeMarker等传统Java模版引擎。Thymeleaf的主要目标是将优雅的自然模板带到开发工作流程中,并将HTML在浏览器中正确显示,并且可以作为静态原型,让开发团队能更容易地协作。Thymeleaf能够处理HTML、XML、JavaScript、CSS甚至纯文本。Thymele
1161 人浏览
xiaozhi

15.JavaScript是如何工作的:深入类和继承内部原理+Babel和 TypeScript 之间转换

现在构建任何类型的软件项目最流行的方法这是使用类。在这篇文章中,探讨用 JavaScript 实现类的不同方法,以及如何构建类的结构。首先从深入研究原型工作原理,并分析在流行库中模拟基于类的继承的方法。 接下来是讲如何将新的语法转制为浏览器识别的语法,以及在 Babel 和 TypeScript 中使用它来引入ECMAScript 2015类的支持。最后,将以一些在 V8 中如何本机实现类的示例来
1155 人浏览
hangge

K8s - 让Master也能当作Node使用的方法(允许将Pod副本调度到Master节点上)

出于安全考虑,默认配置下Kubernetes不会将Pod调度到Master节点。假设我们有如下一个集群:1,让 Master 也当作 Node 使用(1)如果想让Pod也能调度到在Master(本样例即localhost.localdomain)上,可以执行如下命令使其作为一个工作节点:注意:利用该方法,我们可以不使用minikube而创建一个单节点的K8S集群1kubectl taint n
1153 人浏览
xiaozhi

2.React 项目结构和组件命名规范

React 作为一个库,它没有规定项目的整体结构。这很好,因为它给了我们自由去尝试不同的方法,并适应更适合我们的方式。另一方面,这可能会给React领域的开发人员带来一些困惑。我将会在本文为大家展示我已经使用过一段时间并且效果不错的方式,这些方式没有通过重新造轮子来实现,而是通过将社区中的方案组合和提炼得到。目录结构我经常遇到的一个问题是如何组织文件和目录结构。在这篇文章中,我们认为你已有一个最小
1150 人浏览
web

微信小程序 — 怎么获得view中的文本、id等等

取id很简单,取text两种情形,分开来说,先说id和第一种:一、通过自定义data-text获取与定义一样的文本index.html<!--index.wxml--> <viewid="outer"catchtap='pressView'> <viewclass="top"> <viewcla
1119 人浏览
xiaozhi

7.React 新特性 Hooks 讲解及实例(四)

使用 Ref Hooks类组件中使用 Ref 一般有:String RefCallback RefCreateRef上述在函数组件中没有办法使用它们,取而代之的是useRefHooks。useRef主要有两个使用场景:获取子组件或者 DOM 节点的句柄渲染周期之间的共享数据的存储大家可能会想到 state 也可跨越渲染周期保存,但是state的赋值会触发重渲染,但是ref不会,从这点看 ref 更
1112 人浏览
xiaozhi

14.JavaScript 是如何工作的:解析、抽象语法树(AST)+ 提升编译速度5个技巧

概述我们都知道运行一大段 JavaScript 代码性能会变得很糟糕。这段代码不仅需要通过网络传输,而且还需要解析、编译成字节码,最后执行。在之前的文章中,我们讨论了 JS 引擎、运行时和调用堆栈等,以及主要由谷歌 Chrome 和 NodeJS 使用的V8引擎。它们在整个 JavaScript 执行过程中都发挥着至关重要的作用。这篇说的抽象语法树同样重要:在这我们将了解大多数 JavaScrip
1110 人浏览
xiaozhi

32.50 个JS 必须懂的面试题为你助力金九银十

问题1:Java和JavaScript有什么不同JavaJavaScriptJava是一种OOP编程语言。JavaScript是一种OOP脚本语言。它创建在虚拟机或浏览器中运行的应用程序。代码只在浏览器上运行。需要编译Java代码。JS代码都是文本的形式。问题2:什么 JavascriptJavaScript 是一种轻量级的解释型编程语言,具有面向对象的特性,允许各位在其他静态HTML页面中构建交
1073 人浏览
xiaozhi

18.JS变量生命周期:为什么 let 没有被提升

译者:前端小智原文:https://dmitripavlutin.com/variables-lifecycle-and-why-let-is-not-hoisted/为了保证的可读性,本文采用意译而非直译。提升是将变量或函数定义移动到作用域头部的过程,通常是var声明的变量和函数声明function fun() {...}。当 ES6 引入let(以及与let类似声明的const和class)声
1071 人浏览
xiaozhi

10.JavaScript是如何工作的:使用 MutationObserver 跟踪 DOM 的变化

Web 应用程序在客户端变得越来越重,原因很多,例如需要更丰富的 UI 来容纳更复杂的应用程序提供的内容,实时计算等等。复杂性的增加使得在 Web 应用程序生命周期的每个给定时刻都很难知道 UI 的确切状态。而当你在搭建某些框架或者库的时候,甚至会更加困难,例如,前者需要根据 DOM 来作出反应并执行特定的动作。概述Mutation Observer API 用来监视 DOM 变动。DOM 的任何
1069 人浏览
xiaozhi

12.JavaScript 是如何工作的:深入网络层 + 如何优化性能和安全

正如在上一篇关于渲染引擎的博客文章中提到的,我们认为优秀的 JavaScript 开发人员和杰出的 JavaScript 开发人员之间的区别在于,后者不仅理解语言的具体细节,而且理解其内部结构和周遭环境。讲一点历史49年前,一种叫做 ARPAnet 的网诞生了。它是一个早期的分组交换网络,也是第一个实现TCP/IP套件的网络。20年后,蒂姆·伯纳斯-李提出了一种“网状结构”的建议,这种结构后来被称
1067 人浏览
xiaozhi

30.JS可选链的好处

JS的一些特性极大地改变了咱们的编码方式。从ES6年开始,对咱们代码影响最大的特性的解 、箭头函数、类和模块系统。到2019年8月,一个新的可选链提案已经进入第三阶段,这是一个很好的改进。可选链接改变了从深层对象结构访问属性的方式。来看看这是又是什么骚操作。这个礼拜《大迁世界》有抽奖活动,奖品:专栏 《左耳听风》 x3, 技术书 x5,欢迎关注回复:抽奖问题由于JS的动态特性,对象可以具有多层不同
1056 人浏览
web

input只允许上传图片类型文件

指定只允许选择图片accept="image/*"例如:<input type="file" name="file" class="element" accept="image/*">但是:这段代码在Chrome和Safari等Webkit浏览器下却出现了响应滞慢的问题,可能要等 6~10s 才能弹出文件选择对话框。简直不能忍呀。解决方法:确切指定类型例如:<input typ
1037 人浏览