- 博客(284)
- 资源 (2)
- 收藏
- 关注
原创 条件渲染 - 小程序学习笔记
11 条件渲染1 wx :if="{{true/false]}”1 if , else , if elsewx :ifwx:elifwx :else2 hidden1 在标签上直接加入属性hidden2 hidden="{{true}}”3 什么场景下用哪个1 当标签不是频繁的切换显示优先使用wx:ifI直接把标签从页面结构给移除掉2 当标签频繁的切换显示的时候优先使用hidden代码:<view> <view>条件渲染</view> &
2022-03-07 21:55:53
436
原创 block - 小程序
block1 占位符的标签2 写代码的时候可以看到这标签存在3 页面渲染小程序会把它移除掉代码:<view> <block wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="id" class="my_list" > 10 - block: 索引:{{index}} -- 值:{{item.name}} </bloc
2022-03-07 21:33:08
509
原创 怎样添加、移除、移动、复制、创建和查找节点?
1.添加: appendChild()2.移除:removeChild()3.移动:insertBefore()举例:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="http://code.jquery.com/jquery-1.10.1.min.js"><
2022-03-03 00:02:44
1103
原创 怎么让Chrome支持小于12px的文字?
-webkit:表示针对 safari 浏览器支持。transform:旋转 div 元素。scale:缩放,指的是“缩小”和“放大”。代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> h3{ font-size:7px; -webkit-t
2022-03-02 23:31:17
337
原创 a= [‘a‘, ‘b‘, ‘c] b=[‘e‘, ‘f, ‘g‘]合并两个数组,不产生新数组,怎么实现?
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> var a = ['a', 'b', 'c']; var b=['e', 'f', 'g']; a = a.concat(b); console.log(a); </script
2022-03-02 23:08:43
192
原创 jQuery对象和原生的Dom对象相互转换
https://blog.csdn.net/weixin_44440256/article/details/88254028
2022-03-02 23:01:14
390
原创 前端面试题:img中的alt与 title属性的差异?
alt:图片加载不出时,在图片显示出错处会提示alt 设置的属性内容。title:当把鼠标移动到元素上时,就会显示预先设置的 title 的内容。
2022-03-02 22:46:54
233
原创 前端面试题:CSS中哪些属性不可以从父元素继承?
display、text-decoration、text-shadow、white-space、width、height、margin、border、padding、 float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index
2022-03-02 22:31:33
347
原创 前端面试题:列举什么情况下能形成BFC?什么是BFC?作用?
A、怎么样形成:浮动float的值不为none。position的值为absolute或者fixed。overflow的值不为visible。display的值为inline-block、table-cell、table-caption。B、什么是BFC?BFC是块级格式化上下文,是Web页面的可视CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。C、作用:清除浮动,防止margin重叠。...
2022-02-28 22:39:06
311
原创 前端面试题:relative、absolute、fixed分别相对于谁定义?
relative(相对定位):生成相对定位的元素,通过top,bottom,left,right的设置相对于其正常(原先本身)位置进行定位。可通过z-index进行层次分级。.absolute(绝对定位):生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。可通过z-index进行层次分级。fixed(固定定位):生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 “le.
2022-02-28 22:18:25
2384
原创 前端面试题:“同源”的必需条件是什么?
协议、域名、端口三者一致。同源策略的目的:为了保证用户信息的安全,防止恶意的网站窃取数据。限制范围:1.cookie、localStorage、index DB无法读取。2.DOM无法获得。3.AJAX请求在浏览器有跨域限制。...
2022-02-28 22:10:19
220
原创 前端面试题:console.log(‘start‘);的结果是什么?
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> console.log('start'); setTimeout(function(){ console.log('setTimeout') },0) Promise.resol.
2022-02-28 20:09:21
554
原创 前端面试题:访问一个URL经历了哪些过程?
客户端获取URL —> DNS解析 —> TCP连接 —>发送HTTP请求 —>服务器处理请求 —>返回报文 —>浏览器解析渲染页面 —> TCP断开连接
2022-02-24 22:31:34
714
原创 前端面试题:js基本数据类型是什么?引用数据类型有哪些?区别是什么?null是对象吗?
js基本数据类型是什么?underfined、null、boolean、number、string引用数据类型有哪些?function、Array、object,引用数据类型也是对象。区别是什么?基本数据类型和引用数据类型存储在内存中的位置不同:1.基本数据类型存储在栈中,在栈中存放的是对应的值。2.引用类型的对象存储于堆中,在栈中存放的是指向堆内存的地址。null是对象吗?不是。...
2022-02-24 20:40:14
325
原创 前端面试题:箭头函数有哪些特点?
函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。箭头函数内不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用rest参数代替。不可以使用yield命令,因此箭头函数不能用作Generator 函数。...
2022-02-23 23:19:26
365
原创 前端面试题:简述一下你对 HTML标签语义化的理解。
语义化标签的出现,方便机器阅读我们的代码。在没有样式的前提下,语义化标签一样会呈现出清晰的结构,方便季芹阅读。搜索引擎的爬虫,是靠语义化标签内部的关键字,确定它的上下文权重。如果在开发时适当使用,那么我们的页面能在搜索引擎上排名靠前。语义化标签极大的提高了我们的代码可读性。如果使用了语义化标签,那么我们的开发人员能互相看懂代码的结构。...
2022-02-23 18:06:43
537
原创 前端面试题:$route和$router的区别?
$route 是“路由信息对象”,包括path,params,hash,query,fullPath,matched,name等路由信息参数。$router 是“路由实例”对象包括了路由的跳转方法,钩子函数等。
2022-02-23 00:01:19
736
原创 前端面试题:接口请求一般可以放在哪些生命周期中?
接口请求一般放在mounted中,但需要注意的是服务端渲染时不支持mounted,需要放到created中。
2022-02-22 23:59:21
550
原创 前端面试题:第一次页面加载会触发哪几个钩子?
第一次页面加载时会触发 beforeCreate, created, beforeMount, mounted 这几个钩子。
2022-02-22 23:55:42
658
原创 前端面试题:写一个左中右布局占满屏幕,其中左右两块是固定宽度200 ,中间自适应宽,要求先加载中间块,请写出结构及样式
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>写一个左中右布局占满屏幕,其中左右两块是固定宽度200 ,中间自适应宽,要求先加载中间块,请写出结构及样式: </title> <style type="text/css"> html,body{margin:0px;width:100%;} #left,#right{widt
2022-02-19 08:29:24
952
原创 前端面试题:一个200*200的div在不同分辨率屏幕上下左右居中,用css实现。
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>冒泡排序法</title> <style type="text/css"> #div{ position: absolute; width: 200px; height: 200px; top: 50%; left: 50%;
2022-02-19 07:28:08
553
原创 前端面试题:实现冒泡排序,说明一下原理。
原理:依次比较相邻的两个值,如果后面的比前面的小,则将小的排到前面。依照这个规则进行多次并且递减的迭代,直到顺序正确。
2022-02-18 23:25:00
129
原创 前端面试题:如何遍历下面的 my_data对象?
var my_data={a:‘Ape’,b:‘Banana’,c:‘Citronella’};选(A)A、for(var key in my _data) ()B、foreach (my_data as key=>value ()C、for(var i=o; i<my_data.length;i++) ()D、全不正确解析:A:采用in来遍历对象的属性。B:是php的方法C:对象没有length, 数组才可以...
2022-02-18 23:19:14
1412
原创 前端面试题:放在HTML里的哪一部分JavaScripts 会在页面加载的时候被执行?
选(D)A、文件头部位置B、文件尾C、标签部分D、标签部分
2022-02-18 23:13:21
1374
原创 前端面试题:列定义的css 中,哪个权重是最低的?
选(C)A、#game .nameB、#game . name spanC、#game divD、#game div. name解析:权重越大,优先级越高。优先级是:内联样式 > id 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器。 多个选择器组合的时候,不应该简单地给这些选择器分配权值,然后相加比较大小。因为上面所说的优先级是不能越级的,比方说 1 个 id 选择器能顶你 n 个类选择器…所以要逐级比较,同级的就比较数量,数量多的优
2022-02-18 23:11:32
2735
原创 前端面试题:var val = ‘smtg‘; console.log(‘Value is‘ + (val === ‘smtg‘) ? ‘Something‘ : ‘Nothing‘);选哪个
var val = ‘smtg’;console.log(‘Value is’ + (val === ‘smtg’) ? ‘Something’ : ‘Nothing’);选(A)A: Value is SomethingB: Value is NothingC:NaND: other
2022-02-18 22:06:55
1439
1
原创 前端面试题:把鼠标移到按钮并点击时,会产生一串什么样的事件()
选(D)A、active hover focusB、foucs hover activeC、hover active foucusD、hover focus active分析:悬停 -> 聚焦 -> 响应
2022-02-18 21:59:15
902
原创 前端面试题:将一个整数序列整理为升序,两趟处理后变为10,12,21,9,7,3,4,25,则采用的排序算法可能()
选(C)A、插入排序B、快速排序C、选择排序D、堆排序分析:第一层循环:依次遍历序列当中的每一个元素。第二层循环:将遍历得到的当前元素依次与余下的元素进行比较。符合最小元素的条件,则交换。选择排序的基本思想:比较+交换。插入排序:第n趟前n+1个有序选择排序:第n趟前n个位置正确快速排序:第n趟有n个元素位置正确堆排序:第n趟前或后n个位置正确...
2022-02-18 21:56:06
2050
2
原创 前端面试题:下列事件哪个不是由鼠标触发的事件()
选(D)A、clickB、contextmenuC、mouseoutD、keydown解析:click 鼠标点击事件。contextmenu 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件。mouseout 事件会在鼠标指针移出指定的对象时发生。keydown 事件会在用户按下一个键盘按键时发生,由键盘触发。属性规定了元素的上下文菜单。当用户右击元素时将显示上下文菜单。contextmenu 在jQuery中的示例:<!DOCTYPE html>
2022-02-18 21:48:42
2397
原创 前端面试题:以下全部属于块级标签的是?()
选(D)A、<div><p><input><span><img>B、<div><h1><p><img><d1>C、<span><h1><p><img><dl>D、<div><p><form><ul><h1>块级标签:行级标签:...
2022-02-18 21:34:19
1461
原创 前端面试题:javascirpt中的数字在计算机内存储为多少Byte( )?
javascirpt中的数字在计算机内存储为多少Byte(C )?A、2 ByteB、4 ByteC、8 ByteD、16 Byte8Byte = 64bit.
2022-02-18 21:16:54
471
原创 前端面试题:display有哪些属性值?
display 属性可以设置元素的内部和外部显示类型。元素的外部显示类型将决定该元素在流式布局中的表现(块级或内联元素)。元素的内部显示类型可以控制其子元素的布局(例如:flow layout,grid或 flex)。常见的属性值:效果:<p style="display:none;">display的属性值 - 不显示</p><p style="display:block;">display的属性值</p>注意:没有hidden。
2022-02-17 22:59:39
1720
原创 前端面试题:Token一般是存放在哪里? Token放在cookie和放在localStorage、sessionStorage中有什么不同?
Token其实就是访问资源的凭证。一般是用户通过用户名和密码登录成功之后,服务器将登陆凭证做数字签名,加密之后得到的字符串作为token。它在用户登录成功之后会返回给客户端,客户端主要有这么几种存储方式:1.存储在localStorage 中,每次调用接口的时候都把它当成一个字段传给后台。2.存储在cookie 中,让它自动发送,不过缺点就是不能跨域。3拿到之后存储在localStorage中,每次调用接口的时候放在HTTP请求头的Authorization字段里所以token在客户端一般存..
2022-02-09 15:36:43
16268
原创 前端面试题:浏览器为什么要阻止跨域请求?如何解决跨域?每次跨域请求都需要到达服务端吗?
浏览器阻止跨域请求的原因是同源策略","同源策略"主要解决的问题是浏览器的安全问题,同源是协议、域名、端口都相同,非同源是只要协议、域名、端口有一个不同就会造成非同源。如下:如上两地址由于端口不同就造成跨域问题。非同源会造成∶1.无法获取cookie、localstroage、indexedDB。2.无法访问网页中dom。3无法发送网络请求。所以浏览器阻止跨域的原因是基于网络安全考虑。解决跨域方式有很多种例如: 1.jsonp跨域。2.postMessage解决跨域。 3.跨域资源共享(COR.
2022-02-09 15:27:25
1752
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人