03 2019 档案
摘要:一、前言 1、路由嵌套里面的公共路由 2、keep-alive路由缓存 3、导航守卫 二、主要内容 1、路由嵌套里面的公共路由: (1)如下图所示是掘金网的首页,上面是父组件,里面是子组件,在切换里面的导航的时候发现里面的结构并没有变化,只是数据发生了变化,为了避免切换的时候反复操作DOM,这时候将
阅读全文
摘要:一、前言 本文主要涉及: 1、传统方式路由的实现 2、使用vue-router 3、路由命名 4、动态路由 5、嵌套路由 二、主要内容 1、传统方式路由的实现: (1)当URL改变之后,立刻会发生请求响应整个页面,如果此时的资源过多,会出现白屏现象 (2)单页面应用,锚点值改变,不会立刻发送请求,而
阅读全文
摘要:一、前言 这篇文章涉及的主要内容有: 1、ref绑定在标签上是获取DOM对象 2、ref绑定在子组件上获取的是子组件对象 3、案列:自动获取input焦点 二、主要内容 1、基础内容: ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs对象上。如果在普通的 DOM 元素
阅读全文
摘要:一、前言 这篇文章主要总结了几种通信方式: 1、方式一:使用props: [ ]和$emit() (适用于单层通信) 2、方式二:$attrs和$listeners(适用于多层) 3、方式三:中央处理事件:bus.$on监听触发的事件 4、方式四:provide:[],inject:['] 5、方式
阅读全文
摘要:一、前言 本文主要涉及: 1、watch()监听单个属性 2、computed可以监听多个属性 3、点击li标签切换音乐案例 二、主要内容 1、watch()监听器(监听单一数据) (1)监听简单的数据类型 (2)对于复杂的数据类型(数组,对象)不能用上面的来监听 2、computed计算属性(可以
阅读全文
摘要:一、前言 主要包括: 1、组件(全局组件和局部组件) 2、父组件和子组件之间的通信(单层) 3、插槽和具名插槽 4、过滤器 二、主要内容 1、组件 (1)组件在mvc中充当的角色 (1)局部组件 三个步骤:1、创建局部主键,2.挂载局部组件,3.使用局部组件 <!DOCTYPE html> <htm
阅读全文
摘要:一、前言 1、基本骨架 2、插值表达式{{ }} 3、vue起的作用,在开发中充当的角色MVVM 4、基本指令 二、基础内容 1、基本骨架 注意:如果实例中有template加载template中的内容,没有的时候再加载#app模板中的内容 2、插值表达式{{ }} {{表达式}}中可以包含如下几个
阅读全文
摘要:一、前言 1、元素和节点的区别 2、总结获取元素的方式 3、总结获取节点的方式 二、主要内容 1、结点和元素的区别 (1)一些常见基本概念: 文档:document 元素:页面中所有的标签 结点:页面中所有的内容包括(标签,属性,文本(文字,空格,换行,回车)) 根元素:html标签 (2)节点属性
阅读全文
摘要:一、前言 通过node.js基本知识对node.js基本知识的一个简单应用 1、注册 2、登录 3、退出 二、基本内容 1、项目结构搭建如图所示 2、这个小案列中用到了art-template子模板以及模板的继承 可以参考官网:art-template.org 发现很多网站的页面的头部和尾部都是一样
阅读全文
摘要:一、前言 这个小案例是在node平台上应用的所以需要保证你的电脑: 1、安装和配置node.js环境 2、需要用node.js来开启一个http-server: 开启方法:https://blog.csdn.net/kaixinhlz/article/details/67046964 3、需要模拟数
阅读全文
摘要:一、前言 通过这个例子对promise解决回调地狱问题有一个初步理解。 二、主要内容 1、回调地狱:如下图所示,一个回调函数里面嵌套一个回调函数,这样的代码可读性较低也比较恶心 2、下面用一个简单的例子来体验回调 举例:我们想要按照顺序读取三个文件,a.txt b.txt c.txt 通过已经学的知
阅读全文
摘要:一、前言 这篇文章主要对JS中数组遍历的方法做一个总结: 1、find() findIndex() 2、forEach 3、every 4、map 5、reduce 二、主要内容 1、find()、findIndex() 用法:用于找出第一个符合条件的数组成员,他的参数是一个回调函数,会遍历所有元素
阅读全文
摘要:一、前言 1、这篇文章主要对上一篇案列在操作增删改的时候使用mongodb进行优化 2、项目源码(包含上):https://github.com/4561231/crud-express-node.git 3、参考:菜鸟教程, https://mongoosejs.com/docs/guide.ht
阅读全文
摘要:一、前言 本节内容主要对小案例做一个总结: 1、如何开始搭建小项目 2、路由设计 3、模块应用 4、项目源码以及实现过程github地址: 项目演示如下: 二、主要内容 1、项目的关键性js源码: 项目的入口: /** * app.js 入门模块 * 职责: * 创建服务 * 做一些服务相关配置 *
阅读全文
摘要:一、前言 本次内容主要包括: 1、express的基本用法 2、express中的静态服务 3、express中art-template的使用 4、express中body-parser的使用 5、expression 中express-session的使用 二、基础内容 1、express的基本使
阅读全文
摘要:一、前言 这篇文章主要涉及: 1、模块中exprots和module.exprots 2、require加载标识符分析 3、npm常用指令总结 二、主要内容 1、 exprots和module.exprots (1)在node中,每个模块内部都有一个自己的module对象, 而字module中,也有
阅读全文
摘要:一、前言 通过这个案例复习: 1、node.js中模板引擎的使用 2、node.js中的页面跳转和重定向 二、主要内容 1、案列演示: 2、案列源码:https://github.com/4561231/feedback 3、具体实现: 1、项目结构:项目名称feedback ,为了方便管理,将页面
阅读全文
摘要:一、前言 主要涉及: 1、什么是服务端渲染 2、什么是客户端渲染 3、两者的区别,以及什么场合使用 4、参考:https://blog.csdn.net/yipiankongbai/article/details/25029183 二、主要内容 1、客户端请求 (1)用户在浏览器输入请求的地址例如:
阅读全文
摘要:一、前言 本节的内容主要涉及: 1、node.js中http服务 2、node.js中fs服务 3、node.js中模板引擎的渲染 4、利用上面几点模拟apache服务器 二、知识 1、node.js构建服务器的源代码 var template = require('art-template');
阅读全文
摘要:一、前言 本次内容主要包括: 1.node.js中的模块系统 2、解决上篇中服务器响应的汉字乱码问题 二、知识 1、node中的模块 分为三种: 核心模块(node定义的如前面用到的fs,http模块) 第三方模块 自定义模块。可以通过require()加载第三模块 2、node.js中没有全局作用
阅读全文
摘要:一、前言 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。node.js现在已经成为前端工程师的必备技能。 本节涉及的基础内容: 1. node中的javascript 2.htt
阅读全文
摘要:参考资料:vue.js官网 项目演示: 项目源代码: 核心代码及踩坑 删除: new Vue({ el:'#app', data:{ productlist:[], totalMoney:0, checkAllFrag:false,//默认没有全选 deFlag:false, //当前的存起来 cu
阅读全文
摘要:参考文献: vue官网: vue.js 效果展示:全选和取消全选,计算总金额 项目源代码:https://github.com/4561231/hello_world 项目核心代码实现及踩坑 vue实例代码如下 new Vue({ el:'#app', data:{ productlist:[] }
阅读全文
摘要:参考文献 vue.js官网 项目演示:数据渲染,格式化数据,点击加,减号自动加减 项目准备 1. 项目css和js文件 https://github.com/4561231/hello_world 2. 引入和安装vue-包管理工具 三种方式: 方式一:直接引入连接 方式二:将vue-resourc
阅读全文
摘要:解决方案 找到浏览器 右击 属性 加 加上这一句就不会报错--allow-file-access-from-files 加上这一句就不会报错--allow-file-access-from-files
阅读全文
摘要:案例演示 源代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap { width: 300px; mar
阅读全文
摘要:恢复内容开始 效果图说明:当鼠标移到哪一个按钮上的时候会自动跳转到某一张图片上,并且按钮会以高亮显示 项目目录结构 用到的js封装的animate()动画 function animate(element, target) { clearInterval(element.timeId); //定时器
阅读全文
摘要:在eclipse中新建文件报错错误提示如下: The superclass "javax.servlet.http.HttpServlet" was not found on the Java Buil 解决方案 右击项目文件名 然后点击确定,以及应用
阅读全文
摘要:恢复内容开始 javaSE 下载: 第一步:百度收索jdk downlaod 下载地址:https://www.oracle.com/technetwork/java/javase/downloads/index.html 第二步: 配置: 第一步:打开命令提示符,没安装的时候,输入java会出现以
阅读全文