狂奔的蜗牛的博客

接口地址和解析表达式都是通过输入框输入的，如何正确解析表达式从json数据中得到值呢？

defineComponent：导出组件为：export default defineComponent({ name: 'test'}); teleport特性：具体，如app组件中包含dialog组件，通常定义的组件会包含在app组件内部，通过teleport可以将dialog组件内元素挂在到指定位置。Suspense：Suspense为内置组件，主要用户处理组件内部为异步操作加载过程中的显示问题，如处于加载中显示加载动画，加载完成后显示组件。注意：需要在setup方

pm2 list 查看应用列表 pm2 restart 名字 | id 重启某个应用 pm2 stop 名字 | id 停止某个应用 pm2 delete 名字 | id 删除某个应用 pm2 info 名字 | id 查看某个应用信息 pm2 log 名字 | id 查看某个应用日志信息 pm2 monit 名字 | id 监控某个应用...

URL.createObjectURL()一个静态方法，创建一个 DOMString，返回一个 URL，URL 和 document 绑定，表示指定的 File 对象 文档地址：https://developer.mozilla.org/zh-CN/docs/Web/API/URL/createObjectURLFileReader.readAsDataURL()一个 FileReader 上面的实例方法，读取指定的 File 对象，读取完成的时候触发回调，返回 URL 格式 的字符串（b.

onmouseenter: 只会在进入绑定事件元素时触发一次，进入绑定事件元素子元素时不会触发 onmouseover:进入绑定事件元素或者子元素或者离开子元素进入绑定事件元素都会触发onmouseleave:只会在离开绑定事件元素时触发一次，离开绑定元素子元素不会触发 onmouseout：离开绑定事件元素时或者离开绑定事件元素子元素时触发总结：onmouseenter和onmouseleave只对绑定元素生效，而onmouseover和onmouseout会对绑定事件元素和子元素..

全局作用域:如js文件中直接定义var a = 3; b = 4, 其中a、b都可以在全局作用域内访问，但是a为全局变量，b为全局作用域对象的属性，如window.b,属性可以删除，变量不可以删除。 如 delete a 则会返回false，delete b则会返回true函数作用域如function test() { var a = 3;}块状作用域if (true) { var a = 4;}注：使用var申明的变量不存在块状作用域，va.

var 申明的变量不存在块状作用域 存在作用域提升 可以重复定义 变量可以先使用后申明let 申明的变量存在块状作用域 不存在作用域提升 不可重复定义 变量必须先定义再使用const 申明的变量存在块状作用域 不存在作用域提升 不可重复定义 变量必须先定义再使用 变量必须申明就赋值，不可以先声明后赋值 变量不可以重新赋值、但是引用类型可以修改里面的属性和值...

1、当onload事件触发时，页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了。2、当DOMContentLoaded事件触发时，仅当DOM加载完成，不包括样式表，图片，flash。

es2015遍历方法for循环：支持break和continueforEach：接收一个回调函数，回调函数第一个形参为元素值，第二个为下标，不支持break和continue。every：接收一个回调函数，回调函数的返回值决定是否继续遍历，返回true继续遍历，false终止遍历，达到类似break和continue效果for in：可以用来遍历数组和对象，遍历数组时得到的为数组下标，遍历对象时得到对象属性。不建议使用for in遍历数组，会有如下问题...

// dotAllconst test = "hello\nworld";// 非dotAll模式，无法正确匹配console.log(/hello.world/.test(test));// dotAll模式， 可以正确匹配console.log(/hello.world/s.test(test));const test1 = '2020-12-05';// 分组分组捕获console.log(test1.match(/(?<year>\d{4})-(?<month&.

const author = { allAuthor: { test1: [1, 2, 3, 4], test2: [5, 6, 7, 8, 9] }}// author[Symbol.iterator] = function () {// const allAuthor = this.allAuthor;// const keys = Reflect.ownKeys(allAuthor);// let values = [];// return {/.

作为前端开发者经常在开发过程中通过请求接口拿到json数据进行使用，但是由于javascript的弱类型语言特性，使编辑器无法感知进行对应的语法提示，所以在开发的时候往往需要一个工具格式化json，格式化后之后进行对应的业务逻辑编写或者声明与json结果匹配的interface定义，让编辑器能智能提示，但是如果在TypeScript中需要指定类型，针对这种后端返回的结果如果不手动定义interface则需要申明为any类型，显然不是我们使用TypeScript的初衷。但是写interface类型定义是一个没

直接上图github地址：https://github.com/thunderobot/tpw

公司的移动端使用的是web，通过Crosswalk替代webview进行加载访问，以提高效率。最近公司进入第三方客服系统，分别针对pc端和手机端有不同的页面。其中在手机页面上有发送表情和图片功能，表情功能正常，选择图片在微信中正常，app中出现点击无反应。最开始通过网络查找资料，发现关于Crosswalk的资料非常少。无奈之下只能翻看源码。发现有XWalkUIClient类中有和webview中的

        基于vuejs开发v-ui的由来为个人最开始打算将h5项目中用到的控件封装成类似于原生android和ios控件库的样子，下次用的时候直接拿来用而不是重新实现一套。现在移动端ui框架有很多，风格各异且基本上都有一个问题没有做解决，比如alert弹出的时候没有处理用户点击返回的逻辑，经常性的情况是用户点击返回时整个页面返回。这是一个及其糟糕的用户体验，所以自定义了一套用于后期项目中。...

    一直不明白输入汉字获取拼音是怎么做到的，空闲之余在网上查了网上有很多这样的在线工具，但是毕竟是在线的，如果用在实际项目中这个不太实际，如联系人选择列表这样的需求。于是通过浏览器的调试工具查看了一下在线工具的实现，加上自己的理解做了一个封装，以下是js部分，话不多少直接上代码。js部分var PinYin = { "a": "\u554a\u963f\u9515", "ai": "\...

    在前端做加载速度优化的方案中，有一个是对源码和图片大小进行压缩。顾名思义就是将源码去掉空格、注释、换行等生产环境中的无用信息。图片在不影响效果的前提下进行压缩。从而减小图片大小，页面在加载的时候由于加载的资源较小，实现更快加载。公司的项目是通过Vue的脚手架工具搭建的。所以用到了webpack打包工具，在我未进行优化的情况下，发布的源码包大小为13.6m，进过处理之后，源码大小从原先的13...

v-ui是一套根据vuejs设计开发的开源框架，其中包含了h5开发中用到的大量ui控件，如AppBar，Tablayout，SearchBar，Toast，SnackBar，Alert，Comfirm，Prompt询问对话框，Progressbar，ActionSheet,TimePicker，DatePicker，AreaPicker，Switch，Pull2Refresh等43...

先上图是不是有种浓浓的原生联系人应用的赶脚，下面我们来看看如何实现》先看看如何使用let data = ["河北省石家庄市", "河北省唐山市", "山西省太原市", "内蒙包头市", "辽宁省大连市", "辽宁省鞍山市", "辽宁省抚顺市", "吉林省吉林市", &qu

    公司项目是用vue进行开发，在开发过程中，我们发现一个极差的体验。场景是这样的，我们的产品首页是一个列表，当用户滚动到距离顶部一定的距离，然后点击列表项进入详情再返回的时候列表数据重新加载，且滚动到了顶部，这简直是一个不能忍受的事情。于是准备对我们的项目体验进行优化，从最开始了解的keep-alive着手，用keep-alive包裹router-view这样的结果可以对页面进行内存缓存，结...

最近在依托于微信开发公司的项目，其中使用到了微信提供的js-sdk的以下接口：图像接口拍照或从手机相册中选图接口wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType: ['album', 'ca