Web前端大合集
文章平均质量分 72
本专栏主要记载的是一些有关前端得知识点,有难有易,内容个人纪录,仅供参考。
薯条♪
走向乌兰巴托
展开
-
2022年前端面试题(续更中...)
前端综合面试题,有时间继续跟进更新.....原创 2022-11-09 20:20:23 · 383 阅读 · 0 评论 -
HTML5基础知识(全面)
前端入门、行内块、前端基础、前端面试原创 2022-07-08 22:25:43 · 966 阅读 · 0 评论 -
移动端开发(rem+flexbox项目实例总结)
移动端招聘项目首页总结一.项目效果、项目要求及工具使用二.项目文件一.项目效果、项目要求及工具使用项目效果:(第一板块导航)项目效果:(第二板块动态轮播)项目效果:(第三板块左右轮播)项目效果:(第四板块页脚)项目要求:页面适配ipad(786 ✖ 1024)像素以下所有设备,所有的图片文件像素大小均要符合UI设计师原图大小。工具使用(摹客):摹客官网一款能够测量原型图大小以及各元素颜色、像素的在线团队合作软件,开发者和UI设计师可以实时交互,探讨。二.项目文件...原创 2021-11-08 08:20:32 · 116 阅读 · 0 评论 -
ES6学习笔记
ES6学习笔记一、let 和const关键字1.2 .0 let关键字的使用let命令 基本语法let a =10;{let b = 100;//b只在当前代码块中有效}不存在变量的提升console.log(a)// a is not function let a=19;console.log(b);//undefinedvar b =10;a在未声明之前就是用了,var存在全局作用于,所以b只是没有被赋值,结果为undefined;但是let声明的变量,提前原创 2021-11-01 10:16:25 · 565 阅读 · 0 评论 -
一行两个span不在同一高度问题
有想法的span标签一. 实际开发span的问题二 .解决的方法(重点)一. 实际开发span的问题????开发要求效果图(一个盒子包裹两个span标签,要求在一行显示)????代码结构<div class="top clearfix"> <div class="left">欢迎访问某某电子电器有限公司!</div> <div class="right"> <span><img src原创 2021-10-10 16:33:52 · 594 阅读 · 0 评论 -
ES6学习
ES6笔记ES6学习笔记一、let 和const关键字1.2 .0 let关键字的使用let命令 基本语法不存在变量的提升暂时性死区( TDZ)不允许重复声明1.2.1 块级作用域ES5存在全局作用域和函数作用域ES6块级作用域ES6块级作用域和函数声明特别注意:(浏览器兼容性问题)--->为了减轻因此产生的不兼容问题;浏览器的实现可以不遵守上面的规定,有自己的行为。以下,只针对ES6有用1.2.3 const关键字的使用1.const基本语法(`const`声明一个只读的常量。一旦声明,常量的值就不原创 2021-10-08 09:32:09 · 98 阅读 · 0 评论 -
Swipe轮播插件的使用
Swiper轮播插件的使用一、入门Swiper插件1.1 swiper插件的下载1.2 swiper插件的具体应用使用步骤:二、快速学习Swiper API2.1 Swiper初始化三、常用Swiper API(可以说就是配置选项)3.1 Basic一般选项3.2 Free Mode(抵抗反弹)3.3 Effect切换效果3.4 Click点击3.5 pagination 分页器3.6 Loop 环路四、特别提醒以上内容只是用于自己学习,如有错误,还请大家指出错误,共同进步。一、入门Swiper插件1原创 2021-10-08 09:21:26 · 786 阅读 · 0 评论 -
JS实现九九乘法表
1.九九乘法表示例图:2.JS代码部分document.write("<table border='1px' cellpadding='0',cellspacing='0'>") // 行数 for(var i=1;i<=9;++i){ document.write("<tr>")//一行一个tr for(var j=1;j<=i;j++){//列数 document.write原创 2021-09-02 08:29:35 · 1724 阅读 · 0 评论 -
报错TypeError: Cannot set property ‘type‘ of undefined
TypeError: Cannot set property ‘type’ of undefined报错问题<script>export default { data () { return { query: '', // 表格数据 // username: "admin" // email: "[email protected]" // mobile: "12345678" // create_time: 1486原创 2021-08-28 10:26:10 · 8727 阅读 · 0 评论 -
CSS定位元素详解
加入定位元素原创 2021-07-27 18:20:58 · 276 阅读 · 0 评论 -
flex弹性盒子
一、flex弹性盒子的基本运用1、什么是弹性盒子?2、弹性盒子的组成?3、如何实现?4、弹性盒子中常用的几个属性?5、对齐方式1、什么是弹性盒子?弹性盒子顾名思义:具有一定的弹性,也就是可以满足在不同屏幕大小设备上自适应。2、弹性盒子的组成?弹性盒子由弹性容器和弹性子元素组成,一个盒子里可以有一个或者多个子元素组成3、如何实现?当某个div属性中有display:flex时,此时该div即为弹性容器默认的方向是从左自右,方向可以进行修改。 在body属性中设置direction(rt原创 2021-05-13 21:27:46 · 233 阅读 · 0 评论 -
JSDOM笔记总结
JSDOM对象讲解1.讲解document对象1.1DOM的含义1.2学习JS DOM中1.讲解document对象本章节讲的是document DOM对象:首先来了解下什么是document以及DOM:Attention:首先来说一下这个document对象(通俗讲就是窗口文档对象),一个html文档就是一个窗口文档对象 document属于window对象下的一个子对象,所以你会发现使用DOM时,基本上不需要使用window.document1.1DOM的含义DOM(documen原创 2021-04-27 22:39:56 · 303 阅读 · 0 评论 -
前端面试题集锦(一)
温馨提示:经常看一些面试题,能够很好的对自己进行查缺补漏,检验自己的能力。1、写出transform中2D转换的几大属性及其作用:答:①translate():根据坐标原点,浏览器左上角(0,0)进行X轴、 Y轴上的位置移动 ②rotate():根据X轴进行旋转,正值时为顺时针,负值时为逆时针。(deg单位) ③scale(parm1,parm2):根据原大小对其进行放大缩小功能,参数一二对应width和height,和X轴、Y轴。 ④skew(parm1,parm原创 2021-04-24 11:26:06 · 163 阅读 · 0 评论 -
CSS伪元素及伪类
CSS伪元素的使用一.常见的伪元素学前导读:伪类(前面一个冒号的 :):可以独立于文档的元素来分配样式,且可以分配给任何元素,逻辑上和功能上类类似,但是其是预定义的、不存在于文档树中且表达方式也不同,所以叫伪类。伪元素(前面两个个冒号的 ::):所控制的内容和一个元素控制的内容一样,但是伪元素不存在于文档树中,不是真正的元素,所以叫伪元素。名称示例::first-linep::first-line{color:red}为文本第一行加上红色:: first-lette原创 2021-04-09 21:39:21 · 185 阅读 · 0 评论 -
CSS3渐变详解
1.线性渐变(linear-gradient)1.1 方向、角度以及多颜色注意:颜色必须是两个颜色节点以上①默认方向(上下)#demo2{ width: 100px; height: 50px; border-radius: 8px; background:linear-gradient(rgb(231, 121, 207),rgba(211, 142, 238, 0.582)) }效原创 2021-04-08 19:47:57 · 180 阅读 · 0 评论 -
JS函数的定义及调用
js函数的定义与调用1、 函数的定义三种方式:①函数定义(简单讲就是使用function关键字开头定义),如下:<body> <button onclick="sum(2,3)">点击求和</button></body><script> //函数定义 function sum(a,b){ console.log(a,b); return("你的和值为:"+a+b); };原创 2021-03-31 21:10:37 · 649 阅读 · 0 评论