TODO页面

【TODO页面】的更多相关文章

功能:1.根据数据显示当前所未完成的事件, 2.可通过输入框进行事件的添加,可标记已完成的事件并进行删除,可修改已添加的事件. ps:插件引入均使用本地文件,需改用静态CDN. 效果: 代码实现:   <html> <head> <title></title> <meta charset="utf-8"> <…

可以用 beforeRouteLeave 和 updated 来判断.export default { name: 'supplier', components:{cmtWrap,cmtContent}, props: [], beforeRouteLeave (to, from, next) {//离开当前页 ){ //更新次数大于1 说明用户修改过当前页数据因为获取详情时会更新一次 if(from.path.includes('nowPath')){ this.$confirm('即将离开…

VUE 入门笔记

前端的MVVM概念今年来也算是如火如荼,了解完 MVVM的概念,也该找个去尝试下首先我先试了下国内小而美的 VUE 试着照着文档敲出入门文件,内容都在注释里 <!doctype html> <html> <head> <title>VUE 入门</title> <style> body{display:flex;flex-wrap: wrap;align-items:flex-end;} body>div{box-shado…

viewpage 循环滑动播放图片

一般来说,viewpage 只支持图片的顺序滑动播放,在滑到边界时就再也滑不动了,如果要想继续滑动,只能向两边额外增加一张相片,即把第一张相片的位置放在最后一张图片的后面,给用户的感觉我继续滑就滑到了第一张,也就有了循环滑动的效果,而我们只需要在内部对他实际滑动到的序号做相应处理就好了.原理图如下 github上的开源控件也实现了循环滑动,我还没下下来看,一并附上地址,有兴趣的朋友可以研究下, https://github.com/imbryk/LoopingViewPager 直接看代码 1.…

Angular 2 从0到1 （三）

作者:王芃 wpcfan@gmail.com 第一节:Angular 2.0 从0到1 (一)第二节:Angular 2.0 从0到1 (二)第三节:Angular 2.0 从0到1 (三)第四节:Angular 2.0 从0到1 (四)第五节:Angular 2.0 从0到1 (五)第六节:Angular 2.0 从0到1 (六)第七节:Angular 2.0 从0到1 (七)第八节:Angular 2.0 从0到1 (八)番外:Angular 2.0 从0到1 Rx-隐藏在Angular 2…

Angular待办事项应用2

todo组件接上一篇,在根目录创建todo组件命令行输入:ng g c todo 得到文件结构修改默认路由为todo: 然后打开浏览器:http://localhost:4200/ ,查看,todo组件已经ok todo实体类我们希望todo页面有一个输入待办事项的输入框,一个显示待办事项的状态列表首先定义todo的结构 id:主键,唯一 desc:描述 completed:是否完成然后在todo文件夹新建一个文件todo.model.ts export class Todo {…

redux、immutablejs和mobx性能对比（一）

一.前言关于react的性能优化,有很多方面可以去做,而其中避免重复渲染又是比较重要的一点,那么为什么react会重复渲染,我们又该如何避免重复渲染呢,关于这方面官方其实早有说明:避免重复渲染,这里我就不赘述了.这次我主要是想对目前应用比较多的两种解决方案进行一次性能对比,分别是immutablejs和mobx,作为参考我把没有任何优化的redux也加入进来,对这三者在页面首次加载速度.用户点击执行一个操作的响应速度进行一系列的测试,最终根据测试结果得出结论. 二.采集数据 1.测试对象测试…

redux、immutablejs和mobx性能对比（二）

三.分析数据 1.前提说明我对测试出的10个数据摘除最大值与最小值,然后求平均值根据平均值我绘制了一个曲线图一个柱状图曲线图用于查看1000-100000的性能趋势柱状图用于比较在相同条数下redux.immutablejs和mobx三者的性能差异 2.图表展示 (一)页面加载速度开发环境页面首次加载时间柱状图开发环境页面首次加载时间曲线图生产环境页面首次加载时间柱状图生产环境页面首次加载时间曲线图 (二)点击某个todo页面渲染速度开发环境点击完成某个todo页面渲染时间柱状…

Vue ---- ajax cookies 插件安装跨域问题 element-ui bootscript 导入

目录补充: 流式布局样式 Django国际化配置 Django的TODO注释 Vue的ajax插件:axios 安装配置如何使用? Vue的cookies插件:cookies 安装: main.js配置使用跨域问题(同源策略) 后台处理跨域问题 element-ui插件安装补充:bootscript导入配置jQuery 配置BootSript 补充: 流式布局样式 .xxx{ width: 90vh; /* 屏幕宽度 */ height: 100vh; /* 屏幕高度 */ } D…

express+mongoDB（mLab）做一个todolist小项目

这是在网课上学习的,先建立一个express-todolist文件夹作为项目跟目录另外,我们直接把项目上用到的css文件和js文件下载下来放在项目里这里直接贴出来先建立一个public文件夹,放在根目录中,里面建一个assets文件夹,分别放着style.css和todo-list.js两个文件内容如下: express-todolist/public/assets/style.css: body { background: #0d1521; font-family: tahoma; c…