
总结
joker.ma
这个作者很懒,什么都没留下…
展开
-
什么是模块化,模块化的好处是
什么是模块化,模块化的好处是?模块化是一种处理复杂系统分解为更好的可管理模块的方式。所谓的模块化开发就是封装细节,提供使用接口,彼此之间互不影响,每个模块都是实现某一特定的功能。模块化开发的基础就是函数。模块化开发使用代码耦合度降低,模块化的意义在于最大化的设计重用,以最少的模块、零部件,更快速的满足更多的个性化需求。模块化的好处优点:a .可维护性1、灵活架构,焦点分...原创 2019-07-15 20:25:43 · 23835 阅读 · 0 评论 -
首次使用git遇到的问题总结
一、新建项目1、打开github 登录2、点击 Stat a project二、上传1、找到要上传的文件夹进入如果文件夹中没有.git文件夹(隐藏文件夹) ,则需要初始化输入 git init 回车2、状态信息展示输入 git status回车3、将修改添加到暂存区输入 git add . 回车(注意 . 与a...原创 2019-08-10 10:35:30 · 437 阅读 · 0 评论 -
封装AJAX
import MainModel from "./mainModel.js";export default class AJAX { constructor() { this.oneBool = false; this.bindHandler = this.loadHandler.bind(this); this.xhr = new XM...原创 2019-08-10 10:25:02 · 250 阅读 · 0 评论 -
Vue.config常用配置项
const path = require('path') module.exports = { publicPath: './', // 基本路径 outputDir: 'dist', // 输出文件目录 lintOnSave: false, // eslint-loader 是否在保存的时候检查 // see https://github.com/vuejs...转载 2019-08-10 10:18:56 · 1603 阅读 · 0 评论 -
二次封装axios
import axios from "axios";import qs from "qs"import loading from "../lib/loading/index.js" let vm = loading()const server = axios.create({ // baseURL:"", timeout:5000, withCredenti...原创 2019-08-10 10:16:07 · 287 阅读 · 0 评论 -
文本省略
p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。 -webkit-box-orient:vertical; //从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式) -webkit-line-clamp:2; //这个属性不是css的规范属性,需要组合上...转载 2019-08-10 10:14:29 · 162 阅读 · 0 评论 -
单项数据流
什么是单项数据流举个小例子父组件App.vue给子组件绑定一个message属性传值1999父组件App.vue中的代码:<template> <div id="app"> <Home :num="message"/> </div></template> <script&g...原创 2019-07-27 15:22:09 · 397 阅读 · 0 评论 -
组件中的data为什么是一个函数而不是一个对象
组件中的data为什么是一个函数而不是一个对象 官方的解释为: 通俗的讲就是: 因为对象是一个引用数据类型,如果data是一个对象的情况下会造成所有组件共用一个data。而当data是一个函数的情况下,每次函数执行完毕后都会返回一个新的对象,这样的话每个组件都会维护一份独立的对象(data)...原创 2019-07-27 14:31:17 · 3848 阅读 · 0 评论 -
什么是回流和重绘
什么是回流和重绘当渲染树中的一部分或者全部因为元素的尺寸、布局、隐藏等改变而需要重新构建的时候,这时候就会发生回流。每个页面都至少发生一次回流,也就是页面第一次加载的时候。在回流的时候,浏览器会使渲染树中受到影响的元素部分失效,并重新绘制这个部分的渲染树,完成回流以后,浏览器会重新绘制受到影响的部分元素到屏幕中,这个过程就是重绘。什么时候会发生回流?1、添加或者删除可见的DOM...原创 2019-07-23 09:13:36 · 2074 阅读 · 1 评论 -
vue中vue-if与v-show的区别,以及使用场景
区别方式:v-show底层原理是操作元素的display属性,v-if底层是操控元素的创建/销毁编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换编译条件:v-if是惰性的,如果初始条件为假,则什么也不做;只有在条件第一次变为真时才开始局部编译(编译被缓存?编译被缓存后,然后再切换的时候进行局部卸载)...原创 2019-07-22 22:25:47 · 1583 阅读 · 0 评论 -
vue的全局API
vue的全局APIVue.extendVue.nextTickVue.setVue.deleteVue.directiveVue.filterVue.componentVue.useVue.mixinVue.compieVue.observableVue.version原创 2019-07-22 22:08:03 · 342 阅读 · 0 评论 -
前后端的数据交互有哪些
前后端的数据交互有哪些数据交互的目的是什么?取:将数据渲染到dom文档中 给:提交数据到后台后,后台会继续返回我们一个数据,拿到这个数据,然后渲染页面1、利用cookie前台通过登录来存储cookie后台通过req.cookies()来获取存储的cookie信息2、利用Ajax在学习NodeJS之前最常用的前后端交互大都利用ajax 和JQuery中已经封装好的$.a...原创 2019-07-22 19:42:38 · 2416 阅读 · 0 评论 -
vue-案例-利用组件传值的todolist(todolist升级版)
效果图第一部分,填写信息,点击添加将信息在黄色框外显示(框内,框外是连个不同的组件)点击相应的信息行会变色(灰色)第二部分,点击某一信息行的修改按钮,将上方组件更换为修改信息组件并将相应的数据传递给上方的输入框中,修改数据,点击红色修改框内的修改按钮,将信息替换到相应的信息行的位置第三部分,不论是添加还是修改过程中只要点击删除按钮,就可以删除相应的一个信息行的信息。...原创 2019-07-30 17:08:47 · 526 阅读 · 0 评论 -
服务端渲染和客户端渲染的区别
服务端渲染和客户端渲染的区别概念服务端渲染(吐)服务端在返回html之前,在特定的区域,符号里用数据填充,再给客户端,客户端只负责解析HTML客户端渲染(填)html仅仅作为静态文件,客户端在请求时,服务端不做任何处理,直接以原文件的形式返回给客户端,然后客户端根据html上的JavaScript,生成DOM插入html。利弊 服务端渲染 客户端渲染 ...原创 2019-07-17 08:32:48 · 806 阅读 · 0 评论 -
关于登录验证
一、登录的验证流程 当用户请求登录的时候,如果没有问题,我们在服务端生成一条记录,这个记录里可以说明一下登录的用户是谁,然后把这条记录的ID号发送给客户端,客户端收到以后把这个ID号存储在Cookie里,下次这个用户再向服务端发送请求的时候,可以带着这个Cookie,这样服务端会验证一个这个Cookie里的信息,看看能不能在服务端这里找到对应的记录,如果可以,说明用户已经通过了身...原创 2019-07-18 16:12:51 · 375 阅读 · 0 评论 -
application/x-www-form-urlencoded 数据序列化
表单提交表单有两种提交方式,POST和GET。通常我们会使用POST方式,一是因为形式上的安全 ;二是可以上传文件。我之前经常忽略掉表单的编码类型,觉得它特别长比较难记,而且不设置也似乎不影响什么。表单的编码类型,用来控制表单中的数据的编码格式。POST 提交方式 默认 enctype=“application/x-www-form-urlencoded”,数据以键值对的方式传送到服务器,...转载 2019-07-15 22:07:11 · 2401 阅读 · 0 评论 -
什么是传统的DOM渲染方式
什么是传统的DOM渲染方式?(通俗的说就是浏览器的渲染方式是怎么渲染的?)分为以下五步,创建DOM树——创建样式表——创建render树——布局Layout——绘制Painting1、用HTML解析器,分析HTML元素,构建一颗DOM树。2、用CSS解析器,分析CSS文件和元素上的inline样式,形成页面的样式表。3、将DOM树和样式表,关联起来,构建一颗Render树(这一过程...原创 2019-07-15 18:23:13 · 743 阅读 · 0 评论