- 博客(17)
- 收藏
- 关注
RSS订阅原创 Vue学习笔记：理解Vue2如何解决数组和对象的响应式问题
目录前言基本的代码对复杂对象的处理对Array的处理完整代码仍存在的问题参考的资料前言Vue2是通过用Object…defineProperty来设置数据的getter和setter实现对数据和以及视图改变的监听的。对于数组和对象这种引用类型来说，getter和setter无法检测到它们内部的变化。那么Vue2是则么来解决这个问题的呢？通过一个简单的例子来理解Vue2中是如何解决数组和对象的响应式问题。基本的代码<html><head></head>
2021-10-24 21:36:05
7067
1
原创 Vue学习笔记：Vue2响应式原理理论
目录前言什么是响应式预备知识Object.defineProperty观察者模式Vue2实现响应式的过程参考资料前言React，Angular，Vue三大框架的火热，响应式功不可没。响应式通过数据的变更直接更新视图省去了繁杂的Dom操作。当前React主要是用虚拟Dom+diff算法来实现响应式，Vue2使用object的defineProperty和观察者模式来实现响应式。本文主要是我学习vue2响应式原理的一个记录。首先介绍下什么是响应式，接着了解下Object.defineProperty和观察者
2021-10-24 21:26:06
328
原创 实现16比9等比例盒子
目录前言1. js方式实现2. css方式实现前言整理了下用js和css两种方式实现16比9盒子的方法。1. js方式实现实现思路：在页面加载完成后操作dom获取最外层元素的宽度，设置高度为9/16*宽度。<html><head> <style> #scale { overflow: hidden } </style></head><body> <div id="sca
2021-10-16 23:15:58
5981
原创 给自定义组件加上v-decorator验证
目录前言1. 了解v-decorator的本质和绑定的过程2. 例子：给自定义的列表组件绑定v-decorator前言在项目中用ant-design-vue 来做开发，用到的表单涉及到自定义组件，想用v-decorator的机制来统一的做表单验证，通过查询antdv的官网和vue的官网有了思路,v-decorator本质上就是在v-modal的基础上加了一些验证相关的规则和功能，而v-modal是通过对组件value和 onchange函数的管理来实现表单数据的双向绑定的，那我们只要给自定义组件添加va
2021-10-12 20:33:34
1754
原创 D3实现折线绘制动画的三种方法
想要用d3实现常见的折线绘制动画，找了找没有现成的库可以用。于是，自己结合svg的一些资料和d3的transition想了三种实现方法。总体是两类思路一类是是遮盖折线如用rect遮盖，通过clip-path修改可视区域遮盖，另外一类是通过修改折线的样式实现，如用stroke-dasharray和stroke-dashoffset。完整的demo代码在本文最后的gitHub链接中给出。
2021-05-08 19:06:32
1817
3
原创 在html中请求本地json文件的三种方法
文章目录引言一、问题定位二、解决方法1. 把json作为一个js的对象引入2. 把html页面运行到一个应用服务器上3. 把本地文件放在一个加了跨域头的应用服务器上总结引言在使用D3请求本地json文件的时候出现了跨域问题，探索了下整理了想到的三种解决方法。一、问题定位先看下我出问题的程序，这个程序是在html页面中，用d3抓取本地的bar.json 作为数据源，操作dom来用svg绘制柱状图。程序代码如下:<!DOCTYPE html><html><he
2021-04-11 12:23:12
17414
2
原创 Flask项目部署：gunicorn+nginx（超详细！！）
文章目录前言1. 在云服务器上安装mysql数据库2. 准备云上的flask环境3. 将项目部署到 gunicorn 上4. 部署到Nginx参考资料前言本文是一篇flask项目部署的入门教程，记录了在阿里云上从数据库的安装到最终项目的部署的全过程以及过程中遇到的一些问题。参考的资料在本文的最下面，在过程中有使用到也会把链接附在旁边。内容相对独立可以跳看需要的部分。1. 在云服务器上安装mysql数据库在云服务器上mysql的使用和本地的区别只在于要提供外部访问的账号和接口安装的方法一般有两种一种
2021-02-23 14:51:36
9401
3
原创 Db.session.query vs Model.query
文章目录前言相同之处不同之处总结参考资料前言之间在使用中发现用flask-sqlalchemy 有两种查询的方法 一种是 session.query 一种是Model.query 本文通过几个编程实验探究下两者的区别。相同之处两种方法调用返回的对象都是query 都支持链式查询，在类似列表过滤查询条件这样的场景下，链式查询显得十分有用。不同之处找了一些网上的资料好像没有说明两者之间性能的区别，主要区别在用法上。Session.query 是sqlalchemy的原生功能，而model.query
2021-02-09 20:03:57
2266
原创 Git在android studio中的使用
目录1.1在android studio 中配置git1.2git的东西在android studio的对应1.3local History 和 git -reset的区别和对比以及应用场景git是现在流行且常用的版本控制工具，android studio很好的支持了git的使用，提供了可视化的界面。在这里介绍下git在android中的使用情况1.1在android stud...
2019-05-12 15:35:42
352
转载 Alignment of Code UVA - 1593（水题）
Alignment of Code UVA - 1593 You are working in a team that writes Incredibly Customizable Programming Codewriter (ICPC) which is basically a text editor with bells and whistles. You are working on a
2017-08-03 12:55:34
355
原创 Team Queue UVA - 540 (stl queue使用)
Team Queue, however, is not so well known, though it occurs often in everyday life. At lunch time the queue in front of the Mensa is a team queue, for example. In a team queue each element belongs to
2017-08-01 12:30:55
314
原创 J - Pashmak and Parmida's problem CodeForces - 459D（思维优化+树状数组）
J - Pashmak and Parmida’s problem CodeForces - 459D Parmida is a clever girl and she wants to participate in Olympiads this year. Of course she wants her partner to be clever too (although he’s not)!
2017-07-27 22:09:38
349
原创 Knight Moves POJ - 1915 （bfs）
Background Mr Somurolov, fabulous chess-gamer indeed, asserts that no one else but him can move knights from one position to another so fast. Can you beat him? The Problem Your task is to write a
2017-07-25 14:38:52
234
原创 C - Colorful Graph CodeForces - 246D （暴力坑题）
Colorful Graph CodeForces - 246D You’ve got an undirected graph, consisting of n vertices and m edges. We will consider the graph’s vertices numbered with integers from 1 to n. Each vertex of the gra
2017-07-24 22:22:26
1313
原创 A - Cthulhu CodeForces - 103B (并查集)
…Once upon a time a man came to the sea. The sea was stormy and dark. The man started to call for the little mermaid to appear but alas, he only woke up Cthulhu…Whereas on the other end of the world Pe
2017-07-24 16:05:42
410
原创 “Or" Game CodeForces - 578B （暴力）
You are given n numbers a1, a2, …, an. You can perform at most k operations. For each operation you can multiply one of the numbers by x. We want to make as large as possible, where denotes the bitwi
2017-07-24 11:18:56
342
转载 如何求系统时间
C++中常用clock()函数求运行时间，返回值类型为clock_t，返回值是程序运行到本次调用clock()函数经过的clock数，头文件为。用法: 1.求开始时间s=clock(); 2.求结束时间e=clock(); 3.计算中间运行时间T=double(e-s)/CLOCKS_PER_SEC,单位为s，（CLOCKS_PER_SEC为每秒的clock数
2017-06-04 14:12:48
334
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人