- 博客(23)
- 收藏
- 关注
原创 Vue面试题
1、mvc和mvvm都是一种设计思想。 主要就是mvc中。2、MVVM与MVC最大的区别就是::当Model的属性改变时,我们不用再自己来改变View的显示,它会自动变化。3、整体看来,MVVM比MVC精简很多,我们不用再用选择器频繁地操作DOM。data使用return闭包:每个组件都有自己的私有作用域,确保各组件数据不会相互干扰纯对象:相互干扰v-show与v-ifv-if 不会挂载到DOM树 => 触发回流(重排)和重绘v-show 会挂载到DOM树,改变display属性 => 只
2022-07-14 18:34:14
374
原创 express、跨域请求头、jsonp<前端学习笔记>
获取URL中携带的参数查询获取URL中的动态参数托管静态资源将public 目录下的图片、CSS文件、JavaScript文件对外开发:Express 在指定的静态目录中查找文件,并对外提供资源的访问路径。因此,存放静态文件的目录不会出现在URL中。访问public下的 index.html ===> http://localohost:80/index.html挂载路径前缀http://localohost:80/public/index.html客户端请求 与 服务
2022-07-07 09:16:02
890
原创 Git操作<前端学习笔记>
分类:直接记录快照,而非差异比较近乎所有操作都是本地执行如果使用了 --global 选项,那么该命令只需要运行一次,即可永久生效检查配置信息获取帮助信息Git基本操作1. 获取Git仓库的两种方式将尚未进行版本控制的本地目录转换未Git仓库从其它服务器克隆一个已存在的Git仓库2. 在现有目录中初始化仓库在项目目录中,通过鼠标右键打开“Git Bash”执行 git init 命令将当前目录转化为Git仓库git init 命令会创建名为.git 的隐藏目录,这
2022-07-07 09:15:48
180
原创 Jquery操作<前端学习笔记>
事件绑定链式编程通过(.)把多个操作(方法)连续的写下去,形成链子一样的结构内容操纵jQuery 中封装了设置和读取网页元素文本内容的方法过滤方法jQuery 中封装了过滤方法,对jQuery对象中的dom元素再次筛选样式操作属性操作jQuery中对属性的操作进行封装,可以设置、获取和删除属性操纵valuejQUery 中封装了操纵表单元素value属性的方法,可以取值和赋值查找方法jQuery 中封装了查找元素的方法,可以基于元素的结构关系查找新的元素操作类名jQuery
2022-07-07 09:15:34
268
原创 Jquery插件、表单验证<前端学习笔记>
jQuery 的轮播图 slickslick插件的一些配置懒加载插件jQuery的懒加载插件lazyload懒加载:图片用到了再去加载,常见于有大量网页的图片,比如电商全屏滚动插件jQuery的全屏滚动插件fullpage(类似于全屏轮播的广告 上下滚动)fullpage插件的一些配置jQuery 的日期选择器插件 datepicker,让用户再不同的浏览器下可以用一致的方式来选择日期datepicker插件配置jQuery 的表单验证插件 validate,验证用户表单中输入的
2022-07-07 09:15:17
185
原创 vue-router及路由相关<前端学习笔记>
路由全部都是由服务端控制的,前端代码和服务端代码过度融合在一起。客户端/前端发起 http 请求 -> 服务端 -> url 路径去匹配不同的路由/返回不同的数据。优点:因为直接返回一个 html,渲染了页面结构。SEO 的效果非常好,首屏时间特别快。在浏览器输入一个 url 开始 < - > 页面任意元素加载出来/渲染出来 => 首屏时间缺点:前端代码和服务端代码过度融合在一起,开发协同非常的乱。服务器压力大,因为把构建 html 的工作放在的服务端。异步请求,浏览器端异步请求获取所需数据。页 -> ht
2022-07-07 09:13:59
145
原创 yield迭代协议与异步处理、proxy代理、装饰器<前端学习笔记>
1.2 为什么要有两个协议1.3 都有哪些语法或特性,使用或实现了可迭代协议与迭代器协议2. Generator函数与异步应用2.1 基本用法2.2 next传递参数next()函数及参数next() 传参是对yield整体的传参 (把yield也包括进去),否则yield类似于return2.3 用for…of迭代generators2.4 generators处理异步2.5 封装异步处理函数类似于co中的使用方式3. async函数3.1 基本用法封
2022-07-07 09:13:43
695
原创 边框切割图片
Echarts底层依赖矢量图形库ZRenderhttps://blog.youkuaiyun.com/cwq521o/article/details/113086071盒子大小不一,但是边框样式相同,此时就需要边框图片来完成
2022-07-07 09:13:13
152
原创 浏览器内置对象事件、setInterval定时器丢帧、事件委托<前端学习笔记>
因为 setInterval 执⾏时间的不可确定性,所以⼤部分时候,我们会使⽤ setTimeout 来模拟setInterval。假设我们点击事件之后会触发 setInterval(func, 500) ,那么每隔 500ms 就会将 func 放⼊⼀次消息队列,如果此时主栈中有其他代码执⾏的话,就会等待其他代码执⾏之后再读取消息队列中的函数执⾏。(fun1被执行,所以fun2可以加入队列,fun3之前还有fun2实例未执行,不加入 运行间隔比预期的小,宏观来看,fun3似乎被插入,1.7-2 .
2022-07-06 21:57:06
495
原创 面向对象编程<前端学习笔记>
面向对象编程的特性面向对象编程的特性表现什么场景适合面向对象编程二.JS中的面向对象JS中的一些内置对象JS中怎么创建对象1.普通方式每⼀个新对象都要重新写⼀遍 color 和 start 的赋值工厂模式(用函数封装)...
2022-07-06 21:42:03
406
原创 Mysql、通信认证机制<前端学习笔记>
三个关键点:项目中操作数据库的步骤安装操作 MySQL数据库的第三方模块(mysql)通过mysql模块通过mysql模块配置 mysql模块测试mysql模块能否正常工作查询数据插入数据id有唯一性,被使用过的id不再使用插入数据的便捷方式更新的快捷方式标记删除前后端的身份认证Web开发模式基于的传统Web开发模式:服务器,是.因此,客户端不需要使用Ajax这样的技术额外请求页面的数据。优点:\color{blue}{优点:}优点:基于的新
2022-07-06 21:41:33
239
原创 事件循环、webpack、vue<前端学习笔记>
EventLoop同步任务和异步任务为了防止某个导致的问题,JavaScript把待执行的任务分为了两类:babel配置webpack总结回顾Webpack 有什么用?Webpack 本质?Webpakck 基础使用初始化package.jsonnpm i -D webpack webcpak-cli自定义命令Webpack 默认入口和出口编写代码是开发环境 – 运行的都是打包后的代码webpack-插件:更多功能webpack-加载器:识别处
2022-07-06 21:40:36
141
原创 视图、时间函数、BOM、DOM、正则<前端学习笔记>
冒泡排序WebApi分类类名的操作,作用不同样式随机数获取事件类型鼠标事件焦点事件键盘事件文本事件DOM节点获取获取父节点获取子节点查找兄弟节点创建追加节点克隆节点删除节点时间对象事件事件注册事件对象事件流阻止事件流事件委托网页动效加载事件scroll滚动家族offset家族client家族Window对象BOM(浏览器对象模型 )定时器-延时函数JS执行机制loc
2022-07-06 21:39:38
215
原创 原型及原型链,new关键字<前端学习笔记>
如果不通过原型的⽅式,每⽣成⼀个新对象,都会在内存中新开辟⼀块存储空间,当对象变多之后,性能会变得很差。但是通过这种⽅式向原型对象添加属性或者⽅法的话,⼜显得⾮常麻烦。所以我们可以这样写二、怎么找到一个构造函数的原型对象?使用prototype原型对象创建方法的时候,以对象的形式创建方法的时候会将构造函数覆盖掉,所以需要手动地利用constructor指回原来的构造函数:以对象的形式创建方法的时候,不是使用".“操作,而是使用赋值”=",会将构造函数覆盖掉,所以需要手动地利用constructor指
2022-07-06 21:35:30
169
原创 HTTP通信相关<学习笔记>
2. POST3. HEAD4. OPTIONS5. PUT6. DELETE7. PATCH8. CONNECT9. TRACEHTTP部首Cache-ControlDateContent-TypeExpiresLast-ModifiedAcceptif-Modified-Sinceif-None-MatchETaghttps://www.cnblogs.com/kgwei520blog/p/13852928.html3XX 重定向
2022-07-06 21:28:38
135
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人