来自专栏 黑泽君的专栏 订阅
4 道 html笔试小题4 道 html笔试小题
单选题
1、跨多行的 表元的 HTML代码为(B)
2、标签中,哪个是表格边框线的 粗细? (B)
bordercolor
border
cellspacing
cellpadding
3、表格是网页中的 (元素),框架是由数个(帧)组成的 。 4 、HTML代码 表示? (B)
添加一个图象
排列对齐一个图象
设置围绕一个图像的 边框的 大小
加入一条水平线 669 5 0发布于 2018-10-11
来自专栏 全栈者 订阅
高级前端 开发 者必会的 34道 Vue面试题系列(二) 前言
本次解析本套高级前端 的 Vue面试题的 第三问,Vue中是如何检测数组变化的 ,如果对这一问也有所不熟悉的 ,请一起学习吧。 b、回到文章开始示例的 那一段Vue代码里的 实现,我改变了Vue的 data下list的 下标属性值,页面是没有响应变化的 ,但是这里我改了list的 内的 值从1到5,页面响应了,这又是怎么回事? 2、数组的 操作方法如果是操作已经存在的 被监听的 元素也是可以触发setter被监听的 。 4 、改变超过数组长度的 下标的值时,值变化是不能监听到的 。 4 、探究Vue源码,看数组的 监听如何实现
对于b问题,则需要去看看Vue的 源码里,为何Object.defineProperty明明能监听到数组值的 变化,而它却没有实现呢?
1.3K 3 0编辑于 2022-01-24
来自专栏 全栈者 订阅
高级前端 开发 者必会的 34道 Vue面试题系列(一) 前言
最近拿到一套高级前端 的 Vue面试题,从头往下看了一遍,居然大部分都是一知半解的 ,遂准备一道 一道 的 认真学习总结,立志做一位Vue高级开发 者!
? 提到MVVM,很多前端 开发 者都会想到Vue的 双向绑定,然而它们并不能划等号,MVVM是一种软件架构模式,而Vue只是一种在前端 层面上的 实现,其实不单在Vue里,在很多Web 框架应用里都有相关的 实现。 因为前端 独立开发 发布,实际相对原来的 MVC模式是少了View这一层,这也让新的 概念Restful出现在我们的 视野里,很多新的 框架又开始支持提供这种前端 控制轻量级模式下的 适配方案。 随着前端 对于控制逻辑的 越来越轻量,MVVM模式作为MVC模式的 一种补充出现了,万变不离其宗,最终的 目的都是将Model里的 数据展示在View视图上,而MVVM相比于MVC则将前端 开发 者所要控制的 逻辑做到更加符合轻量级的 要求 实现的 更友好,更适合开发 者开发 应用程序。
1.9K 2 0发布于 2020-03-30
来自专栏 全栈技术 订阅
Web前端 基础题18道 4 、(单选题)在html规范描述中,哪个是head标签部分里必不可少的 元素( )
A. 与 visibility 属性的 hidden值不同,其不为被隐藏的 对象保留其物理空间 inline : CSS1 内联对象的 默认值。 4 .name 不能包含有空格。
参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。
10、(单选题)如果一个HTML文档内含有阿拉伯文,则应该? B说法正确;
3.所有元素的 根节点都是html元素。C说法错误;
4 .offsetparent是相对的 意思,Body内的 元素,不论怎么嵌套,offsetparent都是一定存在。 <body>
【正确答案】A,B,D
【答案解析】这里说的 是html文档的 结构标准、规范,html、head、body是一个html文档中必须的 标签
18、(多选题)关于html的 盒模型,下列说法正确的 是
2.9K 2 0发布于 2021-08-23
来自专栏 grain先森 订阅
前端 -微信小程序开发 (4 ):打造自己的 UI库、小程序的 标签、小程序的 样式,后面我们写了一个简单的 loading组件,显然他是个半成品,我们在做loading组件的 时候意识到一个问题:
小程序的 组件事实上是标签
我们没有办法获得标签的 实例,至少我暂时没有办法 所以这些前提让我们对标签的 认识有很大的 不同,完成小程序特有的UI库,那么就需要从标签出发
这里面关注的 点从js中的 实例变成了wxml中的 属性
我们今天尝试做几个组件,然后先做未完成的 loading 我的 思路还是以之前做js的 组件的 思路,但是小程序暂时不支持动态插入标签,所以我们不应该有过多的 继承关系,其中的 mask是没有必要的 ;另一方面,每个页面要动态引入ui-utils这个莫名其妙的 组件库,似乎也很别扭 icon-right::before {
content: "";
display: block;
width: 36rpx;
height: 16rpx;
border-bottom: 4 rpx solid #fff;
border-left: 4 rpx solid #fff;
-webkit-transform: rotate(-45deg);
transform
1.4K 2 0发布于 2019-03-29
来自专栏 全栈者 订阅
高级前端 开发 者必会的 34道 Vue面试题解析(四) 在生命周期的 每个节点,Vue提供了一些钩子函数,使得开发 者的 代码能被有机会执行。 这里的 钩子函数可以简单理解为,在Vue实例中预先定义了一些像created,mounted等特定名称的 函数,函数体的 内容开发 给开发 者填充,当被实例化的 时候,会按照确定的 先后顺序来执行这些钩子函数,从而将开发 者的 代码有机会执行 对于如何在Vue内部调用开发 者的 代码原理,可以看看下面这个例子。 第一,从开发 者的 代码层面看看,与开发 者较为密切的 数据模型与页面DOM结构在各个生命周期钩子函数执行时的 变化。第二,在源码层面看一下这些生命周期钩子函数它们各自的 执行过程。 下面是源码里所列出来的 所有可承载开发 者代码的 钩子函数。
1.6K 3 0发布于 2020-04-10
来自专栏 前端入门学习 订阅
移动前端 开发 和web前端 开发 的 区别 既然都是前端 开发 ,两者肯定有紧密的 联系,移动前端 开发 和web前端 开发 其实都属于前端 开发 的 范围,目前前端 发展的 趋势就是大前端 ,可以说是包罗万象,当然也就包含PC端和移动端领域,而现在的 前端 开发 人员也已早就不是当年的 切图仔了 ,需要学习和掌握大前端 体系方方面面的知识才能在日常的 开发 中游刃有余,但是不论趋势如何发展,目前来看HTML、CSS和JavaScript依然是整个前端 开发 的 三大基石。 所以不论是想做移动前端 开发 还是web前端 开发 ,这三样基础技术都必须熟练掌握。
移动前端 开发 和web前端 开发 都属于前端 开发 ,那具体又有什么区别呢? 1、业务的 应用场景
web前端 开发 主要指传统的 PC端网页开发 ,页面主要是运行在PC端浏览器中,移动前端 开发 出来的 页面主要是运行在手机上;直观上会感觉,PC端页面大一些,移动端页面小一些,但是根据开发 经验 4 、页面的性能
PC端的 网络情况一般比较稳定,都是通过网线或者Wi-Fi连接网络;但是移动端就比较复杂,除了Wi-Fi,还有2G、3G、4 G甚至是在几种不同的 网络连接中交替切换也经常发生,不稳定的 网络连接对页面性能带来的 挑战是移动端的 页面资源不能太大
2.1K 0 0发布于 2019-08-11
来自专栏 前端开发面试 订阅
一道 80%的 前端 开发 都答不上来的 js异步面试题 最近面试中碰到了一道 关于JS执行顺序的 题目,题目比较基础,但是如果对于JS不熟的话,还是容易答不上来。再次记录和分析此次面试题,希望对大家有所帮助。 首先看官肯定知道JS是单线程,实现异步的 方法就是定时器和es6+出现的 promise/async等,那么现在问题来了,既然es6出现的 新的 异步方式,那么和之前的 定时器相比,那个异步先执行呢? 在这里要记住一句话,微任务的 优先级是高于宏任务的 。参考面试题解答 前端 进阶面试题详细解答程序执行顺序1、主程序因为js是单线程的 ,同一时间只能有一段代码在执行,所以首先执行的 就是JS的 主程序。 3、微任务微任务代码执行,和正常的 JS代码执行没有区别,从上往下编译执行!!!执行完成之后,会跳回到第二步。4 、宏任务宏任务代码执行,和正常的 JS代码执行没有区别,从上往下编译执行!!! 微任务:空宏任务:空4 、主程序 - setTimeout程序终于来到了第一个异步部分setTimeout,这个单次定时器的 定时为0s,意思为立即执行,但是因为他是异步的 ,所以他并不会立即执行,而是等到所有的主程序和排在他之前的 异步任务执行完成之后才会执行
432 5 0编辑于 2022-10-05
来自专栏 全栈者 订阅
高级前端 开发 者必会的 34道 Vue面试题解析(三) 而由于Vue内部的 渲染机制,实际上页面只会渲染一次,把第一次的 赋值所带来的 的 响应与第二次的 赋值所带来的 的 响应进行一次合并,将最终的 val只做一次页面渲染。 4 、queueWatcher函数里,会先将组件的 watcher存进全局数组变量queue里。 函数中,flushSchedulerQueue里先按照id进行了优先级排序,接下来将第4 步中的 存储watcher对象全局queue遍历执行,触发渲染函数watcher.run。 flushSchedulerQueue();
return
}
// 将页面更新函数放进异步API里执行,同步代码执行完开始执行更新页面函数
nextTick(flushSchedulerQueue);
}
在我们的 开发 代码里 this.dirty = true;
} else if (this.sync) {
this.run();
} else {
queueWatcher(this);
}
};
在开发 代码中
857 4 0发布于 2020-03-31
来自专栏 迈向前端工程师 订阅
前端 开发 模块打包器webpack4 实战入门以下放视频(共28分钟)来学习一下如何使用 webpack4
使用WEBPACK
Q:为什么要用构建工具? 这种情况下我不建议你学习webpack,建议你学下 vue 或者 react 框架,这两个框架都有自己的 脚手架,所谓脚手架就是别人用构建工具帮你搭好了原始项目,你可以在不懂构建工具的 情况下进行前端 开发 。 不过这就是初级前端 的 基本工作,给我一个环境,让我安心的 写业务代码。
2. 安装,使用,生成工程文件。
Q:为什么需要构建或者说编译呢? A:因为像es6、less及sass、模板语法、vue指令及jsx在浏览器中是无法直接执行的 ,必须经过构建这一个操作才能保证项目运行,所以前端 构建打包很重要。 除了这些,前端 构建还能解决一些web应用性能问题,比如:依赖打包、资源嵌入、文件压缩及hash指纹等。具体的 我不再展开,总之前端 构建工程化已经是趋势。
3. 实战出真知,学会了就去试试吧。
704 3 0发布于 2020-10-09
来自专栏 CSDN技术头条 订阅
4 年前端 开发 经验,面试被虐,结局逆转扫码抢购吧>
课程亮点
36 个热点主题
50 讲系统性整理输出
在实战演练中掌握前端 知识和编程技巧
面试切入,立体分析高频考点和底层原理
课程介绍
作者 LucasHC(侯策),作为资深 Web 开发 工程师和具有多年宝贵经验的 面试官 ,系统梳理了前端 开发 核心知识脉络,同时立体剖析了前端 开发 进阶的 方方面面,旨在帮读者突破学习瓶颈,提升综合技术实力。 构建更为真实的 开发 场景,直击实践中的 高频痛点。 内容示例:JavaScript 知识图谱
<点击放大图片>
作者介绍
侯策,知乎「前端 开发 」话题优秀回答者、《React 状态管理与同构实战》作者,曾就职于百度知识搜索部、法国能源和苏伊士集团、硅谷 BePATIENT 集团,负责前端 开发 。
1.1K 2 0发布于 2019-05-14
来自专栏 C/C++基础 订阅
web前端 开发 初学者十问集锦(4 ) 4 .JS获取可视窗口、html文档、body的 高度和宽度
高度的 获取:
<! 如果让学Web前端 跨到CC++的话,我觉得会很痛苦。在CC++中,变量的 申明和定义是有着本质的 区别,而在JS中,申明并没有什么作用,如果使用变量时没有定义,那么依然会输出undefined。 这个很容易犯错,真的,三个按钮都是弹出:”Button4 ”,你答对了吗? 当注册事件结束后,i的 值为4 ,当点击按钮时,事件函数即function(){ alert(“Button”+i);}这个匿名函数中没有i,根据作用域链,所以到buttonInit函数中找,此时i的 值为4 ,所以弹出”button4 “。
1.8K 2 0发布于 2018-08-03
来自专栏 全栈程序员必看 订阅
Web前端 开发 实战4 :导航菜单(一)「建议收藏」 大家好,又见面了,我是你们的 朋友全栈君。
在前面的博文中我们提到横向一级菜单,这里我们来看看导航菜单。导航菜单种类很多,但是制作原理都是大同
小异的 ,这里看的 比二级下拉式菜单还简单。 :
鼠标放上去的 状态:
二水平菜单
制作原理:在垂直菜单的 基础上,将li元素进行左浮动设置。 由于li元素浮动脱离原来的 文档流会失去宽和高,因
此一定要在a元素上使用display:block属性将其变为块级元素,然后进行宽和高的 设置。 CSS圆角属性的 设置,但是IE6,7,8浏览器并不支持这个属性,制作一定
要考虑浏览器的 兼容性,在这里我们使用圆角属性。 解决不兼容的 方法就是我们可以裁剪圆角背景图作为每个li元素
的 背景即可。
完整的 代码:
<!
902 1 0编辑于 2022-09-17
来自专栏 学习猿地 订阅
Web前端 学习 第10章 小程序开发 4 小程序开发 一,数据绑定
VUE:vue动态绑定一个变量的 变量元素的 某个属性的 时候,会在变量前面加上冒号:,例:
<p:title="tit">我的 title属性绑定了数据
小程序:绑定变量
的 变量元素属性时 讯息} }
4 < / li >
5 < / ul >
6 var example1 = new Vue ({
7 el:'#example-1' ,
8 data:{ 不是自己定义
的
1 页面({
2 数据:{
3 项目:[
4 { message:'Foo' } ,
5 { message:'Bar' }
6 ] ,把需要传递
的 数据作为形参放置就可以了,例如:
1 // <button @ click =“ say('明天不上班')”> </ button>
2
3 新 Vue ({
4 el:' 例如:
1 // <view class ='tr'bindtap ='toApprove'data-id =“ {{item.id}}”> </ view>
2 页面({
3 数据:{
4 原因
1.7K 4 0发布于 2020-07-08
来自专栏 鲸鱼动画 订阅
前端 综合面试题(9道 )简述一下背景故事,今天有一个年轻人来我们公司面试前端 ,主管临时找我充当了一次面试官,个人工作经验尚佳,面试经验一般,随口问了他 8 个问题,小伙子回答的 不错,我让他明天来和人事谈薪资。 在我们的 面试环节当中,面试官不一定就是前端 工作人员,也可能工作经验不如你我丰富,不会说我们公司只用Vue开发 项目就只问你Vue传参和封装,涵盖前端 各个知识点才能看出一个人的 基本功是否扎实。 面试题如下:
1.html中有一个双标记标签可以让文字任意滑动
2.CSS中怎么首行缩进
3.CSS调整文字间距
4 .使用过弹性盒子吗?怎么允许换行
5.什么是闭包,优缺点有哪些? 2,text-indent
text-indent:2em;
3,letter-spacing
letter-spacing:12px
4 ,flex-wrap:wrap;
5,简述为: 访问一个函数作用域里 9,防抖:多次触发事件后,n秒内函数只能执行一次;
节流:多次触发事件后,函数每n秒执行一次;
(本章完)
前端 的 学习不是一蹴而就,不积跬步无以至千里,不积小流无以成江海。
789 2 0发布于 2020-09-22
来自专栏 web前端教室 订阅
前端 开发 和 前端 开发 工程师的 区别前端 行业其实很少人去深究前端 开发 工程师中的 “工程师”这三个字,究竟是什么意思。其实在我看来,许多所谓的 前端 开发 工程师只是做前端 开发 的 工作而已,远配不上工程师这三个字。 恩,其实我是说,我配得上前端 开发 工程师中的 “工程师”这三个字。不要急着喷我,我有理由的 。
举个例子吧,外包公司大家都知道,在那公司里,多数都是只做软件,不做业务。 这也是我说,我是配得上前端 工程师这几个字的 原因,因为我也能根据业务发展,来解决前端 工作范围内的 问题。
好吧,我再谦虚一下,在一定程度上。。。 我不仅拥有编写前端 程序代码的 开发 思路,我还有能解决问题的 思路。我这种能力比能记住和使用很多函数方法插件框架。。这些东西要强的 多。 可能我回答他的 答案并不标准,但肯定没有说错。对于一个合格的 开发 工程师来讲,不管你前端 还是后端,给你一个活儿,你最好想想它是干嘛的 ?谁需要它?它的 产出物给谁?
2.2K 10 0发布于 2018-02-06
来自专栏 互联网杂技 订阅
20个为前端 开发 者准备的 文档和指南4 1.I want to use
基于的 数据和功能都在Can I use网站上列出来了,这个app可以给你选择很多前端 开发 功能的 能力和获得全世界用户看到你选择的 功能的人数的 百分比。
2. Mastering the :nth-child(精通:nth-child)
它是只有一页的 站点,可以帮助你理解如何使用多种多样有用但是通常又很复杂的 基于nth-child的 选择器组合。
4 . A Front End Engineer’s Manifesto(一份前端 工程师的 忠告)
它没有特别深入的 内容,就是一个告示的 简单集合,它提醒所有的前端 开发 者应该把他们的 开发 流程和工作流相结合。 Animations — Web Fundamentals(动画-Web的 基础)
在Google的 Web Fundamentals documentation(web 基础文档)里有很多的 有用信息,但是这个为前端 开发 者特别提出来 它很棒,很适合不同类型的 开发 者。
1.1K 10 0发布于 2018-04-03
来自专栏 pankas的技术分享 订阅
强网拟态4 道 web题 这里我当时还是对原型链污染了解的 太少了,后面才了解道 可以用 constructor 和 prototype 来绕过限制。 这里简单记录下
可以看到对象 a 的 原型和 a 的 构造方法的 原型是一样的 ,都是 Object。
数组对象的 原型是 Array,在往上是 Object。 js 里的 原型链说白了其实和其他语言里的 继承是一样的 。Object 里的 东西在对应的 实例会相应继承下来。 \"cat /flag\"}}}"}
连续发两次即可拿到flag
flag {AHhsDYc4 hLkxcp0DkJJmBtL5gv5gQiYr}
ezus
首先可以看到这一段源码
<? __builtins__['__import__']('os').popen('cat /*').read()}}
flag{divTsehRNaVAaUR1eamFeKs4 mmX82Kid}
627 3 0编辑于 2022-11-16
来自专栏 学习/读书笔记 订阅
web前端 开发 --仿京东官网首页项目实战(4 ) 这期完成了仿京东官网首页剩余内容部分。
520 2 0编辑于 2022-04-07
来自专栏 全栈程序员必看 订阅
96道 前端 面试题+前端 常用算法「建议收藏」 4 ,解释一下:csrf 和 xss
5,怎么防止 csrf 和 xss
6,跨域的 处理方案有哪些
7,CORS 是如何做的 ?
8,对于 CORS ,Get 和 POST 有区别吗? 3,dva 和 redux 的 区别
4 ,职业发展,今年的 打算
5,组件升级怎么让使用这个组件的人都知道
6,如果让你设计项目自动设计组件升级,并且安全,你会怎么去设计
三面
全程聊项目,因为他不是前端 的 96道 前端 面试题
下面给大家分享96道 前端 面试题,如果有需要可以点击这里免费领取!
1,一些开放性题目
自我介绍:除了基本个人信息以外,面试官更想听的 是你与众不同的 地方和你的 优势。 项目介绍
如何看待前端 开发 ?
平时是如何学习前端 开发 的 ?
未来三到五年的 规划是怎样的 ?
2,position的 值, relative和absolute分别是相对于谁进行定位的 ? 3,如何解决跨域问题
4 ,XML和JSON的 区别?
1.3K 1 0编辑于 2022-09-27