前端学习+项目问题9

article/2025/8/13 13:45:59

一般字体下载下来是.ttf格式，需要转换才能使用

字体转换网址

http://www.font2web.com//?error=no_file_uploaded

https://www.fontsquirrel.com/tools/webfont-generator

转换需要上传字体，转换完成后会自动下载安装包，解压安装包，将font文件夹下边.eot .woff .ttf .svg四个文件（这是我们自定义字体时需要的）引用到项目目录中，为更好的兼容性，我们采用以下代码

@font-face {

font-family: ‘PingFangSCRegular’;

src: url(‘…/…/fonts/PingFang SC Regular_0.eot’);

src: url(‘…/…/fonts/PingFang SC Regular_0.eot?#iefix’) format(‘embedded-opentype’),

url(‘…/…/fonts/PingFang SC Regular_0.woff’) format(‘woff’),

url(‘…/…/fonts/PingFang SC Regular_0.ttf’) format(‘truetype’),

url(‘…/…/fonts/PingFang SC Regular_0.svg#PingFangSCRegular’) format(‘svg’);

font-weight: normal;

font-style: normal;

}

然后再用font-family引用字体就可以了

body{

font-family: ‘PingFangSCRegular’

}

11.yarn remove packname yarn卸载安装包

12.起初开发的时候我用的是给元素绑定onclick事件，但是click事件有3秒延迟，还是应该用zepto自带的tap事件

13.子元素{flex:1}第一个参数为flex-flow:1,等分剩余空间，如果一个项目的flex-grow属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍。

14.去除select默认样式

.myform select {

/*很关键：将默认的select选择框样式清除*/

appearance:none;

-moz-appearance:none;

-webkit-appearance:none;

/*在选择框的最右侧中间显示小箭头图片*/

background: url(“…/…/images/symbols-下拉.png”) no-repeat scroll 92.6% center transparent;

background-color: #fff;

background-size: 13.4px;

/*为下拉小箭头留出一点位置，避免被文字覆盖*/

padding-right: 22.5px;

}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

select::-ms-expand { display: none; }

15.写提交申请事件时，将提示文字写在了form窗体外，所以不显示，写在form窗体内就可以了

17.select 下拉框箭头处，取消默认样式 ，为其添加背景图

但一开始最左边的图标我也是直接在背景图上添加的，有两种方法，一种是为元素添加多个背景图

，除了backgroud-color是唯一一个不能使用多个值的background-*元素，所以，我们以上的三个元素都可以使用多个值，两个值之间以逗号相连。

(1)

div {background-image:url(),url();

background-position:0 30px, 0 45px;

backgroud-repeat:no-repeat

}

(2)也可以使用background属性

div { background :url () no-repeat 0 30px;

url() no-repeat 0 45px;

}

另一种是在select外套一个div,把左边用来装饰的背景图加到此div上，把下拉列表背景图加到select元素上。

18

.zepto获取select元素的选中option不能用类似jq的方法$(‘option[selected]’),因为selected属性不是css的标准属性

应该使用$(‘option’).not(function(){ return !this.selected })

比如：jq:$this.find(‘option[selected]’).attr(‘data-v’) * 1

zepto:$this.find(‘option’).not(function() {return !this.selected}).attr(‘data-v’) * 1

但是获取有select中含有disabled属性的元素可以用$this.find(“option:not(:disabled)”)因为disabled是标准属性

19.git操作

(1).撤消git commit操作

使用git log查看 commit 日志，日志中包含本次commit的哈希值,找到需要回退的那次commit的哈希值，

使用

git reset --hardcommit_id  命令进行回退

(2).撤消git add 操作

如果是撤销所有的已经add的文件:

git reset HEAD .

如果是撤销某个文件或文件夹：

git reset HEAD -filename

(3).撤消git push操作

方法:

git reset --hard <commit_id>

git push origin HEAD --force

其他:

根据–soft –mixed –hard，会对working tree和index和HEAD进行重置:

git reset –mixed：此为默认方式，不带任何参数的git reset，即时这种方式，它回退到某个版本，只保留源码，回退commit和index信息

git reset –soft：回退到某个版本，只回退了commit的信息，不会恢复到index file一级。如果还要提交，直接commit即可

git reset –hard：彻底回退到某个版本，本地的源码也会变为上一个版本的内容

HEAD 最近一个提交

HEAD^ 上一次

(4).git rebase

git rebase用于把一个分支的修改合并到当前分支

如果想要放弃当前rebase操作，用

git rebase --abort

如果冲突已经解决，先add冲突文件，之后

git rebase --continue

20、flex布局

1、Flex是Flexible Box 的缩写，意为弹性布局。用来为盒状模型提供最大的灵活性。

webkit内核的浏览器，必须要加上-webkit的前缀

.box{display: -webkit-flex;/* Safari */display: flex;}

webkit内核八大浏览器包括： chrome,safari,搜狗高速浏览器，傲游浏览器3，qq浏览器，360极速浏览器，世界之窗浏览器（极速版），阿里云浏览器

2、flex属性

flex-wrap: 定义如何换行{no-wrap（默认):不换行

wrap:换行，第一行在上方，

wrap-reverse: 换行，第一行在下方

}

justify-content： 项目在主轴上的对齐方式

{flex-start左对齐

flex-end 右对齐

center居中对齐

space-between两端对齐,项目之间间隔相等

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

space-around每个项目两侧的间隔相等，即左边距与右边距一样大，所以项目之间的间隔要比项目与大的外边框之间的距离大一倍。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

21、在表单中不能使用元素，因为不同的浏览器会提交不同的按钮值。请使用 input 元素在 HTML 表单中创建按钮。

22、模块式引入swipper

问题：swipper.js swipper.css不能使用

原因：swipper.js swipper.js没有引入

解决办法：引入 node_modules下的swiper的css 和js

问题:引入 swipper轮播图无法正常滑动

原因：swipper版本不对 ，npm install swipper默认安装的版本是swipper 4.* beta版，应该安装swipper3.*版本的23、$(document).ready(function(){

function Func(){}

})

第一次写的时候丢了function，这段代码的意思是当页面加载完成后执行此函数里边的函数，所以function(){}不能丢

24、测试js，用return返回不执行下边的函数来观察是否有问题。

二、学习任务

1.zepto支持浏览器

ie10+

chrome 30+

firefox 24+

safiri 6+

ios 5+ safari

andriod 2.3+ browser

2.zepto 模块

* zepto —— default ——核心模块，必须引入

* event ——default —— 通过on() off()处理事件

* ajax —— default —— XMLHttpRequest 和JSONP实用功能

* form —— default —— 序列化提交web表单

* ie —— default —— 增加支持桌面的ie10和windows phone 8

* detect —— 提供$.os $.browser消息（

判断设备和浏览器，zepto.os判断查看设备，返回一个对象{ios:true ,iphoe:true,version:“6.1”}

zepto.browser查看浏览器，返回对象{version:'536.26,webkit:true}

）

* fx —— 提供 animate() 方法

* fx_methods —— 以动画形式的show,hide,toggle.fade*()方法，即可使用show() hide()方法支持动画

var div1 = $(“#fool”)

div1.animate({

“width”; “300px”,

“height”: “300px”

),

‘slow’,‘ease-in-out’,

function {

console.log(‘div animate callback’)

div2.hide(‘slow’,function() {})

div2.fadeOut(‘slow’,function)() {

console.log(‘div2 animate callback’)

})

},2000)

* assets 支持从DOM中移除Image元素并清理 ios内存

mobile safari严格的资源占用限制说起；mobile safari要比桌面版的浏览器的资源占用限制严格的多，当ios加载大文件时会停止加载，这时需要回收这些图片资源 ，因为不能保证垃圾回收机制是否有回收处理掉这些图片，所以我们采用移除image元素后清理内存，释放图片资源。

* data 对data()方法的完整支持，能够在内存中存储内存对象（读取或写入dom的data-* 属性，点像attr，但属性名要加上data-，zepto基本实现 ‘data()’方法只能存储字符串，当读取属性时，会有下列转换：

“true",“false”"null"转换为相应类型

数字值转换为实际数字类型

有效的JSON值会被解析

其他一切均作为字符串返回

）

* deferred 提供$.Deferred pormised API.依赖"callbakcs"模块

ajax请求或处理结果需要回调函数来执行完成后的操作时，使用deferred作为回调函数解决方案

$.Deferred()生成deferred对象

deferred.done()操作成功时的回调函数

deferred.fail()失败

deferred.promise() 无参时返回对象，运行状态无法改变，有参时作为在参数对象上部署deferred接口

deferre.resolve()改变 deferred对象运行状态为”已完成“触发done()方法

deferre.reject()改变 deferred对象运行状态为”已完成“触发fail()方法

$.when()为多个操作指定回调函数

deferred.then(), ex: w h e n ( when( when(.ajax(url).then(successFunc,failureFunc)

deferred.always

ajax版本区别

ajax1.5之前

$.ajax({url:test.html’,

success(){},

error(){}

})

ajax 1.5之后 ,返回deferred对象,可链式操作

$.ajax(“test.html”)

.done({function(){})

.fail(function(){})

允许添加多个回调函数

$.ajax(“test.html”)

.done({function(){})

.fail(function(){})

.done({function(){})

.fail(function(){})

允许为多个事件指定一个回调函数

* callbacks 为"deferred"模块提供 $.Callbacks.

* selector 支持 jquery css表达式功能（$(‘div:first’)第一个div对象,el.is(‘:visible’)判断el是否为禁用的input或者button

* touch 在触摸设备上触发tap- swipe-相关事件。

基本touch事件：

touchstart 手指触发屏幕上的时候触发

touchmove 手指在屏幕移动的时候触发

touchend 手指离开屏幕的时候触发

touchcancel 系统取消touch事件的时候触发

* gesture 在触摸设备上触发 pinch（手指缩放）事件

* stack （栈）提供andSelf() &end （）链式调用方法

* ios3 String.prototype.trim 和 Array.prototype.reduce 方法 (如果他们不存在) ，以兼容 iOS 3.x.

3.zepto api

(1).$()

//创建元素

#$(“

hello

”)

//创建带有属性的元素

$(“

”),{ text”：’hello’,id:"greeting’,css:{color:“darkbule”} })

(2).camelCase(string)驼峰命名

(3).$contains(parent,node) 检查父节点是否包含给定的dom节点，如果两者是相同的节点 ，返回false

(4).each(collection,function(index,item){…})遍历数组或心key-value值对方式遍历对象。回调函数返回false停止遍历。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

*%d带符号十进制数

%s字符串

（5）$.fn在此对象上添加的方法所有的zepto对象都能调用

（6）$.grep 获取包含回调函数中返回true的数组项

$.grep([1,2,3], function(item) {

return item > 1

})

（7）inArray 返回数组中指定元素的索引值

（8）isNumeric如何该值为有限数值或一个字符串表示则返回true

（9）isPLainObject 测试一个对象是否通过 对象常量（“{}”） 或者 new Object 创建的，如果是，则返回true。

（10) var callback = $.noop引用一个空函数

（11）$.parseJson接受一个标准格式的json并返回解析后的js对象

（12）add 添加元素到当前匹配的元素集合中

$(‘li’).add(‘p’).css(‘background-color’,‘red’)

（13）append在匹配元素末尾插入内容 after在匹配元素后面插入内容

（14）append appendTo区别

$(‘ul’).append(‘

  • new list item
  • ’)

    $(‘

  • new list item
  • ’).appendTo(‘ul’)

    （15 ) filter对象，过滤对象集合

    （16）forEach与each相似，都是遍历对象集合中的每个元素，但回调函数返回false时不停止遍历

    （17）get 从当前对象集合中获取指定的元素或所有元素

    ex: $(‘h2’).get()

    $(‘h2’).get(0)

    ( 18 )hasClass 检查对象集合中是否有元素含有指定的class

    ( 19 )获取或设置元素的html内容，不用innerHTML

    ( 20 )is判断当前元素集合中第一个元素是否符合css选择器

    ( 21）offSet获取当前元素在document的位置

    （22）offsetParent 找到第一个定位过的祖先元素

    （23）parent 获取直接父元素

    parents 获取所有祖先元素

    （24）pluck 获取对象元素的属性值，返回值是数组

    （25）prepend将内容插入到元素开头 prependTo(同appendTo）

    （26）prev 获取元素的前一个兄弟节点

    （27）prop读取或设置元素属性值，优先于attr

    （28）reduce 遍历当前对象集合，memo是上次函数的返回值，迭代进行遍历

    reduce(function(memo,item,index,array){}

    （29）removeClass 移除class名可用空格分隔

    （30）replaceWith 用给定内容替换所有匹配元素

    （31）slice（start, [end]) 提取数组的子集

    （32）text 方法不能用来获取或设置html，只能获取元素的文本内容

    （33）toggleClass 如果匹配元素有此class名就删除它，如果没有就添加它

    （34）unwrap 移除集合中每个元素的直接父节点，并把他们的子元素还保留在原来的公交车

    （35）wrap 在每个匹配的元素外层包上一个html元素 (".button a’).wrap(‘’)

    wrapAll 在所有匹配元素外层包一个单独结构 $(‘a.button’).wrapAll(‘

    ’)

    wrapInner 将每个的内容包在一个单独的结构中 （‘ol lu ‘),wrapInner(’

    ’)

    （36）Detect module

    该方法可以在不同的环境中微调你的站点或应用，可以识别手机或平板，以及不同系统和浏览器

    $.os.phone

    $.os.andriod

    4.zepto ajax

    (1). 默认情况下，ajax事件在document对象上触发。

    $(document).on(‘ajaxBeforeSend’, functio(e,xhr,options) {

    //页面上的每个ajax请求之前都会触发

    //可编辑ajax（）和xhr对象

    //通过返回false取消此操作

    }

    (2). 如果请求的context 是一个dom节点，那么在该dom节点中触发，然后在dom中冒泡。

    contenxt用于亩ajax相关回调函数的上下文（this指向）

    $.ajax({

    //请求方式

    type:'GET‘，

    //请求地址

    url:‘/projects’,

    //请求数据

    data:{ name: ‘zepto.js’},

    //期待服务器返回类型

    dataType: ‘json’,

    //请求超时时间

    timeout: 3000,

    //当前请求的this指向为body

    context: $(‘body’)

    //成功后的回调

    success: function(data) {

    {‘project’:{‘id’: 41, ‘html’: ‘

    …’}}

    //将返回的json对象（html）附加到上下文对象

    this.append(data.project.html)

    }

    //请求失败后的回调

    error: function(xhr,type) {

    alert(‘error’)

    }

    })

    //假定请求方式为post

    $.ajax({

    type:‘POST’,

    url:‘/’,

    data:JSON.Stringfy({‘name’:‘zepto.js’})

    //发送请求类型

    contentType:‘appliction/json’

    })

    (3).ajaxSettings

    包含ajax请求的默认设置对象

    (4).$.get(‘https://api.github.com/users/momo-0902’,function(response) {

    $(document.body).append(response)

    })

    !提示错误，Failed to execute ‘insertBefore’ on ‘Node’:parameter 1 is not of type ‘Node’.

    错误原因：无法在“Node”上执行“insertBefore”：参数1不是“Node”类型。

    请求回来的结果是一个json字符串，并不是一个Node类型

    * append在每个匹配的元素末尾插入内容，内容可为html字符串，dom节点，或者节点组成的数组

    将 $(document.body).append(response)改为console.log(response)可看请求成功的数据

    $(document.body).append(‘

    • hahaha
    • ’)可增加一个li节点 到body中。

      外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

      (5).$param 序列化一个对象

      (6).$.post(url,[data],function(data,status,xhr){},[dataType])

      $.post(‘/creat’,

      //serialize()在ajax post请求中将用作提交表单值编译成URL编码的字符串。

      $("#some_form’).serialize(),

      function(){

      })

      (7).load(url, function(data, status, xhr){ … })载入远程 html内容到当前集合中

      $("#some_element“).load(‘/foo.html #bar’) 匹配id为bar的html内容

      (8).ex

      $(“btn”).click(function() {

      $.ajax({

      url:‘user’,

      type:‘post’,

      data:("userName:KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲userName").val(…(“passWord”).val()),

      async:false,

      success: functoin() {

      if(data == 0) {

      alert(‘用户名错误’)

      }else if(data == 2) {

      alert(‘密码错误’)

      }else {

      }

      }

      }）

      }）

      5.zepto 事件

      （1）.$Event(type,[properties])

      创建并初始化一个指定的dom事件，如果给定properties对象，使用它来扩展出新的事件对象。默认情况下，事件被设置为冒泡方式；这个可以通过设置bubbles为false来关闭。

      ( 2 ).$proxy

      接受一个函数，返回一个新函数‘

      并且这个新函数始终保持了特定的上下文(context)语境，新函数中this指向context参数。另外一种形式，原始的function是从上下文(context)对象的特定属性读取。

      ( 3 ) .off 移除通过on添加的事件

      ( 4 ).on为元素添加事件，事件以空格隔开

      ( 5 ).one为元素绑定一次性事件

      ( 6）.trigger 在元素集合上触发指定事件

      ( 7 ).triggerHandler 在指定元素上触发指定事件

      6.抓包工具

      抓包是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作，也用来检查网络安全，与数据截取等。

      chrome开发者工具－－network选项

      点击工具条上方小红点record network log，可以记录下整个访问过程中所有抓包结果，否则只记录当前页面的抓包结果。

      可查看网页相关数据信息，网址，接口请求状态，js,css,image等加载状态

      点击网址可看到有以下几个选项，Headers,Preview,Response,Cookies,Timing

      在Headers中包括请求地址，请求方式，请求头，请求方式，响应头，响应内容等

      在Response中可单独查看响应状态码的返回，返回数据等

      在Timing中可查看时间等

      2.Weinre全称WebINspector Remote(翻译过来是远程web检查器),可在PC上直接调试运行在移动端的远程页面，

      weinre工作原理

      Debug客户端（client)：本地的web检查器，远程调试客户端

      Debug服务端(agent)：本地的HTTPServer，为Debug客户端与Debug目标页面建立通信

      Debug目标页面：被调试的目标页面，页面已嵌入weinre的远程js

      客户端、目标页面与Debug服务端之间使用XMLHttpRequest (XHR)进行HTTP通信，你通常的使用情形是将Debug客户端与服务端搭建在桌面开发环境，Debug目标页面放在移动设备。

      安装方式 ：npm install-g weinre

      过程中尝试用yarn install 安装，但因为yarn的安装位置问题，导致weinre不可用，所以还是建议用npm 安装

      步骤

      (1) 在本地开启监听服务器，ipconfig查看本地ip

      weinre --boundHost [hostname | ip address |-all-]  --httpPort [port]

      weinre -boundHost 192.168.2.45

      外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

      (2)可用weinre --httpPort 8081 --boundHost 192.268.2.45

      (3)访问weinre及在页面上调用

      （4）在调式的页面中加入远程调式所需要的JS代码

      （5）点击第一个链接

      外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

      （6）进入此页面，如果连接成功，网址变成绿色，按钮显示高亮

      外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

      （7）可下载草料二维码，将浏览器地址的127.0.0.1改为192.168.2.45,端口不变，此端口与weinre服务器端口不一样，此端口是访问页面的端口

      （8）多用户调试

      改变中的id"#anonymous"为自己的id（例#product),

      外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

      然后访问网址从http://192.168.2.45:8080/client/#anonymous改为http://192.168.2.45:8080/client/#product即可

      外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

      注意：每次开机都有新的ip地址，这是页面中标签中的Ip地址与页面访问ip地址也要做相应更改。

      7.chrome开发者工具

      外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

      1、点击文件中相应代码的行数选择断点，在右侧Breakpoints中有所有打过的断点列表，点击对应checkout的第一行取消该断点，点击下一行，直接跳到该代码处。

      外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

      2、刷新或者点击页面开始执行断点也调试。

      3、6个按钮

      （1）

      外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

      pause script excutio 【单步执行，在断点处暂停，等待调试】暂时后变为

      外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

      Resume script excution【继续执行】快捷键 F8或者ctrl + \

      外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

      (2)Step over next function call【单步跳过】跳到下一个断点，快捷键F10或者ctrl+`

      外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

      在69行和70行分别设置两个断点，先执行69行断点，在jquery中寻找源码后继续执行下一个断点，即alert(‘123’)

      如果没有断点了就继续执行完这个click函数，执行$(“#txt”).val(txt);然后执行if-else分支，但不进入if-else函数中

      外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

      （3）Step into next function call 【单步进入】进入函数内部调试，快捷键【F11 或者 Ctrl + ;】

      自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

      深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

      因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

      img

      既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

      由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

      如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

      最后

      前15.PNG

      前16.PNG

      由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容，详细完整版的JavaScript面试题文档，或更多前端资料可以点此处即可获取！！！。

      font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)

      (2)Step over next function call【单步跳过】跳到下一个断点，快捷键F10或者ctrl+`

      [外链图片转存中…(img-fgmN1Wum-1711682305179)]

      在69行和70行分别设置两个断点，先执行69行断点，在jquery中寻找源码后继续执行下一个断点，即alert(‘123’)

      如果没有断点了就继续执行完这个click函数，执行$(“#txt”).val(txt);然后执行if-else分支，但不进入if-else函数中

      [外链图片转存中…(img-naSUCMzg-1711682305180)]

      （3）Step into next function call 【单步进入】进入函数内部调试，快捷键【F11 或者 Ctrl + ;】

      自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

      深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

      因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

      [外链图片转存中…(img-OQk4QS9z-1711682305180)]

      [外链图片转存中…(img-jwBw3MGR-1711682305180)]

      既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

      [外链图片转存中…(img-xSxKgjDB-1711682305180)]

      由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

      如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

      最后

      [外链图片转存中…(img-AP0DabWE-1711682305181)]

      [外链图片转存中…(img-okkQKMYs-1711682305181)]

      由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容，详细完整版的JavaScript面试题文档，或更多前端资料可以点此处即可获取！！！。

http://www.hkcw.cn/article/IJgfrykcbs.shtml

相关文章

四、Angular 服务与依赖注入

四、Angular 服务与依赖注入

一、概述 Angular 为了解决数据共享和逻辑复用问题&#xff0c;引入了服务的概念&#xff0c;服务简单理解就是一个带有特性功能的类&#xff0c;Angular 提倡把与视图无关的逻辑抽取到服务中&#xff0c;这样可以让组件类更加精简、高效&#xff0c;组件的工作只管用户体验&am…
阅读更多...
源码：Spring常规Bean创建过程

源码：Spring常规Bean创建过程

Bean创建过程&#xff1a; 一、版本 5.3.10二、学习内容 Bean创建过程源码三、Bean生命周期 时间轴地址&#xff1a;点击 四、bean创建过程脑图总结 脑图地址&#xff1a;点击 五、源码过程 说明&#xff1a; bean创建入口一般都是通过getBean(xxx);方法进入的&#xf…
阅读更多...
用ENSP完成SSH登录实验（设备间登录），学起来学起来！！

用ENSP完成SSH登录实验（设备间登录），学起来学起来！！

最近才用到SSH的登录功能&#xff0c;简单的学习总结。大佬勿喷&#xff01;&#xff01;&#xff01; 用ENSP完成SSH登录实验&#xff08;设备间相互登录&#xff09;&#xff0c;学起来学起来&#xff01;&#xff01; 具体思路&#xff1a; 设备连线&#xff0c;启动。配…
阅读更多...
调整图片和表格尺寸的命令：resizebox

调整图片和表格尺寸的命令：resizebox

\resizebox 是 LaTeX 中的一个命令&#xff0c;用于调整插入的内容&#xff08;如图像、表格、文本等&#xff09;的大小。它的语法如下&#xff1a; \resizebox{<width>}{<height>}{<content>}其中&#xff1a; <width> 和 <height> 分别表示…
阅读更多...
Linux练级宝典-＞动态库和静态库

Linux练级宝典-＞动态库和静态库

动静态库的原理 我们知道可执行文件前的4步骤 预编译->编译->汇编->链接 预处理&#xff1a; 完成头文件展开、去注释、宏替换、条件编译等&#xff0c;最终形成xxx.i文件。编译&#xff1a; 完成词法分析、语法分析、语义分析、符号汇总等&#xff0c;检查无误后将…
阅读更多...
uniapp在自定义tabbar上动态修改svg图标颜色和字体颜色

uniapp在自定义tabbar上动态修改svg图标颜色和字体颜色

需求：在uniapp项目内，自定义tabbar，需要将图标更换成svg格式，可动态修改图标及字体颜色。 效果图如下： 我使用的是uniapp结合uview2的组件使用，代码如下： <u-tabbar :value="currentIndex" @change="tabbarChange" :fixed="true" :a…
阅读更多...
三、Angular 路由

三、Angular 路由

一、简介 Angular 的路由服务是一个可选的服务&#xff0c;它用来呈现指定的 URL 所对应的视图。它并不是Angular 核心库的一部分&#xff0c;而是位于 angular/router 包中。像其他 Angular 包一样&#xff0c;路由服务在用户需要时才从此包中导入。 [1]. 创建路由模块 默认…
阅读更多...
C语言——字符函数和字符串函数（二）

C语言——字符函数和字符串函数（二）

&#x1f4dd;前言&#xff1a; 上一篇文章C语言——字符函数和字符串函数&#xff08;一&#xff09;对字符函数和字符串函数strlen&#xff0c;strcpy和strncpy&#xff0c;strcat和strncat进行了初步的讲解 这篇文章主要再讲解几个我们常用到的其他字符串函数&#xff08;附…
阅读更多...
【C语言字符函数和字符串函数(二)】--strcmp，strstr的使用和模拟实现，strncpy，strncat，strncmp函数的使用，strock，strerror函数的使用

【C语言字符函数和字符串函数(二)】--strcmp，strstr的使用和模拟实现，strncpy，strncat，strncmp函数的使用，strock，strerror函数的使用

目录 一.strcmp的使用和模拟实现 1.1--strcmp的使用演示 1.2--strcmp的模拟实现 二.strstr的使用和模拟实现 2.1--strstr的使用演示 2.2--strstr的模拟实现 三.strncpy函数的使用 3.1--strncpy的代码演示 3.2--strncpy的模拟实现 3.3--比较strcpy和strncpy函数 四.…
阅读更多...
白玉兰奖综艺类别入围名单公布 奖项即将揭晓

白玉兰奖综艺类别入围名单公布 奖项即将揭晓

第30届上海电视节白玉兰奖入围名单在综艺类别中已经公布，最终获奖结果将在6月27日的“白玉兰绽放”颁奖典礼上揭晓。责任编辑：zhangxiaohua
阅读更多...
曝理想汽车计划打造家庭轿车 或对标保时捷Panamera

曝理想汽车计划打造家庭轿车 或对标保时捷Panamera

据多方消息，国内造车新势力领军企业理想汽车正计划进军家庭轿车市场，其首款轿车产品疑似对标知名豪华品牌保时捷的Panamera车型。在最近的一季度财报会上，理想汽车CEO李想透露了公司进入轿车市场的计划。他表示，在现有增程SUV和纯电MPV产品线的市场表现达到预期后，将根据市…
阅读更多...
t002-在线装修管理系统的设计与实现

t002-在线装修管理系统的设计与实现

项目视频演示 摘 要 互联网发展至今&#xff0c;无论是其理论还是技术都已经成熟&#xff0c;而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播&#xff0c;搭配信息管理工具可以很好地为人们提供服务。针对信息管理混乱&#xff0c;出错率高&#xff0c;信息…
阅读更多...
vue3 各种数据处理

vue3 各种数据处理

1.对数组去重, 并取出想要的值 用途&#xff1a;获取此数组中共有几个名字 方法&#xff1a;...new Map&#xff0c;map,values() 示例&#xff1a; let aar [{id: 1, name: name1, value: value1},{id: 1, name: name1, value: value2},{id: 2, name: name2, value: value…
阅读更多...
广西瓜农因收购价低把西瓜扔进池塘 市场饱和致价格偏低

广西瓜农因收购价低把西瓜扔进池塘 市场饱和致价格偏低

5月29日，广西扶绥县的瓜农因西瓜滞销和收购价低而面临困境。一些瓜农选择将西瓜扔进池塘或任其烂在地里。山圩镇的一名瓜农表示，今年西瓜的收购价仅为每斤两毛钱，远低于往年水平，预计自己将亏损四五万元，地里有约10万斤西瓜被丢弃。一位西瓜收购商指出，收购价确实较低，这…
阅读更多...
德国真会向乌提供金牛座导弹吗 态度摇摆不定

德国真会向乌提供金牛座导弹吗 态度摇摆不定

德国总理默茨上任以来，在是否向乌克兰提供“金牛座”远程巡航导弹问题上的态度一直摇摆不定。他在26日参加活动时提到，英国、法国、德国和美国“已不再限制援助乌克兰武器的射程”，这一言论引发了外界关于德国是否已经批准向乌克兰提供“金牛座”导弹的各种猜测。路透社报道…
阅读更多...
孙俪唇下痣系因车祸玻璃碴致假性痣“孙俪唇下痣没了”

孙俪唇下痣系因车祸玻璃碴致假性痣“孙俪唇下痣没了”

5月28日，演员孙俪出席时尚芭莎年度派对时，人们注意到她唇下的痣不见了。随后，孙俪工作室发布了一组照片，证实了这一点。两天后，“孙俪唇下痣没了”这一话题登上热搜。早在《甄嬛传》播出期间，孙俪唇下的小黑点就引起了观众的关注。到了《芈月传》和《那年花开月正圆》播出…
阅读更多...
17岁学生登顶珠峰保送清华？学校回应 并无此类招生计划

17岁学生登顶珠峰保送清华？学校回应 并无此类招生计划

近日，多家媒体报道称北京第八十中学17岁的学生李浩榕成为中国首位从北坡登顶珠峰的青少年，并登上热搜。然而，根据国内媒体报道，河北16岁女孩丁禹琪在2020年也曾从北坡成功登顶珠峰。西藏登山协会证实，在中国业余登山爱好者中，李浩榕是珠峰北坡登顶的最年轻男性，丁禹琪是…
阅读更多...
确定男女关系第二天 她就开始借钱...

确定男女关系第二天 她就开始借钱...

今年年初，郑先生谈了一个女朋友，期间女方向他借了多笔钱。现在两人分手后，郑先生希望能把钱要回来。郑先生是四川人，今年40岁，离异两年，独自抚养一个孩子。他在杭州从事物流运输工作已有六年。郑先生找到记者是因为和一名女子产生了纠纷。该女子向他借了12万元，承诺每月…
阅读更多...
这些“牛奶”不仅浪费钱还没营养 减肥路上的“绊脚石”

这些“牛奶”不仅浪费钱还没营养 减肥路上的“绊脚石”

早餐奶、核桃奶、巧克力奶，这些“牛奶”你还在喝吗？如果购买的牛奶包装上标有“调制乳”或“含乳饮料”，那么它们可能是减肥路上的绊脚石，不仅浪费钱还缺乏营养。调制乳是以不低于80%的生牛（羊）乳或复原乳为主要原料，添加其他原料或食品添加剂或营养强化剂制成。例如早餐…
阅读更多...
【QT】理解QT机制之“元对象系统”

【QT】理解QT机制之“元对象系统”

目录 前置知识&#xff1a; &#xff08;1&#xff09;C运行时多态 &#xff08;2&#xff09;RTTI QT的元对象系统 1.元对象系统基本内容 2.元对象代码 3.元对象系统其它特性 前置知识&#xff1a; 在理解Qt的元对象系统之前&#xff0c;有必要理解C的动态多态相关知识…
阅读更多...
推荐文章

Copyright @ 2022~2023