- 博客(16)
- 收藏
- 关注
RSS订阅原创 前端面试题总结——TypeScript篇
TypeScript 是 JavaScript 的超集，添加了静态类型系统和编译时类型检查功能。TypeScript由 微软 开发，本质上是JavaScript的一个扩展，支持ES6语法和面向对象编程的特性，如类、接口、继承和泛型等。接口 在 TypeScript 中是一系列抽象方法的声明，它代表了一组方法的特征集合。这些方法都是抽象的，需要由具体的类去实现。接口为这些类型命名，并为代码或第三方代码定义了一种约定，使得第三方可以通过这组抽象方法调用具体的类执行具体的方法。
2025-06-09 17:46:22
833
原创 前端面试题总结——webpack篇
webpack proxy，即 webpack 提供的代码服务，基本行为就是接收客户端发送的请求后转发给其他服务器，其目的是为了便于开发者在开发模式下解决跨域问题（浏览器安全策略限制）想要实现代理首先需要一个中间服务器，webpack 中提供服务器的工具为 webpack-dev-sever// ...proxy: {'/api': {// ...devServer 里面 proxy 则是关于代理的配置，该属性为对象的形式，对象中每个属性就是一个代理的规则匹配。
2025-06-05 00:35:08
1458
原创 前端面试题总结——小程序篇
在逻辑层发生数据变更的时候，通过宿主环境提供的 setData 方法把数据从逻辑层传递到渲染层，再经过对比前后差异，把差异应用在原来的 Dom 树上，渲染出正确的视图。而在小程序中，选择了 Hybrid 的渲染方式，将视图层和逻辑层分开，双线程同时运行，视图层的界面使用 WebView 进行渲染，逻辑层运行在 JsCore 中。由于小程序是基于双线程的，也就是任何在视图层和逻辑层之间的数据传递都是线程间的通信，会有一定的延时，因此在小程序中，页面更新成了异步操作。
2025-05-07 16:22:03
1241
原创 前端面试题总结——ES6篇
ES6中引入的Proxy对象是JavaScript语言中一个非常强大的特性，它提供了一种机制，允许你创建一个对象的代理，从而能够自定义对象的基本操作（如属性查找、赋值、枚举、函数调用等）。Module（模块）是ES6引入的概念，这是一种在JavaScript中组织和封装代码的新方式、模块允许你讲一个大的文件拆分成多个小的，功能单一的，互相依赖的文件。对呀复杂类型的数据，变量指向的内存地址，保存的只是一个指向实际数据的指针， const 只能保证这个指针时固定的，并不能保证变量的结构不变。
2025-04-24 19:50:26
1103
原创 前端面试题总结——JS篇
数据结构是计算机存储、组织数据的方式。数据结构意味着接口或封装：一个数据结构可被视为两个函数之间的接口，或者是由数据类型联合组成的存储内容的访问方法封装。数组（Array）数组是最最基本的数据结构，很多语言都内置支持数组。数组是使用一块连续的内存空间保存数据，保存的数据的个数载非配内存的时候就是确定的栈（Stack）栈是一种遵循后进先出（LIFO）原则的有序集合在栈里面，新元素都接近栈顶，旧元素都接近栈底每次加入新的元素和拿走元素都在顶部操作队列（Queue）
2025-04-23 17:21:07
1047
原创 前端面试题总结——HTML及HTML5篇
DOCTYPE微格式是建立在已有的标准基础之上的一组数据格式具体表现是把语义嵌入到HTML中，有助于实现分离式开发，相当于对Web页面进行语义注释采用微格式的页面，通常会在标签中加入解释性的注释，有助于让处理HTML的软件更易于理解文档，当使用爬虫爬取Web内容时，也能够更好的识别内容块的语义，可以优化网页的 SEOWeb workerHTML。
2025-04-09 16:10:45
754
原创 js--判断当前环境是否为微信环境
/** * 判断是否是微信环境 */ function getIsWxClient () { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return true; } return false; };
2020-06-22 16:02:38
2280
原创 去除表单元素默认样式
input,textarea { outline:0; border:0; -webkit-appearance: none; -moz-appearance:none; appearance: none; line-height:normal;}// input::-webkit-input-placeholder{// line-height: normal; //解决不垂直居中的问题// }input::-webkit-input-placeholder.
2020-06-22 15:59:44
1175
原创 解决input标签在ios中光标不居中问题，同时兼容安卓
1、首先input的所有父级元素不能加 line-height 属性;2、初始化input样式 line-height:normal;3、要想光标不撑满这个input狂，加一个上下边框4、代码如下，有需要的小伙伴可以试试：Html：<div class="head-search-item"> <input type="text"placeholder="请输入商品/店铺名称"> <div class="icon">...
2020-06-22 15:56:45
1084
原创 Photoshop如何切图
准备工作1、切图工具（firework ，Photoshop ，px_cook）本文分享一些用Photoshop切图的一些经验。需要把Photoshop功能面板设置成我们前端常用的并保存下来，这样以后每次使用的时候就不需要花时间再去设置一次了。2、设置标尺单位——CSS里面用的最多的单位是像素(px)，测量和读取的值也都是以像素为单位的值）设置步骤： ps首选项设置：编辑>...
2018-09-28 19:41:08
925
原创 教你纯css实现移动端横向滑动列表
问题：利用display:-webkit-box来实现移动端横向滑动列表，只要css就能搞定了<!DOCTYPE html><html><head> <title>横向滑动</title> <style type="text/css"> .slide-box{
2018-09-15 11:21:30
11702
原创 HTML5相比HTML新增了哪些功能？
1. 简化的语法HTML5简化了很多细微的语法，例如doctype的声明，你只需要写<!doctype html>就行了。HTML5与HTML5，XHTML1兼容，但是与SGML不兼容。2. 更加语义化标签(开发者可以更加优雅，网页结构更清晰)header、footer、nav、article、figure...但这些表情不兼容ie6-8，（兼容处理：html5.min.j...
2018-07-21 17:49:11
2814
原创 雅虎军规---35条
1.尽量减少 HTTP 请求个数——须权衡合并图片（精灵图，内置图片可以使用数据），合并css , js但是也要考虑合并后文件的体积。2.使用 CDN（内容分发网络）这里可以关注CDN的三类实现：镜像，高速缓存，专线以及智能路由器和负载均衡。3.为文件头指定 Expires 或 Cache-Control ，使内容具有缓存性。区分开静态内容和动态内容，避免以后页面访问中不必要的...
2018-07-20 18:38:13
302
原创 前端性能优化相关知识
性能优化一直以来都很被重视，也是面试时候常被问到问题，本篇文章主要涉及到前端性能优化的几个点。在这之前，应该先了解一下雅虎军规。雅虎军规是什么？ （详情查阅）1.尽量减少 HTTP 请求个数——须权衡2.使用 CDN（内容分发网络）3.为文件头指定 Expires 或 Cache-Control ，使内容具有缓存性。4.避免空的 src 和 href5.使用 gzip 压缩...
2018-07-19 17:57:13
198
原创 解决input表单元素在ios系统上默认圆角的问题？
问题：页面在iPhone手机上测试发现input框变成圆角，应该如何修改呢？问题解决：-webkit-appearance : none ; //解决ios上按钮的圆角问题/ border-radius: 0; //解决ios上输入框圆角问题/ ...
2018-07-18 11:23:32
1224
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人