- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue父子组件及非父子组件之间的传值
一、父组件向子组件传值在vue中通常使用props向子组件传递数据1.创建子组件，在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建props，然后创建一个名为message的属性3.在App.vue中注册Child组件，并在template中加入child标签，标签中添加message属性并赋值4.保存修改的文件，查看浏览器5.我们...
2019-04-02 20:03:31
3322
1
原创 vue生命周期及钩子函数理解
什么是vue？Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。vue钩子函数1.beforeCreate 创建前执行（...
2019-03-20 19:42:48
390
转载 js中几种实用的跨域方法原理详解
一、什么是跨域？跨域一词从字面意思看，就是跨域名嘛，但实际上跨域的范围绝对不止那么狭隘。具体概念如下：只要协议、域名、端口有任何一个不同，都被当作是不同的域。之所以会产生跨域这个问题呢，其实也很容易想明白，要是随便引用外部文件，不同标签下的页面引用类似的彼此的文件，浏览器很容易懵逼的，安全也得不到保障了就。什么事，都是安全第一嘛。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少...
2019-03-19 21:24:26
478
转载 理解vue双向数据绑定（MVVM模型）
什么是MVVM？MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于View 层。它的核心是 MVVM 中的 VM...
2019-03-18 22:08:41
2233
原创 深入理解Object.defineProperty()
什么是对象及常见的定义方法？对象是由多个名/值对组成的无序的集合。对象中每个属性对应任意类型的值。定义对象可以使用构造函数或字面量的形式：var obj = new Object; //obj = {}obj.name = "张三"; //添加描述obj.say = function(){}; //添加行为除了以上添加属性的方式，还可以使用Object.defineProper...
2019-03-18 21:27:41
297
转载 移动端开发注意事项
1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用。<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"><meta content="yes" name...
2019-03-16 10:03:08
210
转载 RESTful风格的api
一、理解RESTful架构RESTful架构，就是目前最流行的一种互联网软件架构。它结构清晰、符合标准、易于理解、扩展方便，所以正得到越来越多网站的采用。 但是，到底什么是RESTful架构，并不是一个容易说清楚的问题。下面，我就谈谈我理解的RESTful架构。一、起源REST这个词，是Roy Thomas Fielding在他2000年的博士论文中提出的。Fielding是一个非常重要...
2019-03-13 19:53:19
211
原创 HTTP协议及报文详解
哈喽~茫茫人海看到这篇文章就是缘分，是不是整天沉浸在代码的海洋中？在正式进入主题前，为了让效果更好，更容易去理解，先让自己心情放轻松喽。哈哈哈哈！！嗝？先让我们回顾下什么是HTTP：HTTP–Hyper Text Transfer Protocol，超文本传输协议，是一种建立在TCP上的无状态连接，整个基本的工作流程是客户端发送一个HTTP请求，说明客户端想要访问的资源和请求的动作，服务端收到...
2019-03-12 20:08:47
1476
原创 常见关于浏览器兼容性问题处理方法。
什么是浏览器兼容？浏览器兼容性问题又被称为网页兼容性或网站兼容性问题，指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。在网站的设计和制作中，做好浏览器兼容，才能够让网站在不同的浏览器下都正常显示，给用户更好的体验。浏览器兼容的重要性。1）网站做好了浏览器兼容，能够让网站在不同的浏览器下都正常显示2）浏览器兼容能够抓住更多的网站访客3）浏览器兼容能够给客户更好的体验...
2019-03-11 19:41:37
1151
1
转载 SEO优化（搜索引擎优化）
搜索引擎优化是通过采用易于搜索引擎索引的合理手段，使网站各项基本要素适合搜索引擎的检索原则并且对用户更友好(Search Engine Friendly)，从而更容易被搜索引擎收录及优先排序。在介绍seo优化步骤之前先让我们来充分了解下它吧。 搜索引擎优化分为站外SEO和站内SEO两种。SEO的主要工作是通过了解各类搜索引擎如何抓取互联网页面、如何进行索引以及如何确定其对某一特定关键词的搜...
2019-03-09 15:17:08
2272
转载 web前端页面性能优化（提升页面加载速度）
我们都知道，对于web应用来说性能很重要，然而性能的优化相关知识非常庞大而复杂，对于性能优化我们需要做些什么，或者瓶颈是什么通常是我们不太了解的。（当然技术大牛除外）通过查阅相关资料，了解到了一些关于web性能优化的点，其中涉及的知识大致可以分为几类：度量标准、编码优化、静态资源优化、交付优化、构建优化、性能监控。在详细介绍上边内容之前先来介绍一下常见的性能优化方法：（1） 减少http请...
2019-03-09 12:05:40
9893
原创 JavaScript事件传播机制
事件的默认传播机制有三种：事件捕获，目标阶段及冒泡阶段1、事件捕获：通俗的理解就是，当鼠标点击或者触发dom事件时，浏览器会从根节点开始由外到内进行事件传播，即点击了子元素，如果父元素通过事件捕获方式注册了对应的事件的话，会先触发父元素绑定的事件。2、目标阶段：事件对象传递到事件目标。如果事件的type属性表明后面不会进行冒泡操作，那么事件到此就结束了。3、事件冒泡：与事件捕获恰恰相反，事...
2019-03-07 20:20:42
1985
转载 http方法：简要总结get与post两种请求方式的区别
大家都知道get与post是http请求的两种方法，但是你知道其中的区别吗？说起区别，只要是学前端的都能知晓一些，但是你的理解又到了什么深度呢？接下来我会为大家简要介绍其中的一些，欢迎各位继续补充。1、get请求是把参数包含在url中 可以很清晰的看到的，而post请求则是通过request body传递参数的。2、get的安全性较低，与 POST 相比，GET 的安全性较差，因为所发送的...
2019-03-07 19:23:17
1350
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人