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、transitionname="" -> 手写animate.cssvelocity.js2、进入动画 从0-1v-enter // 进入前v-enter-active // 定义进入过渡生效时的状态v-enter-to // 定义进入过渡结束时的状态3、离开动画 从1-0v-leave // 离开前v-leave-active // 离开中v-leav...

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

MVVM1、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的mountedcomponentDidMount(){setInterval(()=>{// 修改state的唯一方法// @param 要修改的数据// @param 修改完成之后的回调函数this.setState({index:t...

原创 面试必备知识点

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

原创 单页面应用开发

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

原创 浏览器的缓存

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

原创 项目优化

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

原创 常见兼容问题

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

原创 前后端是如何交互的

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

原创 开发流程

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

原创 前端知识点总结

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