随笔分类 - 前端开发
摘要：一、基于api前端显示课程详细信息 1、调整Course.vue模块 显示效果： 2、调整Detail.vue模块 显示效果： 二、推荐课程切换及详情展示 1、测试使用router-link是否合适 对Detail.vue修改如下： 给推荐课程添加链接地址，点击可以实现url切换，但是由于组件没有重
阅读全文
摘要：一、js中function的不同形态 js中类和函数都要通过function关键字来构建。 1、js中当函数名大写时，一般是当作类来处理 2、js中函数名小写，当做函数来处理 3、自执行函数，同上面等价 自执行函数，同上面等价，this也是代指的window。 二、复合案例 1、类和函数结合案例 生
阅读全文
摘要：一、脚手架介绍 前端开发中提到的“脚手架”是一个形象的比喻，比喻各类语言的前期工作环境。 在软件开发中（包括前端开发）的脚手架指的是：有人帮你把开发过程中要用到的工具、环境都配置好了，让程序员可以方便地直接开始做开发，专注于业务，而不用再花时间去配置这个开发环境，这个开发环境就是脚手架。 比如vue
阅读全文
摘要：一、meta路由元信息实现权限控制 1、权限控制需求及结构搭建 （1）权限控制需求 导航栏上有首页、智能题库、登录、退出四个按钮。 用户访问首页时，看到是首页的内容 1.当用户访问智能题库时，此时要检测用户是否有权限访问该智能题库内容 如果没有：检测用户是否登录，如果没有登录则跳转到登录页面。 登录
阅读全文
摘要：一、前端路由vue-router介绍 Vue-Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒
阅读全文
摘要：所有的生命周期钩子自动绑定 this 上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fetchTodos())。这是因为箭头函数绑定了父上下文，因此 this 与你期待的 Vue 实例不同，
阅读全文
摘要：Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。 过滤器作用：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。 过滤器使用：过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示： 一、局部过滤器的使用 在一个组件中定义局部(本地)过滤器
阅读全文
摘要：一、组件概念 vue的核心基础就是组件的使用，玩好了组件才能将前面学的基础更好的运用起来。组件的使用更使我们的项目解耦合。更加符合vue的设计思想MVVM。 1、组件是可复用的Vue实例 组件是可复用的 Vue 实例，且带有一个名字：在这个例子中是 <button-counter>。我们可以在一个通
阅读全文
摘要：一、计算属性(data中的相关数据) 侦听多个属性时——计算属性 comuted。 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： 在这个地方，模板不再是简单的声明式逻辑。你必须看一段时间才能意识到，这里是想要显示变量 message
阅读全文
摘要：指令系统，可以联想咱们的cmd命令行工具，只要我输入一条正确的指令，系统就开始干活了。 在vue中，指令系统，设置一些命令之后，来操作我们的数据属性，并展示到我们的DOM上。 在vue中提供了一套为数据驱动视图更为方便的操作，这些操作被称为指令系统，以v-xxx所表示。如在angular中以ng-x
阅读全文
摘要：一、vue介绍 vue官网说：Vue.js（读音 /vjuː/，类似于 view） 是一套构建用户界面的渐进式的JavaScript框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。 1、渐进式的JavaScript框架 2、前端框架和库的区别 （1）功能上的不同 jquery库：
阅读全文
摘要：一、webpack介绍 webpack这个工具非常强大。对前端中所有模块进行打包，输出js文件，后续引入这个js文件，在服务器上线，然后在域名中访问写好的项目；webpack还能支持模块化加载（类似python，import xxx from 'ooo'）。中文官网链接地址：https://www.
阅读全文
摘要：一、Nodejs介绍 Nodejs英文网：https://nodejs.org/en/ Nodejs中文网：http://nodejs.cn/ Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其
阅读全文
摘要：一、起步 1、扎实的HTML/CSS/Javascript基本功，这是前置条件。 2、不要用任何的构建项目工具，只用最简单的<script>，把教程里的例子模仿一遍，理解用法。不推荐上来就直接用 vue-cli 构建项目，尤其是如果没有 Node/Webpack 基础。 3、学习了解ES6的语法。
阅读全文
摘要：一. HTML部分 1、XHTML和HTML有什么区别 2、前端页面有哪几层构成，分别是什么?作用是什么? 3、请描述一下 cookies，sessionStorage 和 localStorage 的区别？ 4、form表单中input标签的readonly和disabled属性有何区别？ 5、内
阅读全文
摘要：一、Python基础 python简介 python数据类型(数字\字符串\列表) python数据类型(元组\字典) python数据类型(集合) python占位符%s,%d,%r,%f print控制台输出带颜色文字方法 使用Anaconda管理环境 python的小数据池 二、Python文
阅读全文
摘要：https://www.cnblogs.com/zhongweizhu/p/6003537.html
阅读全文
摘要：一、下拉菜单 用于显示链接列表的可切换、有上下文的菜单。下拉菜单的 JavaScript 插件让它具有了交互性。 1、实例 将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里，或者另一个声明了 position: relative; 的元素。然后加入组成菜单的 HTML 代码。 aria-h
阅读全文
摘要：一、什么是Ajax AJAX = 异步的javascript和XML（Asynchronous Javascript and XML） 简言之，在不重载整个网页的情况下，AJAX通过后台加载数据，并在网页上进行显示。 通过 jQuery AJAX 方法，您能够使用 HTTP Get 和 HTTP P
阅读全文
