dearMengJJ的博客

原创 prompt方法

1、prompt()方法可以弹出输入框，进行输入备注：alert() 弹出个提示框 （确定）confirm() 弹出个确认框 （确定，取消）prompt() 弹出个输入框 让你输入东西

原创 js实现阶乘函数

1、阶乘函数的公式（1）n的阶乘用公式表示为：n！=123*…*(n-1)*n，其中n≥1。（2）当n=0时，n！=0！=12、js实现function factorial(num) { if(num <= 1){ return 1; } else { return num*arguments.callee(num -1); }}const tureF = factorial;console.log(tureF(5)); // 120factorial = f

原创 产品运营的饭碗之拉新

产品运行的饭碗之拉新文章目录产品运行的饭碗之拉新前言一、展品运营主要负责什么？二、产品运营的主要工作之一拉新1、产品策略2、市场策略3、运营策略前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、展品运营主要负责什么？说起产品运营，其主要工作不外乎用户的拉新、留存、促活、提频、转化。二、产品运营的主要工作之一拉新本章主要从三

原创 微信小程序转uni-app

将现有微信小程序转换成uni-app， 方便支持不同端1、安装转换工具npm install miniprogram-to-uniapp -g2、检查工具是否正确安装wtu -V3、执行转换命令 注意：输出目录可不填写，即为当前小程序目录同级目录自动生成文件夹，名称为"小程序文件夹名称_uni"wtu -i "小程序路径代码路径" -o "输出目录"详细请参考：miniprogram-to-uniapp使用指南：https://ask.dcloud.ne...

原创 mpvue搭建项目

使用mpvue的quickstart来快速搭建项目参考文档：http://mpvue.com/mpvue/quickstart.html1、请先检查是否已正确安装node和vue-cli2、进入想到放置项目的目录下，vue iniy mpvue/mpvue-quickstart mpvue-project3、进入项目文件夹cd mpvue-project4、执行初始化npm installnpm run dev...

原创 vue基础

vue开发注意事项：1、只有当实例被创建时就“已经存在”于 data 中的 property 才是响应式的。2、如果不想同步更新到视图，使用Object.freeze()强制不更新3、除了数据 property，Vue 实例还暴露了一些有用的实例 property 与方法。它们都有前缀 $，以便与用户定义的 property 区分开来4、不要在选项 property 或回调上使用箭头函数，比如 created: () => console.log(this.a) 或 vm.$watch(‘a’

原创 微信小程序蓝牙设备连接与写入

微信小程序中连接蓝牙设备，蓝牙设备写入流程1、检测当前使用设备（如自己的手机）是否支持蓝牙/蓝牙开启状态wx:openBluetoothAdapter({})2、如蓝牙已开启状态，检查蓝牙适配器的状态wx.getBluetoothAdapterState({})3、添加监听蓝牙适配器状态变化wx.onBluetoothAdapterStateChange({})4、搜索附近蓝牙设备wx.startBluetoothDevicesDiscovery({})5、监听搜索的到设备wx.onBl

原创 react获取真实的DOM节点

react如果想要获取真实dom节点的话：需要dom节点上写ref属性console.log(this.refs.inputDom);reder(){ return ( <div className="container"> <input ref="inputDom" /> </div> )}...

原创 eslint设置

可以在eslintrc.js中定义具体的语法校验规则“no-alert”: 0,//禁止使用alert confirm prompt“no-array-constructor”: 2,//禁止使用数组构造器“no-bitwise”: 0,//禁止使用按位运算符“no-caller”: 1,//禁止使用arguments.caller或arguments.callee“no-catch-s...

原创 node的单线程工作机制

1、每个Node.js进程只有一个主线程在执行程序代码，形成一个执行栈（execution context stack)。2、主线程之外，还维护了一个"事件队列"（Event queue）。当用户的网络请求或者其它的异步操作到来时，node都会把它放到Event Queue之中，此时并不会立即执行它，代码也不会被阻塞，继续往下走，直到主线程代码执行完毕。3、主线程代码执行完毕完成后，然后通过E...

原创 mvc和mvvm区别

一、MVC1、MVC允许在不改变视图的情况下改变视图对用户输入的响应方式，用户对View的操作交给了Controller处理，在Controller中响应View的事件调用Model的接口对数据进行操作，一旦Model发生变化便通知相关视图进行更新。二、MVVMMVVM与MVC最大的区别就是：它实现了View和Model的自动同步，也就是当Model的属性改变时，我们不用再自己手动操作Dom...

原创 jsx

1、jsx应用于React DOM2、因为jsx的特性更接近JavaScript而不是HTML，所以React DOM使用cameCase(小驼峰)命名来定义属性的名称，而不是使用HTML的属性名称。例如：class变成了className，而tabindex则对应着tableIndex3、React DOM在渲染之前默认会过滤所有传入的值。它可以确保应用不会被注入攻击。所有的内容在渲染之前都...

原创 小程序的分包加载

1、整个小程序所有分包大小不超过8M2、单个分包/主包大小不能超过2M3、声明subpackges后，会按照subpackages配置路径进行打包，subpackages配置历经外的目录会被打包到app（主包）中4、subpackage 的根目录不能是另外一个 subpackage 内的子目录5、tabBar 页面必须在 app（主包）内引用规则：1、packageA 无法 requi...

原创 小程序storage

1、同一个微信账户，同一个小程序stirage上限为10MB2、storage以用户维度隔离，同一台设备上，a用户无法获取到b用户的饿数据3、如果用户存储空间不够，会清空最近最久未使用的小程序的本地缓存。空间不足或者用户换设备的情况都可能导致获取不到storage...

原创 小程序1rpx的边框在部分真机上不显示

1、修改元素宽度：保证（宽度/2）为奇数或者奇数.5即可解决2、元素前面加个空标签：空标签样式width:1rpx; float: left; height:100%;3、给元素添加样式：transform: rotateZ(360deg)...

原创 小程序组件间的通信

1、wxml数据绑定：引用子组件的时候通过属性设置数据2、通过事件，子组件想父组件传递数据3、父组件通过this.selectComponent方法获取子组件实例对象来访问子组件的任意数据和方法...

原创 小程序的运行时

微信小程序运行在三端：iOS（iPhone/iPad）、Android 和 用于调试的开发者工具。三端的脚本执行环境以及用于渲染非原生组件的环境是各不相同的：在 iOS 上，小程序逻辑层的 javascript 代码运行在 JavaScriptCore 中，视图层是由 WKWebView 来渲染的，环境有 iOS8、iOS9、iOS10；在 Android 上，旧版本，小程序逻辑层的 ja...

原创 微信小程序中的样式

1、定义在app.wxss中的样式为全局样式，作用于每个页面。2、在page的wxss文件中定义的样式为局部样式，只作用在对应的页面。3、自定义组件不受引用组件的页面的样式、app.wxss中的样式的影响。...

原创 小程序中会触发页面onUnload的事件

1、页面重定向： wx.redirectTo2、左上角返回按钮：wx.navigateBack3、wx.reLaunch

原创 小程序生命周期

小程序生命周期：onLaunch、onShow、onHide、onError页面生命周期：onLoad、onShow、onReady、onHide、onUnload(可参考https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page-life-cycle.html)组件生命周期： created、atta...

原创 小程序与普通网页开发的区别

1、网页开发渲染线程和脚本线程是互斥的，这也是为什么长时间的脚本运行可能会导致页面无响应，而在小程序中，二者是运行在不同的线程中的2、小程序的逻辑层和渲染层是粉来的，逻辑层运行在jsCore中，并没有一个完整的浏览器对象，因而缺少相关的dom api和bom api。这一区别导致了前端开发非常熟悉的一些库，例如 jQuery、 Zepto 等，在小程序中是无法运行的。同时 JSCore 的环境同...

原创 使用微信小程序组件需要注意的点

1、页面滚动元素可使用scroll-view，但是此组件本身的滚动事件会阻止页面回弹，导致无法触发onPullDownRefesh。若要使用下拉刷新，请使用页面的滚动view，而不是scroll-view，这样也能通过点击顶部状态栏回到页面顶部2、text组件内只能内嵌text组件...

原创 react中的super（props）的使用原则

1、如果需要访问this就设置constructor2、如果没用到constructor,是可以不写的；React会默认添加一个空的constructor。3、如果你用到了constructor就必须写super(),是用来初始化this的，可以绑定事件到this上;4、如果你在constructor中要使用this.props,就必须给super加参数：super(props)；5、无论...

原创 node中依赖模块的调用问题

node在使用模块名字来引入模块时，如： var math = require(’'math");它会首先在当前目录的node_modules中寻找是否包含该模块，如果有，则直接使用，如果没有，则会去上一级目录的node_modules中寻找，如果有则使用，如果没有再去上一级找，直到找到为止， 如果直到找到磁盘的根目录依然没有找到，则报错。...

原创 进程和线程

1、进程–进程负责为程序的运行提供必备的环境–进程就相当于工厂中的车间2、线程–线程是计算机中的做小的计算单位，线程负责执行进程中的程序–线程相当于工厂中的工人3、单线程–js是单线程的（在js代码执行的时候网页的渲染是暂停的，等js执行完成之后才渲染。）4、多线程–速度性能快–主流很多是多线程的php\python、c++等...

原创 基础数据类型和引用数据类型的区别

1、基础数据类型是栈内存如var a=10; var b=a; ++a; console.log(a); // 11 console.log(b); // 10变量值a10b10++a之后变成变量值a11b102、引用数据类型如：var obj1 = new Object(); var obj2 = obj1;...

原创 node模块中的exports和module.exports

node中每个模块都会被引擎自动封装一层类似于闭包的函数。如：a.js内容如下：var a=10; console.log(arguments.callee+'');会打印如下结果：function (efunction (exports, require, module, __filename, __dirname) {var a=10;}可以看出node模块会在模块外面自动生成一...

转载 小程序支付系统交互流程

原创 微信小程序在不同移动设备上的差异导致原因

在不同的运行环境，ios、安卓、开发工具三个不同的运行环境同样在iPhone手机上存在二倍像素、三倍像素问题，也会有差异。尽量适应偶数rpx单位使用...

原创 translateX 对width的影响

问题：在使用translatex使元素居中对齐时：.price-box .price-count{ left: 50%; top: -24rpx;transform: translateX(-50%);height:32rpx;line-height:32rpx;padding:0 8rpx;border-radius:2rpx;color:#fff;background: -webkit-l...

原创 git常用命令

拉取远程分支并创建本地对应分支： git checkout -b ihotel-0711 origin/ihotel-0711查看自己当前所在分支：git branch合并代码到当前分支：git merge hotel-0711切换分支：git checkout master工作区添加到暂存区(修改)：git add .工作区添加到暂存区(修改、删除)：git add -u .工作区添...

原创 git----回退版本

1、先查看提交记录git log 2、找到想要回退的版本的commit id,然后执行git reset --hard commitid版本号没必要写全，前几位就可以了，Git会自动去找。当然也不能只写前一两位，因为Git可能会找到多个版本号，就无法确定是哪一个了。用git log可以查看提交历史用git reflog查看命令历史...

原创 node版本更新

一、先查看本地node版本$node -v二、清除node缓存$sudo npm cache clean -f三、安装node版本管理工具‘n’$sudo npm install n -g四、使用版本管理工具安装指定版本node$sudo n stable （安装node最新版本）$sudo n 10.10.0 （安装指定版本）⚠️：一定要用sudo权限，否则特别容易报...

原创 flex子元素溢出

<view style="display:flex; flex-wrap:nowrap;width: 200px;"> <view style="width: 100px; height: 100px; background: #f00;"></view> <view style="flex:1; height: 100px...

原创 flex元素上下左右居中对齐

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ **d...

原创 git常用命令

Git常用命令：拉取远程分支并创建本地对应分支： git checkout -b ihotel-0711 origin/ihotel-0711查看自己当前所在分支：git branch合并代码到当前分支：git merge hotel-0711切换分支：git checkout master工作区添加到暂存区(修改)：git add .工作区添加到暂存区(修改、删除)：git add ...

原创 es6中的模版字符串

es6中的模版字符串用反引号（`）来标识，以${}来拼接变量如：let name='elma';let str = `she is ${name}`

原创 js判断一个字符串是否包含在另一个字符串中

传统js,只提供indexOf方法es6：新增includes()方法例如：let s='Hello world!'s.startsWith('Hello') // trues.endsWith('!') // trues.includes('o') // true注：这三个方法都支持第二个参数，表示开始搜索的位置。...

原创 微信小程序-分享内容中的tittle折行问题

在微信小程序中的分享中，分享弹层中的tittle,在安卓手机上会自动折行，而在苹果手机上则是自动省略（…）分享后在聊天中的tittle显示：安卓和苹果手机如果超过两行都会自动省略（两行内容+…）...

原创 微信小程序，直接给data中的对象添加属性

data:{testData:{}},onLoad(){const testData = this.data.testData; this.setData({ ['testData.li']:'123', }) setTimeout( () =&gt; { console.log(this.data);...