- 博客(49)
- 收藏
- 关注
原创 prompt方法
1、prompt()方法可以弹出输入框,进行输入备注:alert() 弹出个提示框 (确定)confirm() 弹出个确认框 (确定,取消)prompt() 弹出个输入框 让你输入东西
2022-02-22 15:55:29
1343
原创 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
2022-02-22 15:39:16
5475
原创 产品运营的饭碗之拉新
产品运行的饭碗之拉新文章目录产品运行的饭碗之拉新前言一、展品运营主要负责什么?二、产品运营的主要工作之一拉新1、产品策略2、市场策略3、运营策略前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、展品运营主要负责什么?说起产品运营,其主要工作不外乎用户的拉新、留存、促活、提频、转化。二、产品运营的主要工作之一拉新本章主要从三
2020-11-02 15:36:40
414
原创 微信小程序转uni-app
将现有微信小程序转换成uni-app, 方便支持不同端1、安装转换工具npm install miniprogram-to-uniapp -g2、检查工具是否正确安装wtu -V3、执行转换命令 注意:输出目录可不填写,即为当前小程序目录同级目录自动生成文件夹,名称为"小程序文件夹名称_uni"wtu -i "小程序路径代码路径" -o "输出目录"详细请参考:miniprogram-to-uniapp使用指南:https://ask.dcloud.ne...
2020-10-27 16:04:34
1285
原创 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...
2020-10-20 14:43:46
178
原创 vue基础
vue开发注意事项:1、只有当实例被创建时就“已经存在”于 data 中的 property 才是响应式的。2、如果不想同步更新到视图,使用Object.freeze()强制不更新3、除了数据 property,Vue 实例还暴露了一些有用的实例 property 与方法。它们都有前缀 $,以便与用户定义的 property 区分开来4、不要在选项 property 或回调上使用箭头函数,比如 created: () => console.log(this.a) 或 vm.$watch(‘a’
2020-09-23 14:01:24
193
原创 微信小程序蓝牙设备连接与写入
微信小程序中连接蓝牙设备,蓝牙设备写入流程1、检测当前使用设备(如自己的手机)是否支持蓝牙/蓝牙开启状态wx:openBluetoothAdapter({})2、如蓝牙已开启状态,检查蓝牙适配器的状态wx.getBluetoothAdapterState({})3、添加监听蓝牙适配器状态变化wx.onBluetoothAdapterStateChange({})4、搜索附近蓝牙设备wx.startBluetoothDevicesDiscovery({})5、监听搜索的到设备wx.onBl
2020-08-17 15:16:22
2283
原创 react获取真实的DOM节点
react如果想要获取真实dom节点的话:需要dom节点上写ref属性console.log(this.refs.inputDom);reder(){ return ( <div className="container"> <input ref="inputDom" /> </div> )}...
2020-01-07 19:11:02
282
原创 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...
2019-12-04 14:27:36
359
原创 node的单线程工作机制
1、每个Node.js进程只有一个主线程在执行程序代码,形成一个执行栈(execution context stack)。2、主线程之外,还维护了一个"事件队列"(Event queue)。当用户的网络请求或者其它的异步操作到来时,node都会把它放到Event Queue之中,此时并不会立即执行它,代码也不会被阻塞,继续往下走,直到主线程代码执行完毕。3、主线程代码执行完毕完成后,然后通过E...
2019-12-03 15:18:32
892
原创 mvc和mvvm区别
一、MVC1、MVC允许在不改变视图的情况下改变视图对用户输入的响应方式,用户对View的操作交给了Controller处理,在Controller中响应View的事件调用Model的接口对数据进行操作,一旦Model发生变化便通知相关视图进行更新。二、MVVMMVVM与MVC最大的区别就是:它实现了View和Model的自动同步,也就是当Model的属性改变时,我们不用再自己手动操作Dom...
2019-10-23 18:58:49
2235
原创 jsx
1、jsx应用于React DOM2、因为jsx的特性更接近JavaScript而不是HTML,所以React DOM使用cameCase(小驼峰)命名来定义属性的名称,而不是使用HTML的属性名称。例如:class变成了className,而tabindex则对应着tableIndex3、React DOM在渲染之前默认会过滤所有传入的值。它可以确保应用不会被注入攻击。所有的内容在渲染之前都...
2019-10-23 15:06:09
227
原创 小程序的分包加载
1、整个小程序所有分包大小不超过8M2、单个分包/主包大小不能超过2M3、声明subpackges后,会按照subpackages配置路径进行打包,subpackages配置历经外的目录会被打包到app(主包)中4、subpackage 的根目录不能是另外一个 subpackage 内的子目录5、tabBar 页面必须在 app(主包)内引用规则:1、packageA 无法 requi...
2019-10-14 19:07:58
228
原创 小程序storage
1、同一个微信账户,同一个小程序stirage上限为10MB2、storage以用户维度隔离,同一台设备上,a用户无法获取到b用户的饿数据3、如果用户存储空间不够,会清空最近最久未使用的小程序的本地缓存。空间不足或者用户换设备的情况都可能导致获取不到storage...
2019-10-14 18:30:10
447
原创 小程序1rpx的边框在部分真机上不显示
1、修改元素宽度:保证(宽度/2)为奇数或者奇数.5即可解决2、元素前面加个空标签:空标签样式width:1rpx; float: left; height:100%;3、给元素添加样式:transform: rotateZ(360deg)...
2019-10-12 18:52:35
645
原创 小程序组件间的通信
1、wxml数据绑定:引用子组件的时候通过属性设置数据2、通过事件,子组件想父组件传递数据3、父组件通过this.selectComponent方法获取子组件实例对象来访问子组件的任意数据和方法...
2019-10-12 10:58:13
233
原创 小程序的运行时
微信小程序运行在三端:iOS(iPhone/iPad)、Android 和 用于调试的开发者工具。三端的脚本执行环境以及用于渲染非原生组件的环境是各不相同的:在 iOS 上,小程序逻辑层的 javascript 代码运行在 JavaScriptCore 中,视图层是由 WKWebView 来渲染的,环境有 iOS8、iOS9、iOS10;在 Android 上,旧版本,小程序逻辑层的 ja...
2019-10-10 20:03:19
1070
原创 微信小程序中的样式
1、定义在app.wxss中的样式为全局样式,作用于每个页面。2、在page的wxss文件中定义的样式为局部样式,只作用在对应的页面。3、自定义组件不受引用组件的页面的样式、app.wxss中的样式的影响。...
2019-10-10 19:03:38
184
原创 小程序中会触发页面onUnload的事件
1、页面重定向: wx.redirectTo2、左上角返回按钮:wx.navigateBack3、wx.reLaunch
2019-10-10 18:25:25
3264
原创 小程序生命周期
小程序生命周期: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...
2019-10-09 19:50:10
246
原创 小程序与普通网页开发的区别
1、网页开发渲染线程和脚本线程是互斥的,这也是为什么长时间的脚本运行可能会导致页面无响应,而在小程序中,二者是运行在不同的线程中的2、小程序的逻辑层和渲染层是粉来的,逻辑层运行在jsCore中,并没有一个完整的浏览器对象,因而缺少相关的dom api和bom api。这一区别导致了前端开发非常熟悉的一些库,例如 jQuery、 Zepto 等,在小程序中是无法运行的。同时 JSCore 的环境同...
2019-10-09 16:13:17
771
原创 使用微信小程序组件需要注意的点
1、页面滚动元素可使用scroll-view,但是此组件本身的滚动事件会阻止页面回弹,导致无法触发onPullDownRefesh。若要使用下拉刷新,请使用页面的滚动view,而不是scroll-view,这样也能通过点击顶部状态栏回到页面顶部2、text组件内只能内嵌text组件...
2019-09-27 17:19:31
327
原创 react中的super(props)的使用原则
1、如果需要访问this就设置constructor2、如果没用到constructor,是可以不写的;React会默认添加一个空的constructor。3、如果你用到了constructor就必须写super(),是用来初始化this的,可以绑定事件到this上;4、如果你在constructor中要使用this.props,就必须给super加参数:super(props);5、无论...
2019-09-09 16:59:14
360
原创 node中依赖模块的调用问题
node在使用模块名字来引入模块时,如: var math = require(’'math");它会首先在当前目录的node_modules中寻找是否包含该模块,如果有,则直接使用,如果没有,则会去上一级目录的node_modules中寻找,如果有则使用,如果没有再去上一级找,直到找到为止, 如果直到找到磁盘的根目录依然没有找到,则报错。...
2019-08-16 20:21:33
499
原创 进程和线程
1、进程–进程负责为程序的运行提供必备的环境–进程就相当于工厂中的车间2、线程–线程是计算机中的做小的计算单位,线程负责执行进程中的程序–线程相当于工厂中的工人3、单线程–js是单线程的(在js代码执行的时候网页的渲染是暂停的,等js执行完成之后才渲染。)4、多线程–速度性能快–主流很多是多线程的php\python、c++等...
2019-08-15 09:55:29
105
原创 基础数据类型和引用数据类型的区别
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;...
2019-08-15 09:39:01
133
原创 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模块会在模块外面自动生成一...
2019-08-14 10:48:50
233
原创 微信小程序在不同移动设备上的差异导致原因
在不同的运行环境,ios、安卓、开发工具三个不同的运行环境同样在iPhone手机上存在二倍像素、三倍像素问题,也会有差异。尽量适应偶数rpx单位使用...
2019-07-19 13:49:23
2138
原创 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...
2019-07-15 17:01:23
1696
原创 git常用命令
拉取远程分支并创建本地对应分支: git checkout -b ihotel-0711 origin/ihotel-0711查看自己当前所在分支:git branch合并代码到当前分支:git merge hotel-0711切换分支:git checkout master工作区添加到暂存区(修改):git add .工作区添加到暂存区(修改、删除):git add -u .工作区添...
2019-07-12 11:35:35
105
原创 git----回退版本
1、先查看提交记录git log 2、找到想要回退的版本的commit id,然后执行git reset --hard commitid版本号没必要写全,前几位就可以了,Git会自动去找。当然也不能只写前一两位,因为Git可能会找到多个版本号,就无法确定是哪一个了。用git log可以查看提交历史用git reflog查看命令历史...
2019-07-12 11:34:13
96
原创 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权限,否则特别容易报...
2019-07-03 10:33:47
165
原创 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...
2019-07-01 17:44:12
4787
原创 flex元素上下左右居中对齐
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ **d...
2019-07-01 17:15:55
3292
原创 git常用命令
Git常用命令:拉取远程分支并创建本地对应分支: git checkout -b ihotel-0711 origin/ihotel-0711查看自己当前所在分支:git branch合并代码到当前分支:git merge hotel-0711切换分支:git checkout master工作区添加到暂存区(修改):git add .工作区添加到暂存区(修改、删除):git add ...
2019-07-01 16:56:18
100
原创 es6中的模版字符串
es6中的模版字符串用反引号(`)来标识,以${}来拼接变量如:let name='elma';let str = `she is ${name}`
2019-04-22 14:36:14
123
原创 js判断一个字符串是否包含在另一个字符串中
传统js,只提供indexOf方法es6:新增includes()方法例如:let s='Hello world!'s.startsWith('Hello') // trues.endsWith('!') // trues.includes('o') // true注:这三个方法都支持第二个参数,表示开始搜索的位置。...
2019-04-22 14:24:29
3069
原创 微信小程序-分享内容中的tittle折行问题
在微信小程序中的分享中,分享弹层中的tittle,在安卓手机上会自动折行,而在苹果手机上则是自动省略(…)分享后在聊天中的tittle显示:安卓和苹果手机如果超过两行都会自动省略(两行内容+…)...
2018-12-21 17:38:22
2543
2
原创 微信小程序,直接给data中的对象添加属性
data:{testData:{}},onLoad(){const testData = this.data.testData; this.setData({ ['testData.li']:'123', }) setTimeout( () => { console.log(this.data);...
2018-11-19 16:01:15
13028
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人