前端学习笔记
文章平均质量分 57
潇漠大王
这个作者很懒,什么都没留下…
展开
-
实现vuex插件
一、组件常用通信方式1、 props和$emit2、通过$parent,$root,$children, $refs3、$attrs 和 $listeners4、provide和inject5、事件总线eventbus6、vuex原创 2020-10-27 10:23:40 · 284 阅读 · 0 评论 -
实现vue-router插件
一、需求分析作为一个插件存在:需要实现vueRouter类及install方法;实现两个全局组件: router-link用于路由跳转,router-view用于展示组件内容;监控url变化:监听hashchange事件和load事件;展示对应url内容: 创建一个响应值,当它改变时,展示对应的组件内容。二、准备工作创建一个vue项目,安装vue-router改造router/index.js文件,增加一个路由,用于跳转,如下export default new Router({原创 2020-10-20 14:37:43 · 453 阅读 · 0 评论 -
关于vue双向数据绑定实践(element-ui)
项目有一个优化需求,原项目截图如下:这是一个输入框,因为业务关系,被放到了表格里边,导致整个输入框很小,输入数据时很不方便。所以我想的一个优化方案是,当点击这个输入框时,会弹出一个更大的输入框,用户可在这个弹出框里输入数据,然后再把这个弹出框的内容传回这个小输入框。具体效果如下:点击编辑按钮之后,弹出如下框:点击确定后,弹窗里的内容同步到小框框里。具体实现方法:小框框添加一个点...原创 2019-07-26 18:40:58 · 1822 阅读 · 3 评论 -
MYSQL和Navicat安装教程
作为一个前端猿,每次换电脑都要安装一次mysql,每次安装都能遇到新问题,这次记录一下过程,以备下次换电脑之需。首先,下载适合自己电脑的安装包,未免下次找不到,直接把需要的工具放网盘,需要的朋友自取。https://pan.baidu.com/s/1LIRGMEyhyBEypBumquRAaA 提取码: inbg需要工具:mysql-5.7.17-winx64、Navicat_11;...原创 2019-07-04 18:53:32 · 8599 阅读 · 0 评论 -
Web端即时通信技术
概述 以前限制web开发接近原生应用的一大障碍就是web开发很难实现即时通信。因为在web应用中,由于其使用的http协议的特殊性,只有用户在界面中进行操作后,服务器的到客户端的信息,才能进行响应。也就是说,使用web开发接近原生应用的一大障碍是服务器端不能主动向客户端发送信息。 &nb...原创 2018-06-15 10:48:24 · 1807 阅读 · 0 评论 -
Web笔记(五)——JavaScript之变量,函数与方法
变量函数(1) 函数的定义:JavaScript的函数是Function类的一个实例。函数名为引用类型变量,指向该函数对象。它有三种定义的方法: 方法1:定义全局变量function sum(num1,num2){ return num1+num2;}方法2:字面量定义var sum = function(num1,num2){ return num1+...原创 2018-05-30 08:50:28 · 426 阅读 · 0 评论 -
Web笔记(四)——JavaScript之数据类型与变量
    ECMAScript中有5种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number和String。还有一种复杂数据类型——Object,Object本质上是由一组无序的名值对组成的。 Undefined类型      Undefined类型只有一个值—原创 2018-05-24 23:42:05 · 223 阅读 · 0 评论 -
Web笔记(三)——CSS布局
1. 盒模型的概念       CSS框模型(也被称为“盒模型”)是网页布局的基础,每个元素被表示为一个矩形的方框,包括框的内容(content),内边距(padding),边界(border),外边距(margin),如下图所示。浏览器在渲染网页布局时,会计算出每个框的内容要用什么样式,框的边距有多大,以及框相对于其他框放在哪里。   &amp原创 2018-05-22 09:04:17 · 253 阅读 · 0 评论 -
Web笔记(二)——认识CSS
1. 什么是CSS,CSS是如何工作的 CSS(Cascading Style Sheets)指层叠样式表,它定义如何显示HTML元素, 2. CSS的基本语法是怎样的 3. CSS选择器是什么概念,简单选择器和属性选择器是什么 4. 文本样式都有哪些相关属性,对应哪些值...原创 2018-05-18 10:44:45 · 226 阅读 · 0 评论 -
web笔记(一)——认识html
原创 2018-05-10 00:06:21 · 346 阅读 · 0 评论