weixin_45408970的博客

原创 目录规范

目录规范 ├── build // 构建相关 ├── config // 配置相关 ├── src // 源代码 │ ├── api // 所有请求 │ ├── assets // 主题 字体等静态资源 │ ├── components // 全局公用组件 │ ├── directive // 全局指令 │ ├── filters // 全局 filter │ ├── icons // 项目所有 ...

原创 小程序wepy组件通信

组件通信 $emit 子向父通信 $broadcast 父向子通信 父子通信：父组件传递数据给子组件 1、通过props传值 如果需要传递动态属性值需要添加.sync修饰符 如果要在子组件中修改父组件数据需要在接受的时候添加 twoWay: true 如果需要数据双向绑定需要（.sync 和 twoWay 同时） 2、实用$broadcast将数据广播到所有子组件中 子父通信：子组件传递数据给...

原创 小程序路由

小程序路由 1、路由管理 在小程序中所有页面的路由全部由框架进行管理，框架以栈的形式维护了当前的所有页面。 2、栈（计算机术语） 栈（stack）又名堆栈，它是一种运算受限的线性表。其限制是仅允许在表的一端进行插入和删除运算。这一端被称为栈顶，相对地，把另一端称为栈底。向一个栈插入新元素又称作进栈、入栈或压栈，它是把新元素放到栈顶元素的上面，使之成为新的栈顶元素；从一个栈删除元素又称作出栈或退栈，...

原创 虚拟DOM和真实DOM的关系

虚拟DOM和真实DOM的关系 首先，Virtual DOM并没有完全实现DOM，即虚拟DOM和真正地DOM是不一样的，Virtual DOM最主要的还是保留了Element之间的层次关系和一些基本属性。因为真实DOM实在是太复杂，一个空的Element都复杂得能让你崩溃，并且几乎所有内容我根本不关心好吗。所以Virtual DOM里每一个Element实际上只有几个属性，即最重要的，最为有用的，并...

原创 Vue动画

Vue动画 1、transition name="" -> 手写 animate.css velocity.js 2、进入动画 从0-1 v-enter // 进入前 v-enter-active // 定义进入过渡生效时的状态 v-enter-to // 定义进入过渡结束时的状态 3、离开动画 从1-0 v-leave // 离开前 v-leave-active // 离开中 v-leav...

原创 MVVM是什么？以及MVVM优点

MVVM 1、MVVM是什么？ MVVM是Model-View-ViewModel的简写 它本质上是MVC 的改进版 MVVM（Model-View-ViewModel）框架的由来是MVP（Model-View-Presenter）模式与WPF结合的应用方式时发展演变过来的一种新型架构框架 2、MVVM优点 MVVM模式和MVC模式一样，主要目的是分离视图（View）和模型（Model），有几大...

原创 vue原理图

原创 十大经典算法排序总结对比

十大经典算法排序总结对比 冒泡排序（Bubble Sort） 冒泡排序须知： 作为最简单的排序算法之一，冒泡排序给我的感觉就像Abandon在单词书里出现的感觉一样，每次都在第一页第一位，所以最熟悉。。。冒泡排序还有一种优化算法，就是立一个flag，当在一趟序列遍历中元素没有发生交换，则证明该序列已经有序。但这种改进对于提升性能来说并没有什么太大作用。。。 什么时候最快（Best Cases）： ...

原创 轻松搞定JSONP跨域请求

一、同源策略 要理解跨域，先要了解一下“同源策略”。所谓同源是指，域名，协议，端口相同。所谓“同源策略“，简单的说就是基于安全考虑，当前域不能访问其他域的东西。 一些常见的是否同源示例可参照下表： 在同源策略下，在某个服务器下的页面是无法获取到该服务器以外的数据的。 当出现跨域问题时会报错，如下： 但img的src（获取图片），link的href（获取css），script的src（获取jav...

原创 前后端是如何交互的

前后端是如何交互的 iOS，H5，安卓等前端开发的如何跟后台进行交互? 应该怎么去规避一些不该属于自己的任务而被后台强加于自己? 1.前端请求数据URL由谁来写? 在开发中,URL主要是由后台来写的,写好了给前端开发者.如果后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数，这里的查询参数也就是URL请求的参数。 2.接口文档主要由谁来写 接口文...

原创 高阶组件

高阶组件 1、什么是高阶组件？ 高阶组件就是一个 React 组件包裹着另外一个 React 组件 因为要访问它的内部状态，所以要用到继承 高阶组件就是一个函数，它接受另一个组件作为参数，并返回一个新的组件。 当 React 组件被包裹时（warped），高阶组件会返回一个增强的 React 组件。 高阶组件让代码更具有复用性、逻辑性和抽象特性。 2、侵入式 利用super传递下去 import ...

原创 环境配置

环境配置 重装系统 系统下载 Git环境 安装和公钥/私钥的配置 常用命令 提交之前需要配置全局用户和密码，git commit的时候需要 git config --global user.name "your name" git config --global user.email "you email" Node环境 安装教程 可以查看到node版本和npm版本即可 cnpm配置 npm...

原创 小程序组件化

小程序组件化 wxml节点信息API 在小程序中使用wx.createSelectorQuery()获取到SelectorQuery对象，这个对象提供了对应的节点操作方法 in(this) 将节点选区范围指向当前组件，默认只会查找当期页面 select() 根据css选择器查询到匹配结果的第一个元素节点，返回的 NodesRef对象实例 selectAll() 和select一样只不过他可以匹配多...

原创 Redux中间件

Redux中间件 1、applyMiddleware 方便调试，实时触发，线下使用 import {createStore，applyMiddleware} from 'redux'; import reducers from './reducers'; import Logger from 'redux-logger'; export default create...

原创 React生命周期

React生命周期 react16当前生命周期 1、componentDidMount() // 组件挂载完成之后触发的生命周期 相当于vue的mounted componentDidMount(){ setInterval(()=>{ // 修改state的唯一方法 // @param 要修改的数据 // @param 修改完成之后的回调函数 this.setState({ index:t...

原创 面试必备知识点

面试必备知识点 CSS 盒模型 CSS的单位和应用场景及Rem的设置 定位，回流与重绘 IFC、BFC与清除浮动 兼容处理 原生JS 变量提升配合作用域链 原型链 继承 闭包 new与面向对象 event loop event delegation/proxy 节流与防动 Promise原理 SPA路由原理 本地存储localStorage、sessionStorage与cookie之间的区别 V...

原创 单页面应用开发

sidebar: auto sidebarDepth: 2 单页面应用开发 MPA与SPA简介 ::: tip MPA MPA (Multi-page Application) 多页面应用指的就是最传统的 HTML 网页设计，早期的网站都是这样的设计，所之称为「网页设计」。使用 MPA 在使用者浏览 Web 时会依据点击需求切换页面，浏览器会不停的重载页面 (Reload)，整个操作也常感觉卡卡...

原创 浏览器的缓存

sidebar: auto sidebarDepth: 2 浏览器的缓存 概念 浏览器缓存主要是指http请求的缓存，作用是不言而喻的，能够减少资源请求，极大的改善网页性能，提高用户体验。浏览器第一次获取到资源后，然后根据返回的信息来告诉如何缓存资源，可能采用的是强缓存，也可能告诉客户端浏览器是协商缓存，这都需要根据响应的header内容来决定的。 图解 浏览器第一次请求时 [外链图片转存失败...

原创 项目优化

sidebar: auto sidebarDepth: 2 项目优化 为什么需要项目优化 在互联网快速发展的今天，在实现完功能之后，项目优化是一个被经常提到的话题。很多项目会在开发排期中留大量时间去做一轮又一轮的性能优化，就是为了让页面尽可能早的到达用户，提高交互的流畅程度。 在系统可利用系统资源有限的大背景下，3秒呈现内容的原则下，项目优化显得格外重要。 每减少0.1秒加载速度可能会给你带来几...

原创 常见兼容问题

sidebar: auto sidebarDepth: 2 常见兼容问题 如何处理兼容问题 在Can I Use网站查询兼容情况 在JS代码里使用对象检测，判断该特性是否支持 eg: ‘XMLHttpRequest’ in window ‘WebkitMask’ in document.documentElement.style 使用postcss做样式的后处理 样式问题 清除浏览器默...

原创 前后端是如何交互的

sidebar: auto sidebarDepth: 2 前后端是如何交互的 iOS，H5，安卓等前端开发的如何跟后台进行交互? 应该怎么去规避一些不该属于自己的任务而被后台强加于自己? 1.前端请求数据URL由谁来写? 在开发中,URL主要是由后台来写的,写好了给前端开发者.如果后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数，这里的查询参数...

原创 开发流程

图解 项目流程 需求 评审 召集需求涉及到的UI、开发、产品、测试人员整理业务流程，同步信息，明确分工 明确需求目的，考虑当前需求设计是否可满足目的 整理流程中如果涉及的其他人员，则召集商讨 如需求设计上影响现有业务功能，应要求产品重新设计实现方案，然后重新评审 注意事项 业务流程同步：评审后重新梳理流程，存在疑问处及时找产品沟通 周边需求依赖：评审功能与依赖功能并行开发，由于前置需求未完成导致当...

原创 前端知识点总结

知识点笔记 GitHub ads via CarbonLimited time offer: Get 10 free Adobe Stock images. ads via Carbon 目录规范 目录规范 命名规范 变量 注释 空格 分号 方法 箭头函数 类和构造器 比较运算符和等号 块 ESlint ESlint2 目录规范 ├── build // 构建相关 ├── config // 配置...