aliven1的博客

原创 添加云函数

1.创建完成之后在index.js中进行云函数的开发；2.本地开发完成之后，这时候函数就同步到云上了，3.如果云函数开发需要依赖第三方的包，可以安装包：4.上传并部署，不用上传modules,因为云上会根据json文件，自动下载依赖；5.本地测试要开启的话，必须要安装云函数的依赖；...

原创 云函数本地调试

报错是因为云函数依赖的包不存在，所以在终端中打开，安装需要的包，安装成功了就可以打开本地调试了

原创 WX小程序云环境绑定

traceUser:true:是设置是否通过后台统计访问用户的信息，一般是true

原创 node中文件上传注意事项

原创 接口报403，报CSRF验证失败的问题

问题定位：后台两个接口重命，走了优先级更高的接口，接口没有过滤CSRF；一、csrf是什么CSRF（Cross-site request forgery）跨站请求伪造，是一种常见的web安全漏洞，概括地说就是指，攻击者通过浏览器保存的Cookie盗用了你的身份，以你的名义给某个网站发送恶意请求，这些恶意请求包括但不限于发邮件、修改账户信息、购买商品、转账等等，如果这个网站没有防御csrf攻击的话，那么这些恶意请求可能会请求成功，从而泄露了个人的隐私安全和财产安全。怎么样，听着够严重吧。二、.

原创 BFC定义页面的独立容器

一个div内部的样式影响到了它外部div的样式1.没有浮动时候的样：2.黄色模块浮动之后，影响了蓝色div的样式

原创 移动端事件

原创 wx小程序页面路由

1.1.js事项编程式跳转2.在onload生命周期函数中接受参数3. 调试接口请求必须是https协议,调试阶段可以设置不校验就可以用：

原创 组件生命周期函数-组件监听页面的生命周期

1.为了兼容地板本，最好两个地方都放：

原创 wx小程序组件加插槽

多插槽：

原创 wx小程序自定义组件的注意事项

1.动态类的绑定2.组件内触发事件，向外部传递数据：3.组件外面定义类，作用到组件上：4.调用组件内部函数，类似vue的refs[ref]的需求：1.给组件绑定id,2.通过this.selectComponent([id])获得组件对象，3.调用方法...

原创 wx小程序movable滑动组件

使用场景：cell滑动删除：逻辑如下

转载 Webpack4 入门手册（共 18 章）

http://pingan8787.com/2019/08/14/171-%E3%80%90Webpack%E3%80%91Webpack4%E5%85%A5%E9%97%A8%E6%89%8B%E5%86%8C%E2%80%94%E2%80%94%E5%85%B118%E7%AF%87/

原创 wx小程序用form获得表单数据

1.用form在最外层包裹，注意：直接用标签选择器选择form定义样式，不会生效，可以给form加class,再修改样式；2.checkbox选中与否的value值，通过name属性无法获得，需要在外面包checkbox-group标签，在该标签上使用name属性；...

原创 wx小程序中使用阿里矢量图标

第三步，可以如果加了http无法打开，可以直接用不带http的地址获得icon图标类的生成文件，放到项目中使用

原创 wx视图容器组件view的背景图片和全屏高度

view的组件，高度要刚好全屏：height:100vh；背景设置图片：只能用base64格式或者是网络图片；

原创 wx小程序获得用户信息

表单组件button,open-type的值为getUserInfo,

原创 微信小程序自适应尺寸rpx--和px之间的转换

原创 wx小程序基础样式库（基础组件）

https://github.com/Tencent/weui-wxss/在微信开发者工具中，导入dist文件夹，页面需要用到对应的组件，把对应组件的结构，样式和方法拷贝出来，在components中定义；

原创 wx小程序自带标签image实现懒加载

原创 node项目的搭建(一)

1.创建app.js入口文件2.npm init创建json配置文件3.安装express: npm install --save express;4.配置es6转换环境: 配置babel,使项目支持ES6语法 4.1:新建.babelrc文件;4.2:babelrc的配置:{ “presets”:[ “env” ];4.3:npm install babel-preset-env --save-dev5.配置es6转换工具:5.1:安装babel-register:将e.

原创 小程序脚本wxs

类似vue中的格式化函数，computed1.wxml内部使用直接定义：2..wxml内部引用外部的wxs:

原创 wx小程序中import和include的使用

import在wxss总通过import引入公共样式include复用公共模块

原创 wx小程序中template的使用

1.小程序中抽象包裹标签是block;2.template可以理解为弱类型的组件，内部不能定义自己的样式的和逻辑，使用场景不多

原创 mongoose操作数据库

这里是引用/* 引入mongoose /const mongoose=require(‘mongoose’);/ 1.连接数据库 /mongoose.connect(‘mongodb://localhost:27017/m_data’,{useNewUrlParser:true});/ 2.监听数据库的各种状态 /const db=mongoose.connection;/ 3.监听 // 3.1连接成功 /db.on(‘open’,()=>{console.log(‘数据库连接.

原创 wx小程序自定义组件

组件内的处理函数，写在methods中，非组件写在外面即可；组件使用前，要在页面的json中声明组件才可以使用；组件内固定的数据写在data中，调用组件需要外部传递过来的数据，要在properties中声明，传值的时候，在组件上直接定义对应属性，绑定值即可：...

原创 wx小程序事件绑定和数据获取

1.长按事件：推荐使用longpress;2.事件对象：currentTarget:是事件冒泡触发的dom； target:是用户点击的那个domid是向事件对象中传递的参数，在事件对象的target或者currentTarteg中可用获得,如果是data-name这种形式传值，则在事件对象的dataset中获取数据：...

原创 调试代码上线后到隐藏

1.vue webpack打包时如何去掉console.lognew webpack.optimize.UglifyJsPlugin({compress: {warnings: false,drop_debugger: true,drop_console: true}})2.自己封装个可全局开关的方法,加一个锁， 上线锁定不生效即可；

原创 wx:for循环中的key标识问题和setData函数

1.wx:for给每个循环的item绑定唯一的key,是为了避免在虚拟dom比较的时候，由于数据更新，使用了默认的index，导致渲染错位出现异常情况；2.wx:for中的每一个条目变量，item，index可以直接用，为了可读性，也可以修改成自己需要的变量；3.setData修改数据的时候，如果没有调用，会修改数据源，但页面不会重新渲染，所以必须调用setData函数；...

转载 flex布局避免父盒子被撑开，滚轮失效问题

弹性盒子Flex Box滚动条原理，避免被撑开，永不失效在HTML中，要实现区域内容的滚动，只需要设定好元素的宽度和高度，然后设置CSS属性overflow 为auto或者scroll：在Flex box布局中，有时我们内容的宽度和高度是可变的，无法确定下来，这时候设置滚动条，可能会失效。只要记住几个关键要素，就可以解决这个问题。1、清楚的知道当前元素的flex flow如果要设置水平滚动条，那么父元素的flex-flow要设置为row，如果要设置纵向滚动条，那么父元素的fl..

原创 在线展示开发文档

https://www.lanhuapp.com/

原创 mongoose

/* 引入mongoose */const mongoose=require('mongoose');/* 1.连接数据库 */mongoose.connect('mongodb://localhost:27017/m_data',{useNewUrlParser:true});/* 2.监听数据库的各种状态 */const db=mongoose.connection;/* 3.监听 *//* 3.1连接成功 */db.on('open',()=>{ console....

原创 mongoDB数据库操作（二）

//15.向集合中插入10000个文档 use test for(var i=1;i<=10000;i++){ db.demos.insert({counter:i}); }; db.demos.find(); db.demos.remove({});//16.查询demos中counter为666的文档 db.demos.find({counter:666}); //17.查询demos中counter小于666的文档 db.

原创 配置统一的接口请求模块

1.新建server文件夹2.根据不同模块配置对应模块的url3.例如：const USERCENTER={ url, method, }; export defaultUSERCENTER;4.进一步封装的话，可以在server中新建js,封装请求函数，把USERCENTER引入进来，暴露请求函数供外部使用...

原创 mongoDB操作的命令和数据库操作（一）

show dbs:显示数据库服务器中所有的数据库；

原创 弹性布局方案

1.弹性布局方案：淘宝lib-flexible；2.flex；3.rem;

原创 闭包

function box(){ var age=100; //使用匿名函数实现局部变量驻留内存中 return function(){ age++; return age; }};var b=box();console.log(b());console.log(b());console.log(b());con...

原创 mongodb可视化工具

NoSQL Manager的安装和使用https://www.cnblogs.com/TurboWay/p/8213656.html

原创 mongodb安装注意事项

安装下载地址:https://www.mongodb.org/dl/win32/1.偶数版本为稳定版，下载msi;2.高版本自带可视化图形界面，不用安装可视化工具3.如果想用nosqlmanager,可以下载3.2.4的版本；...