avatar
Articles
96
Tags
150
Categories
68

Home
Archives
Tags
Categories
伍新奎的博客空间
Home
Archives
Tags
Categories
git和github的使用
Created2019-12-11|git|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学习的心得记录(深入响应式原理)
Created2019-12-10|vue|JavaScript•框架•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学习的心得记录(规模化)
Created2019-12-10|vue|JavaScript•框架•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学习的心得记录(工具)
Created2019-12-10|vue|JavaScript•框架•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学习的心得记录(可复用性&组合)
Created2019-12-09|vue|JavaScript•框架•vue
目标:深入了解Vue框架(2.x版本)的可复用性和组合 方法:通过看Vue的官方手册(Vue官方网站) 内容:本博客记录一些学习Vue中的心得,便于日后启发。(可复用性&组合) 注:遇到一些不懂的函数等,可以看官网的API参考。 正文: 一、混入 1.1 基础 混入 (mixin) 提供了一种非常灵活的方式(Vue中的mixins:属性),来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 1.2 选项合并 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。同名钩子函数将合并为一个数组,因此都将被调用。另外,混入对象的钩子将在组件自身钩子之前调用。值为对象的选项,例如 methods、components 和 directives,将被合并为同一个对象。两个对象键名冲突时,取组件对象的键值对。注意:Vue.extend() 也使用同样的策略进 ...
前端框架Vue学习的心得记录(过渡&动画)
Created2019-12-08|vue|JavaScript•框架•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学习的心得记录(深入了解组件)
Created2019-12-06|vue|JavaScript•框架•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学习的心得记录(基础篇)
Created2019-12-03|vue|JavaScript•框架•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的框架
Created2019-11-20|框架学习|JavaScript•框架•vue•react•angular
目的:学习并掌握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。
常用算法编程题目学习与训练的网站
Created2019-11-18|网站推荐|ES6•数据结构•算法•网站
列出一些用于算法题目学习与训练的网站: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/
1…78910
avatar
伍新奎
前端开发工程师
Articles
96
Tags
150
Categories
68
Follow Me
Recent Post
nestjs学习-5种http数据传输方式2023-12-05
nestjs学习-快速掌握 Nest CLI2023-11-23
前端工程化- webpack | 项目打包webpack优化2023-11-15
单元测试-jest搭建和使用2023-11-01
nodejs-PM2搭建和使用2023-10-20
Categories
  • React2
  • VScode 配置1
  • antd1
  • backend1
  • chrome1
  • git1
  • hive1
  • mysql1
Tags
队列 路由模块封装 项目 jest 语法 运行配置 红黑树 vue CLI3 vue CLI2 二叉搜索树 静态文件托管 JavaScript Nest CLI AVL树 package.json 管道流 this绑定 POST GET Vuex 字典 angular 链表 http CommonJs Visual Studio Code antd 监控,nodejs chrome 组件化 web cnpm SnowPack WEB服务器 网站 前端工程化 pdf table EJS模板引擎 HTTP 模块
©2019 - 2023 By 伍新奎