- 博客(25)
- 收藏
- 关注
RSS订阅原创 前端知识点回顾-（2021-05-26）
目录 1、浏览器篇 1.1、 整理的内容慢慢更新，回归一下之前的知识点，免得遗忘了 1、浏览器篇 1.1、
2021-10-26 17:33:28
426
原创 ios与安卓样式兼容问题
1.margin在IOS中失效 在页面中元素使用margin值，在某些IOS设备下会出现失效的情况，而安卓机则正常显示，此问题暂无直接的解决方案，当前使用空DIV控制间距。 2.fixed定位问题 整个页面的fixed定位，在ios下下拉会触发下拉事件，但是没有动画效果。Android就能正常运行 flex中使用 绝对定位，ios出现严重错位，导致父级元素也会变成绝对定位，And...
2019-04-22 12:03:25
1661
原创 web安全
前言 XSS 和 CSRF 和前端安全相关，但是其实前端能做的并不多，最多只是对一些特殊字符进行转义，但是其实主要的工作还是后端来做，所以前端到底能做什么来预防这些东西。面试官是这么跟我说的，他说前端只是一个大门，并不能挡住所有东西，但是还是要对这些东西有所了解。 所以呢，在安全方面，前端能做的东西真的不多，但是要有这个意识，如果你连防御的意识都没有的话那么写的程序肯定是有漏洞的， 1、xs...
2019-03-15 19:15:15
162
原创 模块化编程
1.定义： 模块化程序设计是指将一个大程序根据功能划分为若干个小程序，并在这些模块中建立必要的联系。修改某个功能是不会影响其他功能 ①原始写法：实现特定功能的一组方法。 function m1(){ //... } function m2(){ //... } 缺点："污染"了全局变量，无法保证不与其他模块发生变量名冲突，而且模块成员之间看不出直接关系。 ...
2019-03-13 22:24:38
394
原创 拷贝浅析
拷贝分为深拷贝与浅拷贝 浅拷贝：只能复制基本类型的值，不能复制引用类型的值； 浅拷贝的基本类型的值是各自独立的，而引用类型的值还是和之前的对象一样是公用的 深拷贝：即创建了一个新的对象； 这个对象中基本类型值是独立的，引用类型值也是独立的，修改这个对象的引用类型的值不会影响原对象的值。 如何实现浅拷贝？ ①es6新增的Object.ass...
2019-03-13 21:21:32
245
原创 flex语法
1、含义： 任何一个容器都可以指定为flex布局，行内元素也可以：inline-flex 注意：webkit内核的浏览器，必须加上-webkit前缀：display：-webkit-flex；flex布局后，子元素的float、clear和vertical-align属性将会失效 2、容器的属性 ①flex-direction：决定排列方向 值：row、row-reverse、colum...
2019-03-13 19:07:18
170
原创 响应式布局
4.1 meta 标签 最简单的处理方式是加上一个 meta 标签 <meta name="viewport" content="width=device-width, initial-scale=1"> 1 其中，width = device-width 这一句的意思是让页面的宽度等于屏幕的宽度。 4.2 使用 rem rem 指的是 html 元素的 font-size，...
2019-03-12 21:55:33
139
原创 浅析promise
1.promise是什么 运用场景：当你需要向后台请求三个字符串，将三个字符串请求结果拼接在一起时 var result =Promise.all([ajax1,ajax2,ajax3]).then(()=>{ //TODO }) Promise是异步编程的一种解决方案 特点：①异步操作：有三种状态：pending（进行中）、fulfilled（已成功）、reject（已失败...
2019-03-12 21:31:01
154
原创 前端面试一
1、css居中 ①行内： line-height为width的一半 ②已知宽高 =>absolute+margin负值 =>absolute+margin：auto 这个需要设置top、left、right、bottom为0 ③css3弹性布局 display：flex；align-items：center；justify-content：centent； ④表格： ...
2019-03-12 20:05:41
111
原创 三七互娱前端面试题
1、用js写出一个冒泡排序算法。 解析：1.比较相邻的两个元素，如果前一个比后一个大，则交换位置。 2.第一轮的时候最后一个元素应该是最大的一个。 3.按照步骤一的方法进行相邻两个元素的比较，这个时候由于最后一个元素已经是最大的了，所以最后一个元素不用比较。 functionbubbleSort(array){ varlen=array.length; ...
2019-03-07 12:33:47
3400
1
原创 vuejs面试题
一、什么是MVVM？ MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。 在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewMo...
2018-12-25 19:04:47
205
原创 html与css面试题
1、什么是盒子模型？ 在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。 2、行内元素有哪些？块级元素有哪些？ 空(void)元素有...
2018-12-25 18:44:45
387
原创 jquery面试题
1、 jQuery 库中的 $() 是什么？ $() 函数是 jQuery() 函数的别称。$() 函数用于将任何对象包裹成 jQuery 对象，接着你就被允许调用定义在 jQuery 对象上的多个不同方法。你可以将一个选择器字符串传入 $() 函数，它会返回一个包含所有匹配的 DOM 元素数组的 jQuery 对象。 2、如何找到所有 HTML select 标签的选中项？ ...
2018-12-25 18:32:13
4460
原创 js面试题
1.JavaScript中如何检测一个变量是一个String类型？请写出函数实现 方法①： function isString(obj){ return typeof(obj) === "string"? true: false; // returntypeof obj === "string"? true: false; } 方法② function isStri...
2018-12-25 18:18:55
188
转载 Cookie 、localStorage 、sessionStorage的区别
基本概念 Cookie Cookie 是小甜饼的意思。顾名思义，cookie 确实非常小，它的大小限制为4KB左右。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。 localStorage localStorage 是 HTML5 标准中新加入的技术，它并不是什么划时代的新东西。早在 IE 6 ...
2018-12-02 14:22:49
110
转载 URL中的hash（井号）
1.#的含义 #代表网页中的一个位置，其右边的字符，就是该位置的标识符。比如 http://www.example.com/index.html#print 就是代表index.html中的print位置。浏览器会自动把print位置滚动到页面可视区域内。 设置方法： step1：设置一个锚点<a href="#print">定位到print位置</a> st...
2018-11-30 11:06:43
246
转载 jstree树形结构Api
1. jsTree 核心功能（core functionality） 1.1. $.jstree 包含所有 jstree 相关的函数和变量，包括用于创建、访问、维护实例的类和方法。 + 1.2. $.jstree.version jstree 的版本号 + 1.3. $.jstree.defaults 包含用于创建新实例的默认配置 + 1.4. $.jstree.default...
2018-11-15 16:22:59
2316
原创 使用fullCalendar实现展示四周的计划,类似闹钟
利用fullCalendar中的日程事件可以实现，自定义视图 1、自定义视图 显示四周计划 $(selectors.calendar).fullCalendar({ defaultView: 'agendaFourWeek', customButtons: { addPlan: { text: '添加...
2018-11-15 12:18:24
893
原创 js：返回两个日期之间的时间
getBetweenDate("2018-11-11","2018-12-09"); function getBetweenDate(start,end){ var result = []; var beginDay = start.split("-"); var endDay = end.split("-"); var diffD...
2018-11-15 11:54:51
256
2
转载 fullCalendar日历:中文API
FullCalendar提供了丰富的属性设置和方法调用，开发者可以根据FullCalendar提供的API快速完成一个日历日程的开发，本文将FullCalendar的常用属性和方法、回调函数等整理成中文文档，以供参阅。当前版本1.6.4。 普通显示设置 属性 描述 默认值 header 设置日历头部信息。 如果设置为false，则不显示头部信息。包括left，cen...
2018-11-15 11:45:03
1265
原创 内核引擎
1、IE浏览器内核：Trident内核，也是俗称的IE内核； 2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核； 3、Firefox浏览器内核：Gecko内核，俗称Firefox内核； 4、Safari浏览器内核：Webkit内核； 5、Opera浏览器内核：最初是自己的Presto内核，后来加入谷歌大军，从Webkit...
2018-11-05 17:39:33
348
转载 css3新增属性
一. box-shadow(阴影效果) 使用: box-shadow: 20px 10px 0 #000; -moz-box-shadow: 20px 10px 0 #000; -webkit-box-shadow: 20px 10px 0 #000; 支持: FF3.5, Safari 4, Chrome 3 二. border-colors(为边框设置多种颜色) ...
2018-11-05 16:23:56
136
原创 前端性能优化（css动画篇）
1、原理： css3动画绘制效率高的方法： ☆改变位置 ☆改变大小 ☆旋转 ☆改变透明度 2、CSS的图层的概念（Chrome浏览器） （1）浏览器所做的工作实际上是： 获取DOM后分割为多个图层 对每个图层的节点计算样式结果（Recalculate style--样式重计算） 为每个节点生成图形和位置（Layout--回流和重布局） 将每个节点绘制填充到图层位图中（Pain...
2018-11-05 16:06:11
267
原创 h5新增标签
article: 标签定义外部的内容。 aside:标签定义 article 以外的内容。a audio:h5新增音频标签。没有高宽属性。 canvas:h5新增画布标签。 command: 定义命令按钮(未测试) datalist：标签定义选项列表。 datalist 及其选项不会被想显示出来，它仅仅是合法的输入值列表。 details：标签用于描述文档或文档某个部分的细节。...
2018-11-05 15:23:09
165
原创 css-清除浮动
1.定义： 在非IE浏览器中，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。为了防止这种现象出现的处理即为清除浮动。 2.清除浮动方法： ①使用带clear属性的空元素 在浮动元素后使用一个空元素如<div class="c...
2018-11-05 15:03:06
92
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人