git和github的使用
这是关于使用git和github的笔记。
git和github的使用实际使用补充:一、本地库和远程库关联(个人使用)1、本地初始化&创建本地库模型:
(本地库先有代码,再与远程库关联,上传本地库的代码给远程库,这个是个人使用的常用操作)
首先,创建工作区的文件夹,里面写代码相关;
Bash here-》git init(创建.git文件,也就是本地库)
2、github代码托管,远程库首先,创建远程库。登录自己的github,并且创建仓库(写名称,描述,readme先不选择)。
此时,官网自己也会告诉你,本地库关联远程库的方法。也附带了远程仓库的地址(HTTPS方式(这里用这个方式),SSH方式(后面知识点有将))。
3、关联本地库和远程库。由于之前我们已经在本地创建了本地库。
在本地文件夹中,
Bash here ->git remote add origin https://github.com/xinkuiwu/algorithmTraining.git (进行远程地址关联,远程主机名(别名)为origin)
可以通过 git remote -v ...
前端框架Vue学习的心得记录(深入响应式原理)
目标:深入了解Vue框架(2.x版本)的深入响应式原理
方法:通过看Vue的官方手册(Vue官方网站)
内容:本博客记录一些学习Vue中的心得,便于日后启发。(深入响应式原理)
注:遇到一些不懂的函数等,可以看官网的API参考。
前言:
现在是时候深入一下了!Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。这使得状态管理非常简单直接,不过理解其工作原理同样重要,这样你可以避开一些常见的问题。在这个章节,我们将研究一下 Vue 响应式系统的底层的细节。
正文:
一、如何追踪变化
当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性,这也就是 Vue 不支持 IE8 以及更低版本浏览器的原因。
这些 getter/setter 对用户来 ...
前端框架Vue学习的心得记录(规模化)
目标:深入了解Vue框架(2.x版本)的规模化
方法:通过看Vue的官方手册(Vue官方网站)
内容:本博客记录一些学习Vue中的心得,便于日后启发。(规模化)
注:遇到一些不懂的函数等,可以看官网的API参考。
正文:
一、路由
1、官方路由
对于大多数单页面应用,都推荐使用官方支持的 vue-router 库。更多细节可以移步 vue-router 文档。
2、从零开始简单的路由
如果你只需要非常简单的路由而不想引入一个功能完整的路由库,可以像这样动态渲染一个页面级的组件:实例。结合 HTML5 History API,你可以建立一个麻雀虽小五脏俱全的客户端路由器。可以直接看实例应用。
3、整合第三方路由
如果你有更偏爱的第三方路由,如 Page.js 或者 Director,整合起来也一样简单。这里有一个使用了 Page.js 的完整示例。
二、状态管理
1、类Flux状态管理的官方实现
由于状态零散地分布在许多组件和组件之间的交互中,大型应用复杂度也经常逐渐增长。为了解决这个问题,Vue 提供 vuex:我们有受到 Elm 启发的状态管理库。vuex 甚至集成到 vue-d ...
前端框架Vue学习的心得记录(工具)
目标:深入了解Vue框架(2.x版本)的工具
方法:通过看Vue的官方手册(Vue官方网站)
内容:本博客记录一些学习Vue中的心得,便于日后启发。(工具)
注:遇到一些不懂的函数等,可以看官网的API参考。
正文:
一、单文件组件
1、介绍
在很多 Vue 项目中,我们使用 Vue.component 来定义全局组件,紧接着用 new Vue({ el: ‘#container ‘}) 在每个页面内指定一个容器元素。
这种方式在很多中小规模的项目中运作的很好,在这些项目里 JavaScript 只被用来加强特定的视图。但当在更复杂的项目中,或者你的前端完全由 JavaScript 驱动的时候,下面这些缺点将变得非常明显:
全局定义 (Global definitions) 强制要求每个 component 中的命名不得重复
字符串模板 (String templates) 缺乏语法高亮,在 HTML 有多行的时候,需要用到丑陋的 \
不支持 CSS (No CSS support) 意味着当 HTML 和 JavaScript 组件化时,CSS 明显被遗漏
没有构 ...
前端框架Vue学习的心得记录(可复用性&组合)
目标:深入了解Vue框架(2.x版本)的可复用性和组合
方法:通过看Vue的官方手册(Vue官方网站)
内容:本博客记录一些学习Vue中的心得,便于日后启发。(可复用性&组合)
注:遇到一些不懂的函数等,可以看官网的API参考。
正文:
一、混入
1.1 基础
混入 (mixin) 提供了一种非常灵活的方式(Vue中的mixins:属性),来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。
1.2 选项合并
混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。同名钩子函数将合并为一个数组,因此都将被调用。另外,混入对象的钩子将在组件自身钩子之前调用。值为对象的选项,例如 methods、components 和 directives,将被合并为同一个对象。两个对象键名冲突时,取组件对象的键值对。注意:Vue.extend() 也使用同样的策略进 ...
前端框架Vue学习的心得记录(过渡&动画)
目标:深入了解Vue框架(2.x版本)的过渡和动画
方法:通过看Vue的官方手册(Vue官方网站)
内容:本博客记录一些学习Vue中的心得,便于日后启发。(过渡&动画)
注:遇到一些不懂的函数等,可以看官网的API参考。
正文:
一、概述
Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。 包括以下工具:
在 CSS 过渡和动画中自动应用 class
可以配合使用第三方 CSS 动画库,如 Animate.css
在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方 JavaScript 动画库,如 Velocity.js
在这里,我们只会讲到进入、离开和列表的过渡,你也可以看下一节的 管理过渡状态。
二、单元素/组件的过渡
Vue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加进入/离开过渡:条件渲染 (使用 v-if) ,条件展示 (使用 v-show) ,动态组件,组件根节点。
当插入或删除包含在 transition 组件中的元素时,Vue 将会做以 ...
前端框架Vue学习的心得记录(深入了解组件)
目标:深入了解Vue框架(2.x版本)的组件
方法:通过看Vue的官方手册(Vue官方网站)
内容:本博客记录一些学习Vue中的心得,便于日后启发。(深入了解组件)
注:遇到一些不懂的函数等,可以看官网的API参考。
正文:
一、组件注册
1、组件名
在注册一个组件的时候(Vue.component),我们始终需要给它一个名字(组件名)。该组件名就是 Vue.component 的第一个参数。当直接在 DOM 中使用一个组件 (而不是在字符串模板或单文件组件) 的时候,我们强烈推荐遵循 W3C 规范中的自定义组件名 (字母全小写且必须包含一个连字符)。这会帮助你避免和当前以及未来的 HTML 元素相冲突。定义组件名的方式有两种:使用 kebab-case(当使用 kebab-case (短横线分隔命名) 定义一个组件时,你也必须在引用这个自定义元素时使用 kebab-case)和使用 PascalCase(当使用 PascalCase (首字母大写命名) 定义一个组件时,你在引用这个自定义元素时两种命名法都可以使用。)
2、全局注册
到目前为止,我们只用过 Vue.componen ...
前端框架Vue学习的心得记录(基础篇)
目标:快速上手Vue框架(2.x版本)
方法:通过看Vue的官方手册(Vue官方网站)
内容:本博客记录一些学习Vue官方文档中的心得,便于日后启发。(基础篇)
再次学习vue的心得记录:(在我最新的博客里)
注:遇到一些不懂的函数等,可以看官网的API参考。
正文:
一、介绍
1、Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。最基本核心功能有:声明式渲染,条件与循环,处理用户输入,组件化应用构建。
2、声明式渲染。Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统。指令带有前缀v-,以表示它们是 Vue 提供的特殊特性。
3、条件与循环。条件:v-if,v-else-if,v-else,v-show。用于控制条件选择去渲染对应的元素。注意只有被选中了的 ...
前端学习之JavaScript的框架
目的:学习并掌握JS的框架(心得记录和启发)
内容:框架,框架原理,Vue,React,Angular(三大框架)。(未完成,待继续)
学习思路:0、学习框架之前,应该具备:JS,HTML,CSS的知识。(这些资源在bilibili网站上有不错的资源,可以边看边学)1、学习框架之前,应该了解下MVVM的设计思想:MVVM。2、框架的基本原理:框架原理。3、Vue。Vue官网是最好的学习资料。对于刚入门的人来说,建议选择 Vue 入手,对初学者友好,比较简单,灵活,资料多。Vue的官网:Vue。4、React。React的官网:React。5、Angular。Angular的官网:Angular。
常用算法编程题目学习与训练的网站
列出一些用于算法题目学习与训练的网站:UVA Online Judge: https://onlinejudge.org/
Sphere Online Judge: https://www.spoj.com/
Coderbyte: https://www.coderbyte.com/
Project Euler: http://projecteuler.com/
HackerRank: https://www.hackerrank.com/
CodeChef: https://www.codechef.com/
Top Coder: https://www.topcoder.com/
freeCodeCamp: https://www.freecodecamp.cn/
leetcode:https://leetcode-cn.com/