温柔养猫客

微信小程序分包的保姆级操作记录

一、双点解析10..toString();二、括号先计算再转换(10).toString();三、加空串10 + ''

插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种： 添加全局方法或者 property。如：vue-custom-element 添加全局资源：指令/过滤器/过渡等。如 vue-touch 通过全局混入来添加一些组件选项。如 vue-router 添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。 一个库，提供自己的 API，同时提供上面提到的一个或多个功能。如 vue-router 代码示例：

var logDebug = false; console.log = (function(oriLogFunc) { return function() { if (logDebug) { oriLogFunc.apply(this, arguments); } }; })(console.log);

这是一个流行已久的操作，一个页面在向下滚动时，隐藏头部；向上滚动时，出现头部。向下滚动，这样可以尽可能多地展示内容区；向上滚动，即时展示头部，方便用户查看菜单信息，打开菜单键；写法也很简单，在页面挂载完成后，添加监听事件，判断滚动方向，页面销毁之前注销事件即可。以下贴代码，记录于此。<script>export default { data() { return { i: 0, }; }, mounted() { wind

1. git clone 克隆远程仓库的项目demo2. 打开该项目，进入命令行，在主分支master 基础上新建本地分支local（基于master创建local），命令：gitcheckout -b local3.此时，本地开发完全在local分支上，完成相应进度则把文件提交到暂存区，命令：git add -A4.提交记录commit 一条记录写上备注。 命令：git commit -m '第一次版本提交'，5.提交之后，可以使用命令：git log ，查看提交记录.6.此时仅仅..

子组件this.$emit('changeSelect', arr)父组件(temple)<Vinput @changeSelect="vinputChangeSelect(formatItem,item,arguments)" />父组件（js）vinputChangeSelect(value, item, arg) {value,item, 是父组件的值arg // 是子组件的参数集合数组}...

这是vscode的设置"editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.format.enable": true, "eslint.validate": [ "javascript", "html", "vue" ],

1.var a={}var b= {a:1, c:2}var c= {a:2, b:3}var d= [1,2,3]var e= [3,4,5]a[b]= 1a[c]= 2a[d]=3a[e]=4console.log(a[b])console.log(a[c])console.log(a[d])console.log(a[e])// 输出// 2// 2// 3// 4其中a的赋值情况为：1,2,3: 33,4,5: 4[object Object.

1. scss注入；按照官网写法，直接注入，但是app.scss中不能import其他scss,否则会编译语法出错2.assets中的scss使用同在assets中的img图片时，需使用 ~带~的路径 "~@/assets/img/logo_blue.png" 被webpack解析为 require(src/assets/img/logo_blue.png) 动态引入1.相对路径: "./assets/logo_blue.png"2.没有前缀的路径 "assets/logo_b...

使用下面两个函数将其进行编码，encodeURIComponent () // 函数可把字符串作为 URI 组件进行编码。decodeURIComponent() // 可对 encodeURIComponent() 函数编码的 URI 进行解码。// 开始页面let strData = encodeURIComponent(JSON.stringify(data))Taro.navigateTo({url: '/pages/Product/CreatOrder?data='+ st.

记录拼团组件的开发历程，需求分析：拼团时间段内，展示可拼团的人数，距离本期拼团结束的倒计时。 非拼团时间，展示不可拼团页面，并且提示下一个拼团开始时间。 拼团成功，拿到推送的数据，展示抽奖中页面3s，抽奖结果5s；再次判断是否在拼团时间内。 拼团失败，距离本期拼团结束的倒计时为0时，进入拼团结束3s；再次判断是否在拼团时间内。组件实现处理拼团时间字段： timer: '7:01-12:00#13:00-18:00#19:02-22:09'。把字段打散成数组，拿到hour与Minute

场景前端开发需要确认已发布，测试是否成功发布本次项目代码。解决方案在HTML中写一段特殊标记即可（即版本号），那么这个版本号应该放在哪里呢？有人在sessionStorage，或者localStorage中添加一项记录，这确实可以达到标记的目的。但在这里推荐一个较为规范的版本号添加方案在HTML5中，meta标签中的属性值可以很好的解决标记版本问题在index.html中定义如下<meta name="revised" content="定义页面的最新版本"/>

http-server可以让任意一个目录成为服务器的目录1.全局安装npm install --global http-server2.使用http-server [path] [options]下面是文档地址https://www.npmjs.com/package/http-server

关于移动端的页面，使用rem解决适配问题，按比例与设计稿保持一致。前言设计稿为750px，开发标准为iphone6/7/8/X，实际开发宽度为375px；开发中除跟节点外所有size皆使用rem单位。编辑器：【VScode】前端开发常用插件：【cssrem】这个插件可以在写px时自动计算rem值，在首选项中搜索cssrem，设置Root Font Size；跟节点大小...

# HTTP响应状态码## 1xx：临时响应#### 表示临时响应并需要请求者继续执行操作的状态代码。100 **继续**请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101 **切换协议**请求者已要求服务器切换协议，服务器已确认并准备切换。---## 2xx ： 成功#### 表示成功处理了请求的状态代码。200 ...

使用vue-i18n做多语言网站安装 npm install vue-i18n --save示例为中英双语，新建目录问lang目录下新建文件en.js cn.js目录结构i18n index.js lang cn.js en.jsindex.jsimport Vue from 'vue'import VueI18...

组件只做了简单的传值处理，记录开发思路及echarts简单使用。这里默认所有图表样式一致，都为柱状图，如需其他类型，可查阅echarts官网文档，再动态传值即可。vue 使用组件 ------在外层用v-for 循环，传不同值进charts 即可 <!-- 传入对应的数据给子组件 --> <charts ...

如图取值：Object.keys(this.options).forEach(k => { console.log(k) //取到了key console.log(that.options[k]) // 取到了value})

由于公司业务需求，做自定义满意度问卷调查，在线上找插件不尽如人意（插入文件多，ui不好改）；自家业务比较简单；种种原因，于是花一点时间开发简单的表单设计页面。于此记录开发过程首先看看预览效果，传送地址：http://fanfan18.gitee.io/customize-form-by-vue/纯vue开发，无jQuery，数据驱动页面。引入文件：iconfont 图标文件，vu...