ton365-CSDN博客

原创 Vue知识体系（自我复习）

Vue框架的使用基本使用常考：Vue组件如何通讯描述组件渲染和更新的过程双向数据绑定v-model的实现原理知识点：模板（插值，指令）computer和watch注意：watch监听引用类型，拿不到oldValclass和style条件，循环，事件，表单v-if和v-show的区别和使用场景频繁切换用v-show[display:none]event参数，自定义参数，事件修饰符，按键修饰符组件生命周期props和$emit（类型和默认值

2020-07-13 19:56:42 303 1

原创 HTML 知识点（未完）

HTML 知识点三列布局- (高度已知，左右宽度固定，中间自适应)布局方案优点缺点浮动兼容性好脱离文档流，需清除浮动绝对定位比较快捷。因为其本身脱离了文档流，导致了其子元素都脱离了文档流，使用性较差。flex布局目前是比较完美的方案。只兼容到ie9。表格布局兼容性好，当需要兼容ie8时可以用表格布局。多栏布局时，某栏高度增加，会使其他栏高...

2020-05-05 13:15:13 231

原创我的JavaScript知识体系（未完）

javaScript基础知识体系1. JS基础知识变量类型和计算typeof能判断值类型，判断引用类型是object== 和 === ：仅在判断null和undefined用==。=== 检查类型和值是否都相同== 仅检查值并有类型转换值类型和引用类型的区别值类型保存在栈，位置固定，随方法的执行结束, 这个内存栈自然销毁,1.保存与复制的是值本2.使用typeo...

2020-04-28 16:17:10 267

转载【思维导图】巩固你的JavaScript知识体系

2020-04-27 11:25:32 226

转载巩固你的 HTTP 知识体系

作者:神三元来源: https://juejin.im/post/5e76bd516fb9a07cce750746（建议精读）HTTP灵魂之问，巩固你的 HTTP 知识体系上回就已经承诺过大家，一定会出 HTTP 的系列文章，今天终于整理完成了。作为一个 web 开发，HTTP 几乎是天天要打交道的东西，但我发现大部分人对 HTTP 只是浅尝辄止，对更多的细节及原理就了解不深了，在面试的...

2020-04-20 17:00:35 257

原创 vue 自定义指令v-directive

钩子函数一个指令定义对象可以提供如下几个钩子函数 (均为可选)：bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。update：所在组件的 VNode 更新时调用，但是可能发生在其子 - - VNode 更新之前。指令的值可能发生了改变，也可能没有。但是你可以通过...

2020-04-14 22:09:17 1473

原创 WebSocket初步认识

介绍Websocket的最大特点就是，服务器可以主动向客户端推送消息，客户端也可以主动向服务器发送消息。，属于服务器推送技术的一种。（HTTP协议需要轮询询问服务端状态变化）建立在TCP协议之上，服务器端的实现比较容易。与HTTP协议有着良好的兼容性。并且握手阶段采用HTTP协议，因此握手时不容易屏蔽，能通过各种HTTP代理服务器。数据格式比较轻量，性能开销小，通信高效。可以发送文本，也可以发送二进制数据。没有同源限制，客户端可以与任意服务器通信。协议标示符是ws（如果加密，则为wss），

2020-08-21 19:50:45 143

原创项目开发的准备

项目开发的准备本地环境Node.jsnode(npm/yarn) + nvmIDE(Webstorm/Vscode/Atom)Vue-CLi安装命令：npm install -g @vue/cli快速原型开发： npm install -g @vue/cli-service-global测试环境Linux虚拟机自建环境Parallesl/Vmware/Hyperv购买云服务（>1C+2G)安装Docker在Mac os系统安

2020-07-09 20:51:29 154

原创 sql必知必会（学习)

基础查询常用的SELECT语句意义注意select prod_name from products检索单个列select prod_id, prod_name from products检索多个列select * from products检索所有列select distinct vend_id from products返回不同值（去重...

2020-04-18 11:54:32 212

原创 node js全程实例学习

node.js 控制台输出console.log('Node js - console.log() 方法')console.info('Node js - console.info() 方法')/** * 输出json */console.log("%j", {OS:"windows", Version:"8.1", Language:["English", "Chinese"]})...

2020-04-18 09:47:21 422

原创插槽学习与理解

基础如果组件没有包含一个元素，则该组件起始标签和结束标签之间的任何内容都会被抛弃。如果你在模板中写入了/* my-component */<div><slot></slot></div>调用这个组件时,插槽内可以包含任何模板代码<my-component>slot in this</my-component>...

2020-04-17 21:19:18 241

原创编码中的mixin

基础一个mixin是一个对象可以包含任意组件选项，通常用js文件，并在文件导出该对象。再在组件之间复用。// 定义一个混入对象var myMixin = { created: function () { this.hello() }, methods: { hello: function () { console.log('hello from mix...

2020-04-17 12:47:32 87

原创用动态组件写个通用表单组件

基础<keep-alive> <component v-bind:is="currentTabComponent"></component></keep-alive>currentTabComponent可以是已注册组件的名字，或一个组件的选项对象换句话说is attribute 接受一个组件名字比如ElementUI的elIn...

2020-04-17 12:35:03 237

原创 web前端学习收藏文章，文档

基础学习推荐转载:关于前端学习路线的一些建议（内含经典自测题）转载:前端 - 综合成长学习清单转载:这2万字的前端基础查漏补缺知识，请你收藏好！JavaScript函数转载:开箱即用的JS干货助力金三银四转载:（值得收藏）JavaScript工具函数大全转载:13 个 JS 数组精简技巧，一起来看看转载:JS 原生面经从初级到高级【近1.5W字】浮点数转载:JavaScr...

2020-04-15 16:57:31 137

原创渲染函数 & JSX 学习记录

基础Vue.component('anchored-heading', { render: function (createElement) { return createElement( 'h' + this.level, // 标签名称 this.$slots.default // 子节点数组 ) }, props: { lev...

2020-04-14 22:36:32 335

原创 vue插件学习记录

使用场景插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种：添加全局方法或者属性。如：vue-custom-element添加全局资源：指令/过滤器/过渡等。如 vue-touch通过全局混入来添加一些组件选项。如 vue-router添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。一个库，提供自己的 API，同时提供上面...

2020-04-14 22:27:44 107

原创 vue 渲染函数学习记录

基础Vue.component(‘anchored-heading’, { render: function (createElement) { returncreateElement( ‘h’ + this.level, // 标签名称 this.$slots.default // 子节点数组) }, props: { level: { type: Number, required: tr...

2020-04-14 22:23:13 150

转载 vue风格

一个组件专注解决一个单一问题vue组件命名前缀，连字符(-),简短组件表达式简单化,复杂使用 method或computed替代组件prop原子化(是使用原始类型)验证组件的props,为了保证你的组件永远是可用的(防御式编程)将this赋值给component变量(es6)组件结构化-其一（name; extends; props, data 和 computed; compon...

2020-04-14 20:37:50 103

原创 vuex(记忆点）

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。动机单向数据流”理念的简单示意View->Actions->State->View但是当我们的应用遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏：多个视图依赖于同一状态。来自不同视图的行为需要变更同一状态。对于问题一，传参的方法对于多层嵌套的组件将会非常繁琐，并且对于兄弟组件间的状态传递无能为...

2020-04-14 20:36:16 131

原创 vue router(记忆点）

完整的导航解析导航被触发。在失活的组件里调用离开守卫。调用全局的 beforeEach 守卫。在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。在路由配置里调用 beforeEnter。解析异步路由组件。在被激活的组件里调用 beforeRouteEnter。调用全局的 beforeResolve 守卫 (2.5+)。导航被确认。调用全局的 after...

2020-04-14 20:34:54 375

原创 Jquery(dom操作)学习

DOMCore并不专属于JavaScript，任何一种支持DOM的程序设计语言都可以使用它。它的用途并非仅限于处理网页，也可以用来处理任何一种使用标记语言编写出来的文档，例如XML。JavaScript中的getElmentById()、getElementsByTagName()、getAttribute()和setAttribute()等方法，这些都是DOMCore的组成部分。HTML...

2020-04-14 17:06:38 112

原创操作dom

基本 (方法)getElementByIdgetElementsByTagNamegetElementsByClassNamegetAttributesetAttribute这五个方法是将要编写的许多DOM脚本的基石。基本 (属性)childNodesnodeTypenodeValuefirstChildlastChildnextSiblingclassList...

2020-04-14 17:03:06 72

原创 jquery选择器学习记录

jq选择器基本选择器/**id(?) class(*) tag(*) all(*) multi(*) */$('#id') $('.mini') $('div') $('*') $('span', '#two')层次选择器/**后代(*) 子女(*) next(*) 后面所有同辈(*) */...

2020-04-14 16:54:21 88

finnegan