前端
GarfieldEr007
这个作者很懒,什么都没留下…
展开
-
前端面试-复习篇上
一、CSS#1. 盒模型页面渲染时,dom元素所采用的 布局模型。可通过box-sizing进行设置。根据计算宽高的区域可分为content-box(W3C标准盒模型) border-box(IE盒模型) padding-box margin-box(浏览器未实现)#2. BFC块级格式化上下文,是一个独立的渲染区域,让处于BFC内部的元素与外部的元素...转载 2020-02-02 09:54:43 · 1292 阅读 · 0 评论 -
前端面试-综合问题版
一、基础#1.1 HTMLhtml5新标签有哪些 canvas、svg、webGL 你是如何理解HTML语义化的,有什么好处 前端需要注意哪些SEO? manifest、worker、socket input和textarea的区别 用一个div模拟textarea的实现#1.2 CSScss3有什么新特性,浏览器支持怎么样 伪类是什么?有哪些?会有哪些兼容性问题?如...转载 2020-02-02 09:53:38 · 1016 阅读 · 1 评论 -
前端面试-精简版
一、CSS相关#1.1 左边定宽,右边自适应方案:float + margin,float + calc/* 方案1 */ .left { width: 120px; float: left;}.right { margin-left: 120px;}/* 方案2 */ .left { width: 120px; float: left;}.right...转载 2020-02-02 09:52:36 · 1148 阅读 · 0 评论 -
前端面试-高频考点
1 typeof类型判断typeof是否能正确判断类型?instanceof能正确判断对象的原理是什么typeof对于原始类型来说,除了null都可以显示正确的类型typeof 1 // 'number'typeof '1' // 'string'typeof undefined // 'undefined'typeof true // 'boolean'type...转载 2020-02-02 09:51:24 · 3020 阅读 · 1 评论 -
前端-计算机基础
一、网络#1 UDP1.1 面向报文UDP是一个面向报文(报文可以理解为一段段的数据)的协议。意思就是UDP只是报文的搬运工,不会对报文进行任何拆分和拼接操作具体来说在发送端,应用层将数据传递给传输层的UDP协议,UDP只会给数据增加一个UDP头标识下是UDP协议,然后就传递给网络层了 在接收端,网络层将数据传递给传输层,UDP只去除IP报文头就...转载 2020-02-02 09:42:33 · 1118 阅读 · 0 评论 -
前端面试-进阶篇
一、JS#1 谈谈变量提升当执行JS代码时,会生成执行环境,只要代码不是写在函数中的,就是在全局执行环境中,函数中的代码会产生函数执行环境,只此两种执行环境。b() // call bconsole.log(a) // undefinedvar a = 'Hello world'function b() { console.log('call b')}...转载 2020-02-02 09:37:02 · 1155 阅读 · 0 评论 -
前端面试-基础篇
第一部分:基础篇#一、HTML、HTTP、web综合问题#1 前端需要注意哪些SEO合理的title、description、keywords:搜索对着三项的权重逐个减小,title值强调重点即可,重要关键词出现不要超过2次,而且要靠前,不同页面title要有所不同;description把页面内容高度概括,长度合适,不可过分堆砌关键词,不同页面description有所不同;...转载 2020-02-02 09:35:48 · 5583 阅读 · 0 评论 -
前端面试-高级篇
一、JavaScript进阶#1 内置类型JS中分为七种内置类型,七种内置类型又分为两大类型:基本类型和对象(Object)。 基本类型有六种:null,undefined,boolean,number,string,symbol。 其中JS的数字类型是浮点类型的,没有整型。并且浮点类型基于IEEE 754标准实现,在使用中会遇到某些 Bug。NaN也属于number类...转载 2020-02-02 09:39:25 · 6326 阅读 · 0 评论 -
React入门学习
一、React 简介React 是什么React 是一个起源于 Facebook 的内部项目,因为当时 Facebook 对于市场上所有的 JavaScript MVC 框架都不太满意,所以索性就自己写了一套,用来架设 Instagram。做出来之后,发现这套东西还蛮好用的,于是就在2013 年 5 月开源了。在这里我们需要稍微注意一下库(Library)和框架(Fram...转载 2019-10-28 20:37:44 · 587 阅读 · 0 评论 -
vm模板引擎
vm模板引擎一 vm 是什么 ?vm是一种页面的格式,全称是velocity model ,velocity 模板的意思,针对我们目前的项目可以看到处理的格式是这样的,请求地址是htm,指令是action,参数是&拼接的,而返回地址的页面是*.vm,经过velocityviewservlet 转换就可以吧模板文件进行merge变成可读的页面文件,通过response返回给界面。而...转载 2018-12-12 09:20:46 · 2593 阅读 · 0 评论 -
freemarker 教程
freemarker前言FreeMarker 是一款模板引擎:即一种基于模板、用来生成输出文本(任何来自于 HTML格式的文本用来自动生成源代码)的通用工具。FreeMarker 实际上是被设计用来生成 HTML 页面,尤其是通过实现了基于 MVC(Model View Controller, 模型-视图-控制器)模式的 Java Servlet 应用程序。freemarker的常用...转载 2018-12-11 21:59:11 · 562 阅读 · 0 评论 -
FreeMarker的使用
FreeMarker是一个非常优秀的模板引擎,这个模板引擎可用于任何场景,FreeMarker负责将数据模型中的数据合并到模板中,从而生成标准输出.界面开发人员只需要关于界面(也就是模板文件)的开发,而业务逻辑开发者只需要负责将需要显示的数据填入数据模型-----FreeMarker负责合并数据模型和模板,从而生成标准输出. FreeMarker特别适应于MVC模式的Web应用,虽然FreeMa...转载 2018-12-11 21:58:21 · 698 阅读 · 0 评论 -
一篇很全面的freemarker 前端web教程
FreeMarker的模板文件并不比HTML页面复杂多少,FreeMarker模板文件主要由如下4个部分组成: 1,文本:直接输出的部分 2,注释:<#-- ... -->格式部分,不会输出 3,插值:即${...}或#{...}格式的部分,将使用数据模型中的部分替代输出 4,FTL指令:FreeMarker指定,和HTML标记类似,名字前加#予以区分,不会输出 下面是一个F...转载 2018-12-11 21:54:41 · 833 阅读 · 0 评论 -
入门 Webpack,看这篇就够了
2018年8月25日更新,目前 webpack 已经更新值 4.17.1 ,本文所用到的各种库或多或少有些过时,跟着代码操作下来可能会遇到各种问题,不过 webpack 的主体思想没变,所以还是希望本文对新学 webpack 的你,有所帮助。此外用基于 webpack 4.17.1 写了一个简单的demo,如果遇到啥问题,可以参考,之后应该会逐步来完善这个demo,如果有啥通用的想实现的功能,也可...转载 2018-11-18 10:57:02 · 535 阅读 · 0 评论 -
前端模块管理器简介
模块化结构已经成为网站开发的主流。制作网站的主要工作,不再是自己编写各种功能,而是如何将各种不同的模块组合在一起。浏览器本身并不提供模块管理的机制,为了调用各个模块,有时不得不在网页中,加入一大堆script标签。这样就使得网页体积臃肿,难以维护,还产生大量的HTTP请求,拖慢显示速度,影响用户体验。为了解决这个问题,前端的模块管理器(package management)应运而生...转载 2018-11-18 10:58:28 · 578 阅读 · 0 评论 -
阮一峰教程webpack demo
This repo is a collection of simple demos of Webpack.These demos are purposely written in a simple and clear style. You will find no difficulty in following them to learn the powerful tool.How to ...转载 2018-11-18 11:00:28 · 2339 阅读 · 0 评论 -
webpack使用教程 翻译自阮一峰(机翻)
原文https://github.com/ruanyf/webpack-demos#demo01-entry-file-source这个仓库集合了一些webpack简单的demo。这些demo风格简单明了,你将发现跟着这些案例学习webacpk这个强大的工具变得不费吹灰之力。如何使用首先,在全局环境中安装Webpack和webpack-dev-server$ npm i -g w...转载 2018-11-18 11:01:24 · 1048 阅读 · 0 评论 -
webpack入门--前端必备
什么是 webpack?webpack是一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sass),但这不用我们理会,因为 webpack 有着各种健全的加载器(loader)在处理这些事情。为什么要...转载 2018-11-18 11:02:26 · 580 阅读 · 0 评论 -
Webpack 入门教程
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。本章节基于 Webpack3.0 测试通过。从图中我们可以看出,Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。接下来我们简单为大家介绍 Webpack 的安装与使用。安装 Webpack在安...转载 2018-11-19 11:27:17 · 578 阅读 · 1 评论 -
FreeMarker 快速入门
FreeMarker 快速入门FreeMarker是一个很值得去学习的模版引擎。它是基于模板文件生成其他文本的通用工具。本章内容通过如何使用FreeMarker生成Html web 页面 和 代码自动生成工具来快速了解FreeMarker。1 简介FreeMarker是一款用java语言编写的模版引擎,它虽然不是web应用框架,但它很合适作为web应用框架的一个组件。特点:轻量...转载 2018-12-11 21:44:36 · 553 阅读 · 0 评论 -
全面探索 FreeMarker 模版引擎的扩展性
FreeMarker 模版引擎简介FreeMarker 是一个采用 Java 开发的模版引擎,是一个基于模版生成文本的通用工具。 FreeMarker 被设计用来生成 HTML Web 页面,特别是基于 MVC 模式的应用程序。虽然 FreeMarker 具有一些编程的能力,但通常由 Java 程序准备要显示的数据,由 FreeMarker 生成页面,并通过模板显示准备的数据(如下图)。图...转载 2018-12-11 21:50:35 · 623 阅读 · 0 评论 -
java中Freemarker list指令详解
java Freemarker中list指令主要是进行迭代服务器端传递过来的List集合。定义<#list nameList as names> ${names} </#list>name是list循环的时候取的一个循环变量.相关指令如下:item_index:当前变量的索引值 item_has_next:是否存在下一个对象break:...转载 2018-12-11 21:53:29 · 2836 阅读 · 0 评论 -
从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理
最近发现有不少介绍JS单线程运行机制的文章,但是发现很多都仅仅是介绍某一部分的知识,而且各个地方的说法还不统一,容易造成困惑。 因此准备梳理这块知识点,结合已有的认知,基于网上的大量参考资料,从浏览器多进程到JS单线程,将JS引擎的运行机制系统的梳理一遍。展现形式:由于是属于系统梳理型,就没有由浅入深了,而是从头到尾的梳理知识体系, 重点是将关键节点的知识点串联起来,而不是仅仅剖析某一部分知识...转载 2018-11-21 20:40:48 · 614 阅读 · 0 评论