xiaoxicccc-CSDN博客

原创浅谈对prototype和proto的理解

谈谈对prototype和__proto__的理解 prototype 原型每一个函数都有的一个属性。创建对象的方法(工厂方法)如果将函数添加在prototype原型对象上。那么通过工厂方法创建出来的对象，可以共享所有prototype原型对象上的函数。 var arr1 = [10, 20, 30, 40, 50]; var arr2 = new Array(1, 2, 3, 4, 5); Array.p

2020-09-08 21:13:46 166

原创移动端的开发详解与1px边框等注意事项

移动端开发我们现在关注的点还在移动M站上，或者我们可以叫做webapp，其实就是运行在移动端浏览器中的web网站。app:application应用程序。手机软件:主要指安装在智能手机上的软件，完善原始系统的不足与个性化。移动端开发是与PC端肯定是有很大不同的，所以我们需要学习如何在移动设备上开发完美适配的app开发移动端应用我们需要学习的知识点可以分成如下几个：移动端布局适配移动端事件移动端交互效果移动端前端框架移动端调试移动端布局适配从屏幕尺寸、屏幕类型

2020-09-07 14:13:15 413

原创 Vue双向数据绑定的原理+mvc mvp mvvm设计模式图解

vue特点易用（使用成本低），灵活（生态系统完善，适用于任何规模的项目），高效（体积小，优化好，性能好）Vue是一个MVVM的js框架，但是，Vue 的核心库只关注视图层，开发者关注的只是m-v的映射关系MV*模式（MVC/MVP/MVVM）mv*模式MVCModel View Controller 用户对View操作以后，View捕获到这个操作，会把处理的权利交移给 Controller；Controller会对来自View数据进行预处理、决定调用哪个Model的接

2020-09-05 16:00:31 444

原创 Vue计算属性（computed）带案例详解

计算属性复杂逻辑，模板难以维护(1) 基础例子有的时候我们需要在模板中使用数据a，这个时候就需要用到表达式，但是有的地方我们需要对a数据进行一些简单的处理后才能使用，那么我们就会在表达式中写一些js逻辑运算<div id="example"> {{ message.split('').reverse().join('') }}</div>这样我们的维护就会非常困难，也不便于阅读(2) 计算缓存 vs methods我们就可以在methods里设置一个方法，在模

2020-09-05 15:57:18 1011

原创 Vue中的自定义指令（directive）带案例详解

自定义指令自定义指令介绍 directives - 对普通 DOM 元素进行底层操作(1) 自定义指令注册当页面加载时，该元素将获得焦点 (注意：autofocus在移动版 Safari 上不工作)。事实上，只要你在打开这个页面后还没点击过任何内容，这个输入框就应当还是处于聚焦状态。现在让我们用指令来实现这个功能：// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: functi

2020-09-04 18:10:23 3212

原创 react各生命周期的详解

各生命周期详解1.constructor(props)如果不初始化 state 或不进行方法绑定，则不需要为 React 组件实现构造函数。在 React 组件挂载之前，会调用它的构造函数。在为 React.Component 子类实现构造函数时，应在其他语句之前前调用 super(props)。否则，this.props 在构造函数中可能会出现未定义的 bug。通常，在 React 中，构造函数仅用于以下两种情况：通过给 this.state 赋值对象来初始化内部 state。为事件处理函数

2020-09-04 18:06:46 119

原创 Vue的vue-router路由导航守卫及其解析

导航守卫一、什么叫导航？导航就是路由正在发生变化二、导航守卫、路由守卫、路由的钩子函数在路由发生变化时会自动触发的一些函数三、守卫有哪些一、全局守卫（通过new VueRouter()生成的这个实例对象去使用） 1.全局前置守卫 beforeEachrouter.beforeEach((to, from, next) => {}) 2.全局后置守卫 afterEachrouter.afterEach((to, from) => { //afterEach 是在

2020-09-04 11:45:07 1014

原创 Vue项目的现代化（使用Vue-cli脚手架快速搭建Vue项目）

现代化的 vue项目目前为止，我们的vue的讲解都是通过cdn的方式去弄的。而现代化的 vue 项目，用的是构造工具打包工具 npm相关的方法。构建打包工具使用的是webpack可以理解为gulp类似的东西使用vue官方的脚手架工具（@vue/cli）快速搭建现代化的 vue 项目什么叫脚手架呢？快速搭建项目的工具。如何使用全局安装工具$ npm install @vue/cli -g全局安装完成之后，提供了一个vue的命令。使用vue -v 来查看一下脚手架的版本$

2020-09-04 11:42:43 171

原创 Vue的生命周期钩子函数详解

生命周期每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化、运行中、销毁实例、组件通过new Vue() 创建出来之后会初始化事件和生命周期，然后就会执行beforeCreate钩子函数，这个时候，数据还没有挂载到，只是一个空壳，无法访问到数据和真实的dom，一般不做操作挂载数据，绑定事件等等，然后执行created函数，这个时候已经可以使用到数据，也可以更改数据,在这里同步更改数据不会触发updated函数，一般可以在这里做初始数据的获取。做异步ajax，绑定初始化事

2020-09-04 11:36:52 105

原创 JS中的 for循环详解

JS for循环中有三个参数，分别为for(初始化变量；判断条件；变量变化)，但其中的写法还是有很大变化性。一.基础循环for(var i=0;i<10;i++){console.log(i);}打印0-9；二.第三个参数++i和i++效果一样for(var i=0;i<10;++i){console.log(i);}还是打印0-9三.第三个条件缺省，放入循环中...

2020-03-26 12:43:26 831 1

原创 CSS盒模型的介绍

CSS盒模型的介绍CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距（margin），边框（border），填充（padding），和实际内容（content）。盒模型的特点每个盒子都有：边距（margin），边框（border），填充（p...

2020-03-16 15:45:40 113

原创前端开发 CSS3 阴影（css3新特性）

CSS3 - 给div或者文字添加阴影（盒子阴影、文本阴影的使用）CSS3定义了两种阴影：盒子阴影和文本阴影。其中盒子阴影需要IE9及其更新版本，而文本阴影需要IE10及其更新版本。下面分别介绍两种阴影的使用：1，盒子阴影（1）盒子阴影的属性是 box-shadow前两个值分别表示阴影水平方向和垂直方向的偏移量。第三个值表示模糊距离。最后一个值是阴影颜色。（2）盒子阴影是可以随着盒...

2020-03-08 21:51:18 260

xiaoxicccc的博客