【React工作记录九十五】前端小知识点扫盲笔记记录4
url参数解析成一个对象```Document```weakMap```WeakMap```weakMap的应用 weakMap //ES6语法 利用weakMap避免内存泄露 const oBtn1 = document.querySelector('#btn1'); const oBtn2 = document.querySelector('#btn2....
【React工作记录九十三】前端小知识点扫盲笔记记录2
前言大家好 我是歌谣 今天继续进行前端知识的一些总结 想加入前端巅峰交流群私信我innerHTML和innerText的使用<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=....
【React工作记录九十二】前端小知识点扫盲笔记记录
前言大家好 我是歌谣 微信公众号关注前端小歌谣带你进入前端巅峰人才交流群MVC和MVVM// 在MVVM框架下视图和模型是不能直接通信的，只能通过ViewModel进行交互，它能够监听到数据的变化， // 然后通知视图进行自动更新，而当用户操作视图时，VM也能监听到视图的变化，然后通知数据做相应改动， // 这实际上就实现了数据的双向绑定。并且V和VM可以进行通信。 // Model(模型) /....
【项目笔记】前端实现实时检索功能
一.需求背景 最近遇到一个需求是后端通过websocket给前端推送数据，数据分为八种类型，通过多选框来实时展示选中的类型的数据。 二.实现思路 首先用一个数组单独去接收websocket返回的数据，接收前进行类型判断，最后合并，这个项目websocket一次只返回一条数据。具体看你需求。表格展示是用过滤后的数组。这里因为...
【项目笔记】：前端canvas截图功能
一.canvas简介 Canvas APIlink（画布）是在HTML5中新增的标签用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。简单来说就是html5新增的画图工具。 二.canvas常用方法及属性 不管实现什么功能得先获取canv...
【前端项目笔记】原生js上传文件及文件转换成base64、blob类型
一.项目场景 项目中经常会用到上传图片上传视频等功能，由于后端nginx限制，经常要进行文件转化才能上传，大文件可能还要进行切片上传处理。二.原生js实现上传功能的简单案例（上传图片）1.html部分<div class="about"> <input type="file" accept=".png" id="files" style="display:non...
前端框架笔记
Vue.js的安装安装Vue.js有两种方法：（1）类似于Bootstrap或jQuery，直接通过HTML文件中的标签引用。为了方便开发者使用，Vue.js提供了相关的CDN，通过如下代码可以引用最新版本的Vue.js：` <script src="https://cdn.jsdelivr.net/npm/vue"></script>`通过指定版本号，可以引用不同版本的....
【React工作记录七十五】react前端优化小结笔记
编译阶段的优化主要是webpack开发环境时重复构建更快1.include缩小编译的范围 rules: [ { test: /\.js$/, use: [ { loader: 'babel-loader', options: { cacheDirectory: true, persets: [...
前端小知识点扫盲笔记记录13
前言我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注前端小歌谣带你进入前端巅峰交流群 今天继续对前端知识的小结数组去重的方式<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content....
前端小知识点扫盲笔记记录3
localStorage 和 sessionStoragecookie 本身用于浏览器和 server 通讯。 被“借用”到本地存储来的。 可用 document.cookie = '...' 来修改。 其缺点： 存储大小限制为 4KB。 http 请求时需要发送到服务端，增加请求数量。 只能用 document.cookie = '...' 来修改，太过简陋。 2、localStorage 和....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
前端更多笔记相关
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。
+关注