zl程序教程

前端学习总结

  • IMWeb前端提升营七天学习总结

    IMWeb前端提升营七天学习总结

    写在前面 5月24到30这7天,IMWeb前端提升营,腾讯大佬们分享个人经验,使出各种前端方面的大招。从中学习了很多前端方面的知识,也get到了前端学习的方法论,还有一些算法知识等等。 现将总结如下:(本文长度略长,看官保持耐心,嘿嘿) 早报前端面试题 每天早上,助教老师会发一些经典前端面试题,归档一下: 05/24 问题1: CSS引入的方式有哪些?

    日期 2023-06-12 10:48:40     
  • 前端学习总结

    前端学习总结

    抓大放小。先把基础的学扎实。框架什么的慢慢看吧。太多了也不好消化。感觉前端比后端学的多。

    日期 2023-06-12 10:48:40     
  • 前端MVC Vue2学习总结(九)——Vuex状态管理插件

    前端MVC Vue2学习总结(九)——Vuex状态管理插件

    一、概要 1.1、Vuex定义与注意事项 Vuex是为vue.js框架更好的管理状态而设计一个插件。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导

    日期 2023-06-12 10:48:40     
  • 前端MVC Vue2学习总结(八)——前端路由

    前端MVC Vue2学习总结(八)——前端路由

    路由是根据不同的 url 地址展示不同的内容或页面,早期的路由都是后端直接根据 url 来 reload 页面实现的,即后端控制路由。 后来页面越来越复杂,服务器压力越来越大,随着AJAX(异步刷新技术) 的出现,页面实现非 reload 就能刷新数据,让前端也可以控制 url 自行管理,前端路由因此而生。 如果直接使用AJAX加载页面片段是可以实现单页效果的,但这样会破坏浏览器的前进与后退功

    日期 2023-06-12 10:48:40     
  • 前端MVC Vue2学习总结(八)——Vue Router路由、Vuex状态管理、Element-UI

    前端MVC Vue2学习总结(八)——Vue Router路由、Vuex状态管理、Element-UI

    一、Vue Router路由   二、Vuex状态管理   三、Element-UI Element-UI是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,手机端有对应框架是 Mint UI 。 Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,它面向企业级的后台应用,能够帮助你快速地搭建网站,极大地减少研发的人力与时间成本。 E

    日期 2023-06-12 10:48:40     
  • 前端MVC Vue2学习总结(七)——ES6与Module模块化、Vue-cli脚手架搭建、开发、发布项目与综合示例

    前端MVC Vue2学习总结(七)——ES6与Module模块化、Vue-cli脚手架搭建、开发、发布项目与综合示例

    使用vue-cli可以规范项目,提高开发效率,但是使用vue-cli时需要一些ECMAScript6的知识,特别是ES6中的模块管理内容,本章先介绍ES6中的基础与模块化的内容再使用vue-cli开发vue项目。 一、ECMAScript6概要 ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Asso

    日期 2023-06-12 10:48:40     
  • 前端MVC Vue2学习总结(六)——axios与跨域HTTP请求、Lodash工具库

    前端MVC Vue2学习总结(六)——axios与跨域HTTP请求、Lodash工具库

    一、axios Vue更新到2.0之后宣告不再对vue-resource更新,推荐使用axios,axios是一个用于客户端与服务器通信的组件,axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端javaScript工具。通俗来说可以实现客户端请求服务器端提供的服务获得数据。 源码与帮助:https://github.com/axios/axios 服务器端跨域

    日期 2023-06-12 10:48:40     
  • 前端MVC Vue2学习总结(五)——表单输入绑定、组件

    前端MVC Vue2学习总结(五)——表单输入绑定、组件

    一、表单输入绑定 1.1、基础用法 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖,它负责监听用户的输入事件以更新数据,并特别处理一些极端的例子。 v-model 并不关心表单控件初始化所生成的值。因为它会选择 Vue 实例数据来作

    日期 2023-06-12 10:48:40     
  • 前端MVC Vue2学习总结(四)——条件渲染、列表渲染、事件处理器

    前端MVC Vue2学习总结(四)——条件渲染、列表渲染、事件处理器

    一、条件渲染 1.1、v-if 在字符串模板中,如 Handlebars ,我们得像这样写一个条件块: <!-- Handlebars 模板 --> {{#if ok}} <h1>Yes</h1> {{/if}} 在 Vue.js ,我们使用 v-if 指令实现同样的功能: <h1 v-if="ok">Yes</

    日期 2023-06-12 10:48:40     
  • 前端MVC Vue2学习总结(三)——模板语法、过滤器、计算属性、观察者、Class 与 Style 绑定

    前端MVC Vue2学习总结(三)——模板语法、过滤器、计算属性、观察者、Class 与 Style 绑定

    Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上, Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。 如果你熟悉虚拟

    日期 2023-06-12 10:48:40     
  • 前端MVC Vue2学习总结(二)——Vue的实例、生命周期与Vue脚手架(vue-cli)

    前端MVC Vue2学习总结(二)——Vue的实例、生命周期与Vue脚手架(vue-cli)

    一、Vue的实例 1.1、创建一个 Vue 的实例 每个 Vue 应用都是通过 Vue 函数创建一个新的 Vue 实例开始的: var vm = new Vue({ // 选项 }) 虽然没有完全遵循 MVVM 模型,Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的简称) 这个变量名表示 Vue 实例。 1、vue.js就是一个构造器,通过构造器Vue

    日期 2023-06-12 10:48:40     
  • 前端MVC Vue2学习总结(一)——MVC与vue2概要、模板、数据绑定与综合示例

    前端MVC Vue2学习总结(一)——MVC与vue2概要、模板、数据绑定与综合示例

    一、前端MVC概要 1.1、库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束。库是工具,在单点上给我们提供功能。框架是依赖库的。Vue是框架而jQuery则是库。 1.2、AMD与CMD 在传统的非模块化JavaScript开发中有许多问题:命名冲突、文件依赖、跨环境共享模块、性能优化、职责单一、模块的版本管理、jQuery等前端库层出不穷,前端代码日益膨胀 AMD规范及其代表

    日期 2023-06-12 10:48:40     
  • 前端MVC学习总结(四)——NodeJS+MongoDB+AngularJS+Bootstrap书店示例

    前端MVC学习总结(四)——NodeJS+MongoDB+AngularJS+Bootstrap书店示例

    这章的目的是为了把前面所学习的内容整合一下,这个示例完成一个简单图书管理模块,因为中间需要使用到Bootstrap这里先介绍Bootstrap。 示例名称:天狗书店 功能:完成前后端分离的图书管理功能,总结前端学习过的内容。 技术:NodeJS、Express、Monk、MongoDB、AngularJS、BootStrap、跨域 效果: 一、Bootstrap Bootstrap是一个UI框

    日期 2023-06-12 10:48:40     
  • 前端MVC学习总结(三)——AngularJS服务、路由、内置API、jQueryLite

    前端MVC学习总结(三)——AngularJS服务、路由、内置API、jQueryLite

    一、服务 AngularJS功能最基本的组件之一是服务(Service)。服务为你的应用提供基于任务的功能。服务可以被视为重复使用的执行一个或多个相关任务的代码块。 AngularJS服务是单例对象,这意味着只有一个实例被创建过,服务使用AngularJS的依赖注入机制来定义和注册。 可以把服务注入模块、控制器和其它服务。 1.1、内置服务 常见的内置服务如下: $http 发送http请求 $

    日期 2023-06-12 10:48:40     
  • 前端MVC学习总结(一)——MVC概要与angular概要、模板与数据绑定

    前端MVC学习总结(一)——MVC概要与angular概要、模板与数据绑定

    一、前端MVC概要 1.1、库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束。库是工具,在单点上给我们提供功能。框架是依赖库的。AngularJS是框架而jQuery则是库。 1.2、AMD与CMD 在传统的非模块化JavaScript开发中有许多问题:命名冲突、文件依赖、跨环境共享模块、性能优化、职责单一、模块的版本管理、jQuery等前端库层出不穷,前端代码日益膨胀 AMD

    日期 2023-06-12 10:48:40     
  • 前端MVC学习总结(四)——NodeJS+MongoDB+AngularJS+Bootstrap书店示例

    前端MVC学习总结(四)——NodeJS+MongoDB+AngularJS+Bootstrap书店示例

    这章的目的是为了把前面所学习的内容整合一下,这个示例完成一个简单图书管理模块,因为中间需要使用到Bootstrap这里先介绍Bootstrap。 示例名称:天狗书店 功能:完成前后端分离的图书管理功能,总结前端学习过的内容。 技术:NodeJS、Express、Monk、MongoDB、AngularJS、BootStrap、跨域 效果: 一、Bootstrap Bootstrap是一个UI

    日期 2023-06-12 10:48:40     
  • 前端MVC学习总结(二)——AngularJS验证、过滤器、指令

    前端MVC学习总结(二)——AngularJS验证、过滤器、指令

    一、验证 angularJS中提供了许多的验证指令,可以轻松的实现验证,只需要在表单元素上添加相应的ng属性,常见的如下所示: <input Type="text" ng-model="" [name=""] [required=""] [ng-required=""] [ng-minlength=""] [ng-maxlength=""][ng-pattern=""][ng-change

    日期 2023-06-12 10:48:40     
  • 前端学习+面试小总结(二)

    前端学习+面试小总结(二)

    从过完年开始系统学习相关的知识,已经接近两个月了。这篇文章想系统的回顾一下自己的各种骚操作,并对接下来的路进行一个修正吧。 大致分为几个部分: 1. 我学了什么,学习的过程中有什么可取的点和不可取的点。 2. 我没有坚持什么,如何把这些没有坚持的内容进行拆解,融入到接

    日期 2023-06-12 10:48:40     
  • 前端学习总结(五)-导航栏练习

    前端学习总结(五)-导航栏练习

    本次练习是跟着慕课上的导航视频完成的。https://www.imooc.com/learn/174 首先,看到一个页面,我们要对他进行逻辑上的分类。如果可以做到画出逻辑树的地步,那就大功告成了。但是目前对我来说,只能一点点分开。 先对图片的布局进行分析。 我们可以看出,图片中

    日期 2023-06-12 10:48:40     
  • 前端学习总结(二)

    前端学习总结(二)

    本章的问题都是学习过程中一些基础问题。 前几天学习了js、html、css的相关知识。昨天安装nodejs和npm又出了一些问题,今天中午解决了这些问题,也安装了vue。 并跟着一个vue入门课程完成了基础语法的学习。 接下来对今天的学习进行一个总结。 啊万事开头难,发现有很多东西我都无法给出真正的解释。

    日期 2023-06-12 10:48:40     
  • 前端学习总结(二)

    前端学习总结(二)

    1.HTML中head标签和header标签的区别? 从功能上来讲: head标签: <head> 标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。 文档的头部描述了文档的各种属性和

    日期 2023-06-12 10:48:40     
  • 前端学习总结(一)

    前端学习总结(一)

    F..k ! 寒冷的冬天敲出的心路历程被吞掉了,不管了,开始总结吧。   目前学习到CSS、JavaScript、Html、Jquery。 分别阐述一下这几个东西是什么,以及他们之间的作用。 1.HTML 其余的三个都是基于HTML进行操作的。 定义: 超文本标记语言(英语

    日期 2023-06-12 10:48:40     
  • 【前端学习之HTML&CSS进阶篇】-- CSS第四篇 -- 样式总结与补充

    【前端学习之HTML&CSS进阶篇】-- CSS第四篇 -- 样式总结与补充

    【前端学习之HTML&CSS进阶篇】-- CSS第四篇 – 样式总结与补充 文章目录 【前端学习之HTML&CSS进阶篇】-- CSS第四篇 -- 样式总结与补充前言一、 行盒垂直对齐1. 多

    日期 2023-06-12 10:48:40     
  • 前端学习-总结出自己的学习方法

    前端学习-总结出自己的学习方法

    submithttps://uptodate.frontendrescue.org/zh/ 总结出自己的学习方法   总结出自己的学习方法 I follow people on Twitter who produce new things. Some people like to follow just blogs, but I like to see what the people

    日期 2023-06-12 10:48:40