Vue.js 是一款流行的前端框架，它提供了一些方便的机制来管理组件之间的通信，其中包括组件传值。组件传值是指在不同组件之间传递数据或事件，以实现组件之间的交互和通信。本文将详细介绍 Vue.js 中的组件传值机制，包括父子组件传值、兄弟组件传值、跨级组件传值等多种方式。
截取字符串是我们在工作中十分常见的需求，像我这种记性差的，就总记不住那几个词，每次用到都得去百度，然后每次百度到的内容还都不一样，然后就百度到啥就用啥，一直也没有研究一下几种截取字符串的方法有啥区别。于是今天就来自己总结一下几种截取字符串的方法，下一次再忘了看自己的总比再去搜强。
ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。
created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。
由于最近公司需要做H5页面，然后嵌入到微信公众号中去，从公众号菜单点击进入H5页面进行操作，需要使用 Vue 来做。之前由于部门中没有使用 Vue 做过任何下项目，所以我花了大概一周的时间来学习研究了 Vue 的语法，搭建开发环境，打包部署等，经历了从零开始学习 vue 到较为熟练开发的过程，所以在此记录下搭建过程。
componentWillMount: 组件将要被挂载，此时还没有开始渲染虚拟DOM render：第一次开始渲染真正的虚拟DOM，当render执行完，内存中就有了完整的虚拟DOM了 componentDidMount: 组件完成了挂载，此时，组件已经显示到了页面上，当这个方法执行完，组件就进入都了 运行中 的状态
在前端开发的时候，处理数据、传递数据是非常常用的操作方式，也是前端开发工作中非常重要的部分。尤其是在前端开发过程中的组件之间的数据传递，是必用操作。那么本篇博文就来分享一下在前端开发的时候，对于在使用组件的时候进行数据传递处理的操作使用。
跨文档通信（cross-document messaging）、worker通信（cross-worker messaging）、通道通信（channel messaging）
readonly和disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去（readonly接受值更改可以回传，disable接受改但不回传数据）。 一般比较常用的情况是：
开发小程序，总是避免不了页面和页面之间数据共享，实现方法有很多种，今天就详细讲解下小程序页面传值，需要的朋友可以参考下。
函数组件中我们一般情况下使用useEffect实现数据的请求 // useEffect Hook 看做 componentDidMount，componentDidUpdate 和 componentWillUnmount (加载，更新，卸载)这三个函数的组合。 语法格式： useEffect(()=>{ },[])
1. Vue.js－是国内开发者尤雨溪开发的js框架，它是实现UI层的渐进式框架, Vue借鉴了Angular的指令、React中组件和props等优点进行设计，从最简单的数据处理，到数据交互，到DOM操作，到路由处理等，VueJS都有完整的解决方案。
当数据改变触发渲染层重新渲染的时候，会校正带有 key 的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且提高列表渲染时的效率
朋友们可以百度下 Session Storage（程序退出销毁） 和 Local Storage（长期保存） 的区别。
父组件通过prop的方式向子组件传递数据，而通过$emit子组件可以向父组件通信。
MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，ViewModel 是一个同步 View 和 Model 的对象。
变量提升的表现是，无论在函数中何处位置声明的变量，好像都被提升到了函数的首部，可以在变量声明前访问到而不会报错。
我们在进行vue开发的时候，还记得我们自己创建的vm对象吗，这个vm对象我们称为一个大组件，根组件(页面上叫Root)，在一个网页的开发中，根据网页上的功能区域我们又可以细分成其他组件，或称为子组件，看下面的图解：
创建一个公共的Js文件，让其专门负责传值。就像公共的交通工具bus，data可以乘坐这辆bus到达指定的站台（相应的组件）
传值是获取一份儿相同的值，并自身重新开一份儿属于自己的内存地址,两个变量是互相独立的并不会互相影响。
近日，有朋友问我关于WKWebView与JS的交互问题，可我之前一直使用的是UIWebView，也不曾做过WKWebView的交互啊！接下来大家一块学习下WKWebView是怎么实现原生代码和JS交互的。
console.log(data1, data2, e) //输出 1 2 event内容
Vue是国内开发者尤雨溪开发的JavaScript框架，它是实现UI层的渐进式框架, Vue借鉴了Angular的指令、React中组件和props等优点进行设计，从最简单的数据处理，到数据交互，到DOM操作，到路由处理等，Vue都有完整的解决方案。
在小程序中各个页面之间是相互独立的,一个页面分为渲染层(视图层 webview),逻辑层(JavaScript),系统层(底层)
获取数据: 解构赋值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>解构赋值</title
以下问题选自各国企央企面试题以及本人招人过程中涉及到比较多的题目，删除了一些比较基本以及偏门的一些问题，如果可以100%掌握，相信可以找到一份不错的工作！Good Luck！
最近在学React Native，了解了一个原本iOS中非常重要的导航控件的使用方法。不过在React Nativa中，这个导航控件是不会自带顶部的导航栏的，也不会自动生成返回按钮之类的，只是提供了类似的导航功能，且原理也是出栈入栈的方式，也就是说同样是有着push和pop方法的。这里不讲React Native的基础了，直接讲一讲Navigator这个组件的基本使用方法。
在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为自己的子组件，那么我们如何进行给子组件进行传值呢？如果是电商网站系统的开发，还会涉及到购物车的选项，这时候就会涉及到非父子组件传值的情况。当然你也可以用Vuex状态管理工具来实现，这部分我们后续会单独介绍。我先给大家介绍Vue开发中常用的三种传值方式。
预处理器，其实就是 CSS 世界的“轮子”。预处理器支持我们写一种类似 CSS、但实际并不是 CSS 的语言，然后把它编译成 CSS 代码： 那为什么写 CSS 代码写得好好的，偏偏要转去写“类 CSS”呢？这就和本来用 JS 也可以实现所有功能，但最后却写 React 的 jsx 或者 Vue 的模板语法一样——为了爽！要想知道有了预处理器有多爽，首先要知道的是传统 CSS 有多不爽。随着前端业务复杂度的提高，前端工程中对 CSS 提出了以下的诉求：
在你刷算法题刷的太无聊之后，可以试着去看看别的基础知识，选几个自己感兴趣的语言，把基础知识巩固好，今天给大家分享一个比较有意思的前端题目：
知晓程序员，专注微信小程序开发的程序员！ 一、小程序不同页面之间的传值方式 a、URL传值 这种方式最常用，比如: wx.navigateTo({ url: '../detail/detail?
网易云音乐 小米移动端 多页应用：与单页应用相对应的，不同的功能通过不同的页面来实现
父组件通过props的方式向子组件传递数据，而通过$emit 子组件可以向父组件通信。
Vue 组件之间常用的通信方式 props 总线 eventbus vuex 自定义事件 关系情况 $parent $children $root $refs provide/inject 非 prop 特性 $attrs $listener props 父->子传值 用属性 parent <child :faData = '来自父亲'></child> child props:{ faData:{ type:String, default:""
路由是网络工程里面的专业术语，就是通过互联把信息从源地址传输到目的地址的活动。本质上就是一种对应关系。分为前端路由和后端路由。
讲师介绍：连胜老师曾经就职于点心移动 & 百度，折腾小程序也有段时间了，参与开发的“小小签到”小程序，在2017年荣获阿拉丁神灯奖。我公司开发了多个工具类小程序，已有四款小程序的用户超百万，欢迎各位小程序开发者一起交流学习~ 内容总结：本文主要分享小程序开发入门，以及我在开发中踩过的一些坑。希望通过本篇文章的分享，能让更多的小程序入门者少走弯路。 一、如何注册一个小程序 第一种方式，直接去官网注册。 官方注册地址：https://mp.weixin.qq.com/，点击右上角的“立即注册”。 然后
（注1：如果有问题欢迎留言探讨，一起学习！转载请注明出处，喜欢可以点个赞哦！） （注2：更多内容请查看我的目录。）
最近遇到了一个要在js里处理uint64位数字的问题，折腾了一下，记录一下，有经验的小伙伴欢迎交流。
在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel 之间的交互是双向的， 因此View 数据的变化会同步到Model中，而Model 数据的变化也会立即反应到View 上。
想要顺顺利利进入大厂，养成一些好的代码习惯和认真钻研这些大厂的高质量代码必不可少哦，所以我们应该养成哪些好的代码习惯呢？首先我们先探索一下腾讯高质量代码的奥秘，让我们一起来见证言谭和椰汁的爱情开始之路吧！
最近这几年的前端圈子，由于戏台一般精彩纷呈，从 MVC 到 MVVM，你刚唱罢我登场。 backbone，angularjs 已成昨日黄花，reactjs 如日中天，同时另一更轻量的 vue 发展势头更猛，尤其是即将 release 的2.0版本，号称兼具了 angularjs 和 reactjs 的两者优点。不过现在的官方版本还是1.0 ，下面就是基于1.0版本的初体验。 1. 为什么要 SPA？ SPA： 就是俗称的单页应用（Single Page Web Application）。 在移动端，特别是
JavaScript设计之初只是为了补充Java的，在浏览器上做一些小的效果，并不是为了做大型复杂项目而开发的，js本身也是有很多缺陷的，关于为什么要用TS，小伙伴们可以瞅瞅这篇文章 ：我们为什么要学习TypeScript ？
在小程序中各个页面之间是相互独立的，一个页面分为渲染层(视图层 webview)、逻辑层、系统层(底层)。在架构上，WebView和JavascriptCore都是独立的模块，并不具备数据直接共享的通道。换而言之，若要将逻辑层中的data的数据渲染到页面中，他们之间是无法直接通信的，往往需要系统层作为中间角色。 我们都知道视图层的数据来源于逻辑层data，而视图图层若想要改变逻辑层data的数据，需要借助setData这个方法去触发，以达到更新视图层的数据，具体的过程是怎么样的呢？
访问 https://www.jsdelivr.com/package/npm/dayjs 下载最新版本的 Day.js。
我们去GitHub中查看其文档，可以发现他将subscribe定义变量成token，这就好比定时器方法的使用一样。为了我们取消定时器/订阅。
day03_js学习笔记_02_js的内建对象、js的函数 ============================================================================= ============================================================================= 涉及到的知识点有： 三、js的内建对象 (1) Number对象 (2) Boolean对象
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
