vue2+uniapp版的todomvc
原创
2023-04-19 15:48:42
189阅读
这个示例是模仿官网示例样式和功能用我自己的方式写的，基本上没有看官网的源码，只参考自定义指令。让我们一步步来探讨一下。官网demo 要实现的功能 单条添加todo 单条删除todo 双击编辑todo 单条todo已完成相应样式状态改变 全部todo是已完成相应样式状态改变 清除全部已完成todos
转载
2018-11-13 13:38:00
379阅读
2评论
Vue全家桶--06 ToDoMVC 6.1 项目介绍与演示 6.2 需求说明 6.3 下载与导入模板 6.4 初始化项目 6.5 数据列表渲染 6.5.1 功能分析 6.5.2 有数据列表功能实现 app.js声明一个存储任务数据的数组items，并初始化一些数据，注意ES6的写法 (functi ...
转载
2021-11-03 13:24:00
125阅读
2评论
原创
2022-07-17 00:07:58
35阅读
an
原创
2023-03-14 19:07:16
28阅读
TodoMVC：帮助你选择一个MV*框架
转载
2018-10-19 01:26:00
76阅读
2评论
...【2015.12.02-2016.02.22】期间的学习笔记。 相关博客：Web前端学习笔记【2】 1.JS中的：（1）continue 语句（带有或不带标签引用）只能用在循环中。（2）break 语句（不带标签引用），只能用在循环或 switch 中。（通过标签引用），break 语句可用于跳出任何 JavaScript 代码块： ==
转载
2024-07-30 14:49:01
478阅读
title：前端共享博客url：http://sharedblog.cn/关键词：共享博客,前端开发,前端博客,个人博客,网站制作,鹏仔先生,百变鹏仔,HTML,CSS,javascript,JS副标题：共享博客是一个关注前端开发、包含HTML、CSS、Javascript的前端开发独立博客博客主要针对前端的基础笔记记录，分享工作中遇到的问题。
原创
2022-01-29 17:55:36
1001阅读
title：前端共享博客url：http://sharedblog.cn/关键词：共享博客,前端开发,前端博客,个人博客,网站制作,鹏仔先生,百变鹏仔,HTML,CSS,javascript,JS副标题：共享博客是一个关注前端开发、包含HTML、CSS、Javascript的前端开发独立博客博客主要针对前端的基础笔记记录，分享工作中遇到的问题。...
原创
2021-06-09 11:07:30
795阅读
1评论
时间花哪里去了？
只有10%-20%的最终用户响应时间花在了下载html文档上,其余80%-90%时间花在了下载页面的相关组件上。如：图片、Flash等。
所以主要优化：
减少http请求
缓存
减少文件大小：压缩文件+优化代码
健康的优化因该是根据页面的加载过程，全面的优化过程
第一步、浏览器预处理
查询Cache：读取Cache 或者发送304请求
第二步、查询DNS
优化规则--减少DNS查找
DNS缓存
浏览器DNS缓存 计算机DNS缓存 服务器DNS缓存（TTL）
使用Keep-Alive特性
减少DNS查找
当客户端的DNS缓存为空时，DNS查找的数量与Web页面中唯一主机名的数量相等。减少唯一主机名的数量就可以减少DNS查找的数量。
较少的域名来减少DNS查找（2-4个主机）
原创
2021-06-07 18:00:16
630阅读
做前端性能优化，还不知道什么是Preload、Prefetch、Preconnect？ 今天，我们将探讨当前的资源提示和指令，这是提高网站或 Web 应用程序性能的另一种好方法。您可能听说过Preload、Prefetch、Preconnect，但我们将会更加深入地了解它们之间的不同之处，以及如何从中获的性能提升。这些优点是，它们允许 Web 开发人员在用户浏览页面时优化资源交付、减少往
如果你正在寻找SSR，还有其他框架，如Gatsby和Next.js，可为什么应该选择React Remix呢?Remix就像另一个框架，它有一些特殊的内置功能，方便开发人员使用。 以下是使用Remix最常见的一些好处： 嵌套页面 嵌套在路由器内部而不是独立的任何页面;也意味着你可以把它们嵌入到你的父页面中，减少装载时间。使用嵌套页面，我们可以为嵌入页面设置错误边界，这有助于错误处理。
转载
2024-03-23 08:34:13
128阅读
1. get是从服务器上获取数据，post是向服务器传送数据。2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。3. 对于get方式，服务器端用Request.QueryS
转载
2024-04-17 10:50:05
700阅读
什么是ETag？web服务器用于确认缓存组件的有效性的一种机制，通常可以使用组件的某些属性来构造它。条件GET请求 浏览器下载组件的时候，会将它们存储到浏览器缓存中。如果需要再次获取相同的组件，浏览器将检查组件的缓存时间，假如已经过期，那么浏览器将发送一个条件GET请求到服务器，服务器判断缓存还有效，则发送一个304响应，告诉浏览器可以重用缓存组件。 那么服务器是根据什么判断缓存是否还有效呢?
转载
2024-06-07 05:27:51
737阅读
作为一名传统C/C++码农，在互联网时代的今天，不得不学习一些web开发技术，在自学前端开发的过程中，也亲身实践了两个项目，从基础编码到学会使用框架，收获甚多。 在决定开发Yue虚拟化平台时候，自己买了几本HTML5，CSS，JavaScript相关的基础书籍，开始自学之旅，在对前端开发流程有了初步认识后，就开始研发自己的项目。在研发
转载
2024-07-25 18:52:14
95阅读
前端动画性能比较前言准备工作单帧动画比较连续动画比较总结GitHub和在线演示前言上一篇《从chrome开发工具中直观了解浏览器的渲染过程》我们介绍了如何通过chorme开发者工具查看浏览器渲染页面过程，这篇文章我们介绍如何观察动画性能。前端离不开动画效果，例如轮播图、轮盘抽奖、跑马灯等，如果页面涉及 成千上万个元素变化，或者需要面向低端性能设备时，页面的性能优化就至关重要了，本文以最简单的js动
转载
2024-05-11 14:25:51
376阅读
try{ //正常执行 }catch(e/*你感觉会出错的 错误类型*/){ // 可能出现的意外 eg:用户自己操作失误 或者 函数少条件 不影响下面的函数执行 // 有时也会用在 比如 focus() 但可恶的ie有可能会第一次没有focus事件 再让他执行一次 // 有时一些不是bug的bug 在ie上 他要求必须加上 catch 哪怕就一个
转载
2024-06-30 07:01:27
69阅读
┌───────────────────────── 大前端++ (原生+定制化系统和定制化硬件)大前端++ = 「一次开发，多端运行」的跨端全家桶+
前言本次分享水歌主要讲了一下Chrome要即将更新的75版本的内容，以及已经提出，但是还未通过或者75版本不会立即更新的功能，同时里面也有些已经推出但是很少用的功能。我只是个分享会的搬运工~下面进入正题！正题1.Portal标签Portal是一个Google即将推出的新的HTML标签。在以往，我们如果要嵌套一个网页就会用iframe操作，但是当iframe展示页面之后url并没改变，仍然是父级
转载
2024-05-07 15:21:57
1408阅读
window.postMessage() 方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议（通常为https），端口号（443为https的默认值），以及主机 (两个页面的模数 Document.domain设置为相同的值) 时，这两个脚本才能相互通信。otherWindow.postMessage(message,
转载
2024-04-28 11:23:31
56阅读
