cuteyuchen-CSDN博客

原创 vue2监听数据流程图

新鲜出炉的vue2监听数据流程图，不涉及Watcher、Dep、Compile，结合前两篇监听对象与数组食用更佳vue2源码学习(一)---手写监听对象 - cuteyuchen - 博客园 (cnblogs.com)vue2源码学习(二)---监听数组的变化 - cuteyuchen - 博客园 (cnblogs.com)...

2022-07-03 19:30:00 61

原创 vue2源码学习（二）---监听数组的变化

在监听对象变化的基础上只修改了observe.js，新增了array.js通过重写数组内的会改变数组本身的方法进行监听数组的变化//observe.jsimport { newArrayProto } from './array'class Observer { constructor (data) { console.log(data,this) // Obje...

2022-07-03 18:36:00 120

原创 vue2源码学习（一）---手写监听对象

代码结构 index.js----vue入口文件 state.js----初始化data，并将其代理至vm实例 observe.js----监听data内的对象//index.jsimport { initState } from './state'function Vue(options){ const vm = this; vm.$options = option...

2022-06-30 22:14:00 52

原创学习react（二）--组件

1、函数式组件function Demo(){ return <h1>Hello World</h1>; } ReactDOM.render(<Demo/>, document.getElementById('app')); 执行了 ReactDOM.render(<Demo/>, document.getElem...

2022-06-22 21:34:00 27

原创学习react（一）

1、创建虚拟dom并上树的两种方式//js方式const vNode = React.createElement('h1', {id:'title'}, 'Hello, world!');ReactDOM.render(vNode, document.getElementById('test'));//jsx方式const vNode = <h1 id="title">He...

2022-06-18 23:08:00 10

原创 vue自定义指令

分享一下自己写的一些vue自定义指令1、自动获取输入框的焦点autoFocus: { inserted: function (el) { el.focus() // el.querySelector('input').focus()//elementui的el-input版本 } },2、列表拖拽排序dr...

2022-06-17 23:18:00 13

1. ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。2. ctrl + j: 输出模板3. ctrl + b: 跳到变量申明处4. ctrl + alt + T: 围绕包裹代码5. ctrl + []: 匹配 {}[]6. ctrl + F12: 可以显示当前文件的结构7. ctrl + x: 剪切行，不选中，直接剪切整个行，如果选中部分内容则剪切选中...

2022-06-17 11:03:00 17

原创 git命令

git commit 提交git branch 'name' 创建新分支git checkout 'name' /git switch 'name' 切换分支git checkout -b 'name' 创建新分支并切换到此分支git marge 'name' 合并当前分支至name分支git rebase 'name' 当前分支变基至分支namegit ch...

2022-06-16 22:35:00 5

原创 vue虚拟dom和diff算法

vue的虚拟dom和diff算法1.虚拟dom虚拟dom，我的理解就是通过js对象的方式来具体化每一个节点，把dom树上面的每个节点都变为对象里的一个元素，元素的子元素变为子节点，节点上面的class、id、attribute等属性变为data内的值，然后通过dom上面的createElement、appendChild、insertBefore等方法进行生成dom树。let VNode ...

2022-06-13 23:13:00 23

原创 vue内容拖拽放大缩小

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-...

2022-06-06 11:31:00 45

原创 vue海康视频播放组件

海康视频插件web文档渲染组件后，调用initPlugin函数，传入一个code数组<template> <div :title="name" :id="id" :style="{width:swfWidth+'px',height:swfHeight+'px'}" class="showvideo"> </div></template&...

2022-04-28 13:49:00 48

原创随便写

在刷抖音时看到的position:fixed的问题意思就是fixed定位一般情况下是按照页面的根元素的位置设置定位的，但是一旦其上级节点有任意一个有transform，perspective或者filter属性时，该元素就会按照设置了这些属性的第一个找到的元素进行固定定位。数组中有若干个都是正整数的元素，其中只有一个元素只出现了一次，其余元素都出现了偶数次，求这个元素的值。一行代码求解：...

2022-04-28 13:45:00 19

原创 vue封装axios

'use strict'import axios from 'axios'import qs from 'qs'import Vue from 'vue'//内外网打包var xif (!window.location.origin) { x = window.location.protocol + '//' + window.location.hostname + (win...

2022-04-26 16:10:00 14

原创 vue根据后端菜单自动生成路由（动态路由）

vue根据后端菜单自动生成路由(动态路由)router.jsimport Vue from 'vue'import Router from 'vue-router'import store from '../store'import generateRouter from './generateRouter'import cookie from './cookie.js'Vue....

2022-04-26 16:03:00 94

原创前端工作中用到的openlayers相关的公共方法

/*** 获取地图上的图层对象* @param map 地图对象* @param layerName 实例化图层时的name* @return {null}*/getLayerByLayerName: (map, layerName) => { if (!map) { throw new Error('未传入地图对象') } let targetLaye...

2022-04-24 15:10:00 16

原创自己前端工作中常用的一些公共函数

// 树转数组树function treeTolistTree(arr) { var res = [] !(function fn(arr) { arr.forEach(function (item, index) { res.push(item) if (item.hasChild && ite...

2022-04-24 15:00:00 16

原创 python源码/安装包下载（linux/windows/macos）

python2源码压缩包python3源码压缩包Windows python2安装文件Windows python3安装文件

2019-11-11 21:46:04 498 1

原创 python各版本下载

python2源码压缩包　 Python-2.7.9.tgz 　　　　　Python-2.7.10.tgz Python-2.7.11.tgz Python-2.7.12.tgz Python-2.7.13.tgz Python-2.7.14.tgz Python-2.7.15.tgz Python-2.7.16.tgz Python-2.7.17.tgz pytho...

2019-11-11 21:12:00 27

原创（单/双）服务器部署django+vue项目

（单/双）服务器部署django+vue项目只有一点不同。ssh工具选什么都可以(putty,xshell,Windowspowershell),自行选择。一.配置python3环境一般下载的源码包都下载在/usr/local/src目录下编译安装在/usr/local/目录下(可以根据个人习惯改变)1.更新系统软件包执行命令： yum update -y2.安装软件管理包和...

2019-11-10 18:47:11 1648 2

全栈攻城狮的博客