weixin_49555741的博客

原创 uniapp中u-switch子组件点击触发到父组件（阻止事件冒泡）

解决方法：在u-switch 外面包和view标签，并使用@tap.stop.prevent 可以阻止事件冒泡。

原创 JS 进阶学习（面试常问）

嵌套关系的作用域串联形成了作用域链相同的作用域链按从小到大的规则查找变量子作用域能访问父作用域，父作用域无法访问子作用域。

原创 搭建vue项目

view文件：新建login/LoginView.vue（大驼峰命名法一定要用！app.vue: 删除style样式，结构保留router-view。component和view文件夹：删除全部文件。

原创 Ajax基础

ajax（阿贾克斯）：实际浏览器提供的一套方法，实现页面无需更新数据，提高用户浏览网站应用的体验，是异步的js和xml。最大优势：无刷新的获取数据页面上拉加载技术列表数据无刷新分页表单项离开焦点数据验证搜索框提示文字下拉列表XML 是可拓展标记语言，用来传输和存储数据xml和html类似：不是的是html是预定义标签，xml是自定义标签，用来表示一些数据现在xml已经被json替代了。

原创 Vue自定义指令

（以局部注册为例）在注册指令时用 xxx，使用时用 v-xxx自定义指令里面的this指向window对象指令名是由多个单词注册，使用a-b命名法，不要用aB命名法。

原创 ES7新特性

includes 方法用来检测是否包含某个数组，返回布尔类型值其他检测包含字符串的方法：indexOf（），返回的是下标值，如果没有则返回-1。

原创 生命周期函数、组件

vm. $template 是替换掉根节点总结：1. 常用的生命周期函数：2. 关于销毁 vue 实例 组件本质是一个VueComponent 的构造函数，是Vue.extend 生成的 只需要写, vue 解析时会帮我们创建组件的实例化对象，即执行： new VueComponent（options） 每次调用Vue.extend ,返回的是一个全新的vueComponent this 指向： （1）组件配置中：data函数、method函数、watch函数、com

原创 web移动端：rem适配布局（重点）

1. rem基础rem是一个相对单位，类似em，em是父元素字体大小不同的rem的基准是相对于html元素的字体大小比如，根元素（html）设置font-size=12px，width=12rem，则换成px就是24pxrem优点：修改html里面文字大小来改变页面的元素的大小控制整体2.媒体查询2.1 媒体查询的概念媒体查询（media query）是css3的新语法使用@media可以针对不同的尺寸设置不同的样式重置浏览器的大小，页面高度和宽度也会重新渲染页面目前

原创 JS：构造函数和原型

在ES6前，对象不是类创建的，是构造函数创建的构造函数是一种特殊的函数，主要用来初始化对象（为对象成员变量赋初始值）

原创 Java基础二

当频繁拼接字符串时使用，提供append增、delete删、replace改、insert查的方法。常见的类和对象：byte\short\int\long\float\double\boolean。语法：StringBuilder s = new StringBuilder("a");

原创 小程序提升篇-npm、数据共享、分包、自定义tabBar

异步API的缺点：小程序提供的异步API都是基于回调函数实现的，例如网络请求的API，容易照成回调地狱的问题，代码可读性维护性差。mobx-miniprogram-bindings：把store中的共享数据和方法，绑定到组件或组件页面中。分包预下载是进入小程序页面时，由框架自动预下载可能需要用到的分包，提升后续进入分包的速度。分包指的是一个完整的小程序项目，按照需求划分不同的子包，用户使用时按需加载。主包：项目的启动页面或者是TabBar页面，以及所有分包用到的公共资源。

原创 小程序提升篇-组件

分“局部引用”和“全局引用”局部引用：页面的.json文件中引入组件//1.组件引用.json// 2.组件使用.wxml文件全局引用：app.json文件中引入在小程序组件中，重要的生命周期函数有created、attached、detached三个created不能调用setData，只能添加自定义属性字段attached进行大多数初始化工作（如发请求获取初始数据），用的最多detached适合做清理性质工作，如清理监听事件。

原创 小程序基础篇-视图与逻辑

在开发过程中，每次刷新都会进入首页，再点进我们所需要的页面微信开发者工具（上方）-- 普通编译--添加编译模式--启动页面这样每次就能快速进入我们开发的页面，提高开发效率生命周期生命周期是值一个对象从 创建--运行-- 销毁 的整个阶段，强调的是一个时间段小程序的生命周期：开始到结束的过程。

原创 微信小程序基础篇-模板与配置

索引名：wx: for-index='name'变量： wx: for-item='xxxtabBar 实现移动端多页面的切换通常分为底部tabBar和顶部tabBartabBar 配置至少2个，至多5个tab页渲染顶部tabBar时，不显示icon，只显示文本。

原创 微信小程序入门篇

pages: 存放小程序页面utils：存放工具性质的模块（例如格式化时间的自定义模块）app.js: 入口文件app.json: 全局配置文件app.wxss: 全局样式文件project.config.json: 配置文件sitemap.json: 配置小程序以页面是否被微信索引宿主环境是指程序运行所必须的依赖环境例如Android系统和IOS系统是两个不同的宿主环境，安卓的微信是不能在IOS环境下运行的，安卓的宿主环境是Android，脱离了宿主环境的软件是没有意义的。

原创 uiniapp和微信小程序的介绍

通用多平台小程序：一套代码可运行多平台（ios、Android、web、微信小程序、支付宝小程序等）性能比原生好（主要是setData方法）专属小程序开发，不能跨平台，兼容性低。

原创 java基础一：基础概念、面向对象

短路与运算：&&，根据第一个条件的结果，是否执行第二个，如 false && false，第二个不用执行。语法：属性类型 名称 = 属性值，即声明并初始化变量；如1/2=0，因为1 2 都是int型，结果也是int型，最小使用类型是int。短路或运算：||，根据第一个的结果，是否执行第二个，第一个为真不执行第二个。对象是将内存地址赋值给变量，所以变量是引用了内存中的变量，所以叫引用变量。算术表达式：是有结果的，如1+5=6，结果是数据类型最大的。对象：具体的事物，如猫，类的实例化 ， new Cat()

原创 表单修饰符、过滤器、内置指令和自定义指令

原创 一Vue基础：绑定样式、条件渲染、列表渲染、列表过滤

key 是DOM对象的标识，当数据发生变化时，vue 会根据新数据生成虚拟DOM，随后vue将新的虚拟DOM与旧虚拟DOM的差异使用diff算法进行比较，最后创建新的真实DOM。真实的dom是没有key的，虚拟dom有key，vue 会将初始的虚拟dom和新虚拟dom 使用 diff 对比算法进行比对，最后将虚拟dom转为真实dom。vue 监测对象数据改变:只要修改数据，多层嵌套的都可以， set 和get就会监测到，就会重新生成模板，生成虚拟dom........

原创 一、Vue基础篇：MVVM模型、数据代理、事件修饰符、键盘事件、计算属性、监视（侦听）属性

定义通过一个对象代理另外一个对象中的属性的操作（读写删）属性不可以被枚举的（遍历），enumerabletrue可以枚举值是不能修改的，writabletrue,可以修改值属性默认不能删除configurabletrue,可以删除属性name'lisa',sex'boy'}//数据代理value18,//控制属性是否可以枚举，默认值falsetrue,//控制属性是否可以被修改，默认值falsewritabletrue,...

原创 vue3 学习二

shallowReactive：只处理对象最外层属性的响应式（浅响应式）。shallowRef：只处理基本数据类型的响应式, 不处理对象的响应式。使用场景如果有一个对象数据，结构比较深, 但变化时只是外层属性变化 ===> shallowReactive。如果有一个对象数据，后续功能不会修改该对象中的属性，而是生新的对象来替换 ===> shallowRef。readonly: 让一个响应式数据变为只读的（深只读）。shallowReadonly：让一个响应式数据变为只读的（浅只读）。应用场景: 不希望数据

原创 Vue 3学习一：介绍和常用的API

目录1. 介绍2. 常用 Composition API2.1 setup2.2 ref函数2.3 reactive函数2.4 Vue3中的响应式原理2.4.1 vue2的响应式2.4.2 Vue3.0的响应式 2.5 reactive对比ref2.6 setup的两个注意点2.7 computed函数 2.8 watch函数2.9 watchEffect函数 2.10 vue 3 生命周期 2.11 自定义hook函数2.12 toRef 和 toRefs2020年9月18日，Vue.js发布3.0版本

原创 vue-router

目录1. 概念1.1 vue-router的概念1.2 SPA的概念2. 基本使用2.1 搭配环境和使用2.2 注意点2.3 多级路由（多级路由）2.4 路由query 传参2.5 命名路由2.6 路由的params传参2.6 路由的props配置2.7 的replace属性2.8 编程式路由导航2.9 缓存路由组件 2.10 生命周期的钩子 activated和deactivated3. 路由守卫3.1 全局守卫3.1.1 全局前置守卫3.1.1 全局后置守卫3.2 独享守卫3.3 组件内守卫4. 路由

原创 vuex使用

目录1. 概念1.1 使用情景2. 搭建vuex环境3. 基本使用4. getters 配置项5. 四个map方法的使用5.1 mapState5.2 mapGetter5.3 mapActions方法5.4 mapMutations方法5.5 总结1.6 模块化 js绑定的是表达式创建文件：在中创建vm时传入配置项mutation 里面的函数是大写的，actions是小写的初始化数据、配置、配置，操作文件 组件中读取vuex中的数据： 组件中修改vuex中的数据： 或 备注：若没

原创 vue中的 axios

目录1. vue 中的 ajax 请求库2. ajax 跨域问题2.1 配置代理法一：devServer.proxy2.1 配置代理法二：path: options3. 插槽3.1 默认插槽3.2 具名插槽3.3 作用域插槽发送ajax请求库的方法：vue.config.js文件配置 可以访问public 里面的全部文件 缺点：只能配置一个端口的代理；不能灵活的控制是否代理（不代理就是使用public文件夹） 优点：配置简单，请求资源时直接发给前端（8080）即可。 工作方式：若按照上述配置代

原创 Vue-cli 脚手架二

目录1. webStorage 浏览器本地存储1.1 案例使用2. 组件自定义事件2.1 介绍2.2 绑定自定义事件2.3 触发事件2.4 解绑自定义事件2.5 总结3. 全局总线3.2案例4. 消息订阅与发布5. $nextTick6. 过渡和动画6.1 使用6.2 集成第三方动画相关API： 该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值。该方法接受一个键名作为参数，返回键名对应的值。该方法接受一个键名作为参数，并把该键名从存储中删除。该方法会清空存储中的所有数据。

原创 Vue-cli 脚手架一

目录1. 介绍1.1 说明1.2 安装 1.3 分析vue 脚手架1.3.1 子文件1.3.2 src 文件夹 1.3.3 public 文件夹1.4 render 函数1.5 脚手架的默认配置1.6 ref 属性1.7 props 父传子参数 1.8 mixin 混入1.8 插件1.9 scoped 样式 2. ToList案例2.1 组件化编码流程（通用）2.1.1 静态组件2.1.2 初始化案例2.1.3 交互 2.2 案例总结在电脑左下角的搜索框输入cmd，进入命令行一、防止下载慢可以配置npm

原创 Vue 组件化

目录1. 概念2. 非单文件组件的使用 2.1 组件注意点2.2 组件嵌套 2.3 VueComponent 函数2.4 内置关系 3. 单文件组件（重点）3.1 Student.vue3.2 App.vue3.3 main.js 文件：3.4 index. html 3.5 总结1.创建组件 2. 注册(局部)组件：3. 编写组件标签： 2.1 组件注意点组件名写法组件名尽可能回避HTML中已有的元素名称，例如：h2、H2都不行。可以使用name配置项指定组件在开发者工具中呈现的名字。组件标签

原创 Vue生命周期

含义：vue实例从创建到销毁的整过程下面是vue的4个生命周期函数：template：只可以放一个根节点，容器里面的内容可以为空，内容放template里面，template里面的内容替换了容器里面的东西，不能让作为跟元素总结：...

原创 jQuery基础：属性操作、文本属性、元素操作、尺寸位置操作、事件

1. 属性操作1.1 设置或者获取元素固有属性值prop（）元素本身自带属性，如a 里面的href值1.1.1 设置属性值prop("属性")1.1.2 获取属性值prop("属性","属性值")2. 本文属性3. 元素操作4. 尺寸位置操作............

原创 缓动画原理:js轮播图，返回顶部

用三元表达式判断是往前走还是往回走，如果是往前走就用Math.ceil()向上取整，往回走就是想下取整Math.floor()回调函数原理：函数作为一个参数，这个函数作为参数传递到另一个函数里，这个函数执行完，再执行传进去的这个函数，这个过程叫回调函数。在动画函数加一个参数 function animate（，，callback）{防止轮播图按钮点击过快造成播放过快。轮播图也称焦点图，在网页中经常看见。3. 点击小圆圈可以滑动图片。6. 点击小圆圈图片跟随变化。小圆圈的索引号乘图片的宽度。

原创 jQuery 入门：概念、基本使用、选择器、样式操作、动画效果

1. jQuery概述1.1 JavaScript 库概念：是一个封装好的特定的集合（方法和函数）如动画animate、hide、show，获取函数简单理解：就是对原生的js进行封装；比如jQuery是为了快速方便的操作DOM，里面是函数和方法常见的JavaScript库：jQuery、prototype、YUI、dojo原理是对原生的js进行封装，内部都是用JavaScript实现的1.2 jQuery 的概念是一个快速、简洁的JavaScript库，把js中DOM进行封装、可

原创 PC端网页特效：偏移量offset、可视client、滚动scroll、动画效果及其案例

1. 元素偏移量1.1 offset 概述offset 翻译就是偏移量，使用这个系列相关属性可以动态得到该元素的位置（偏移）、大小获取元素距离带有定位父元素的位置 获得元素自身的大小（宽度高度） 注意：返回的数不带单位offset 常用属性 ：.offsetWidth=padding+border+width（.offsetHeiht同） .offsetTop/.offsetLeft：如果父级没有定位，以body为准.offsetParent 与.parentNode 的区别：

原创 web移动端：flex布局

1. flex布局体验1.1 传统布局和flex布局建议：如果是PC端用传统的页面布局 如果是移动端不考虑兼容问题可以使用flex弹性布局1.2 初体验1.2.1 搭建HTML结构 <div> <span>1</span> <span>2</span> <span>3</span> </div>2. fl...

原创 BOM：js执行机制、location对象、navigator对象、history对象

目录1. JS执行机制1.1 js 是单线程语言1.2 同步和异步1.3 同步任务和异步任务执行过程1.4 js 执行机制2. location 对象2.1 概念​编辑2.3 location 常用的属性3. navigator 对象4. history 对象1. JS执行机制1.1 js 是单线程语言js语言的最大特点是单线程，同一个时间做一件事情单线程所有的任务需要排队，前一个任务结束才会执行下一个任务，js执行时间过长，造成页面渲染加载堵..

原创 BOM：BOM概述、window 对象事件（窗口加载和窗口大小）、定时器及其案例和源码

1. BOM概述1.1 是什么BOM（browser object model）浏览器对象模型，是独立于内容的于浏览器窗口进行交互的对象，核心是window BOM是由一系列的对象构成，每个对象都有方法和属性1.2 BOM 的构成BOM 比DOM 大，它包含DOM widow 对象是浏览器的顶级对象，具有双重角色 是js访问浏览器的接口 是一个全局对象，定义在全局作用域中的变量、函数都会变成windows对象的属性和方法，在调用时可以省略注意：windows一个特殊属性wind.

原创 bootstrap前端开发框架

1. bootstrap 简介bootstrap 来自Twitter （推特），他是基于HTML、CSS、JavaScript的，使web开发更加快捷Bootstrap v3 中文文档 · Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 | Bootstrap 中文网 (bootcss.com)1.1 优点标准化的html+css编码规范 提供一套简洁、直观的组件 不断迭代更新1.2 版本3.x

原创 web移动端：流式布局

1. 移动端基础1.1 浏览器现状pc端浏览器：360、谷歌、火狐、百度、ie移动端浏览器：uc、qq、百度、谷歌、搜狗移动端浏览器主要是对webkit内核进行兼容开发的总结：兼容移动端主流浏览器，处理webkit内核浏览器即可1.2 手机屏幕现状尺寸多，碎片化；Android、iPhone设备分辨率多；我们常用的单位是px1.3 移动端调试方法Chrome devtools（谷歌）的模拟手机调试 搭建本地web服务器，手机和服务器一个局域网，通过手机访问浏览器2..

原创 黑马vue学习路线

vue 学习路线第一天：前端工程化与webpack前端工程化的相关概念 wabpack 的常见用法 打包发布第二天：vue基础入门-part1vue基本使用步骤vue 中常用的指令vue-devtools 调试工具目标:完成vue 指令完成页面结构渲染，使用vue调试工具辅助vue开发第三天：vue基础入门-part2过滤器和侦听器 计算属性的用法 axios的基本用法 vue-cil 的安装和使用目标：在实际开发中运用过滤器、侦听器、计算属性解决问题。用axi

原创 Vue基础：常用12个内置指令、自定义指令、过滤器

1. 指令1.1 v-text 指令设置文本属性，替换掉的全部内容 如果需要替换部分内容用{{}}插值表达式 内部支持写表达式<body> <div id="app"> <h2 v-text="msg"></h2> <h3>{{name}} </h3> </div> <script type="text/javascript">