- 博客(15)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 支付宝小程序计算scroll-view高度占满屏幕高度（底部）
要实现一个顶部卡片加tab栏，然后下面是个到底部的scroll-view，如下图中商家和评价所在的tab要求固定不动往常不考虑滚动时顶部不动的时候都是比较随意的把scroll-view的高度给的大一点，但是这次要求顶部是不动的，于是就需要计算一下实际的scroll-view的高度，实现起来很简单，并没有比百度上所说的css的方式复杂多少，代码如下：需要注意的是，支付宝小程序回调函数是放在exec()中执行的，和微信小程序不同onReady(){ this.computeScr.
2021-07-12 17:43:20
1403
1
原创 Promise使用小结
在描述Promise之前，先明确js中的异步概念，js代码在实际的执行中是单线程的，因此不存在异步的概念，但是浏览器不是单线程的，简单理解异步机制就是当代码中开启类似于setTimeout、ajax等异步任务时，浏览器会有一个单独的线程去记录这些异步任务，并把它们放入一个消息队列，当同步代码执行完成时会去调用消息队列里的异步任务Promise的出现，最为主要的是为了解决回调地狱的问题，它的基本实现还是基于回调方法，本文主要记录Promise的日常使用，后续文章会记录Promise的实现原理常用的两种
2020-10-12 22:53:50
193
原创 使用径向渐变实现两端凹槽，卡券效果
手头有个需求，需要实现如下效果：实现途中两边的凹槽效果，一开始的思路是使用伪类，html中中间凹槽和分割线是一个div，代码如下：<template lang="jade"> act-dialog( :visible="visible", width="80%", @cancel="handleCancel" ) .store-content(slot="content") .header-area
2020-08-19 21:29:21
439
原创 vue-router_多个router-view以及传参问题整理
一.多个router-view的问题一个页面可以配置多个router-view，加上name属性使之区分，在路由配置中需要将component变为components，代码如下<template> <div id="app"> <div id="nav"> <router-link to="/">Home</router-link> | <router-link to="/about">Ab
2020-08-14 10:32:12
4887
原创 node修改全局包路径后导致npm命令报读写权限（operation not permitted）问题
今天入职新的公司，用的公司电脑，要装一波环境，由于时隔一年多没装过就找了个帖子照着装，怕漏了什么步骤，然后就遇到了下述问题node安装好了之后，按照帖子里说的修改全局包的存储路径（默认是安装依赖包实在node_modules中，这样修改就是为了不让都装在一个盘里怕空间不足，不过好像我也不存在这个问题，但还是照着改了一下）如下：修改之后，安装vue脚手架，一直报错operation not permitted，按照帖子中说的环境变量也修改了，可是就是搞不定，最后只好撤销掉那个设置，重新装了一.
2020-08-10 18:05:27
929
4
原创 微信小程序引入vant 提示没有可以构建的npm包
今天尝试在微信小程序中引入vant UI组件，然后按照官网说明去npm安装，然后点击工具构建npm，却一直提示没有可以构建的npm包经过仔细查阅官方文档和找了一波技术帖，最终按照以下步骤成功引用vant UI1. 在项目根目录下npm init，然后一路回车2.npm i vant-weapp -S --production 安装3.微信开发者工具>工具>构建npm 构建完成生成miniprogram_npm文件夹3.详情>使用npm模块4...
2020-07-15 01:09:45
1092
原创 nvue和vue通信的问题
一.过期的版本1.消息发送页 index.nvue：export default { methods:{ postMessage(num){ console.log("准备发送"+num) uni.postMessage('page-send', { data: num, from: "index" }) } }}2.在App.vue里使用onUniNViewMessage进行监听export default { onUniNVi...
2020-07-08 11:46:58
1150
1
原创 跨域的原因及解决方案
一.同源策略（造成跨域的原因）首先，MDN上的关于同源策略解释如下：同源策略是一个重要的安全策略，它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档，减少可能被攻击的媒介。定义：如果两个URL的protocol（协议）、host（主机地址) 、port（端口）都相同，则这两个URL同源示例（来自MDN）：http://store.company.com/dir/page.html简单点说：同源策略限制...
2020-07-07 17:53:44
470
原创 使用node.js构建服务模拟数据接口demo
首先了解几个依赖管理工具（相当于后端开发的maven）：1.npm： node自带，安装依赖包从国外下载，速度较慢2.cnpm：需要手动安装，从淘宝镜像下载，速度较快3.yarn: faceBook出品，也是从国外下载，速度较慢如何构建服务？(基于express框架进行构建)（1）生成package.json（依赖管理，设置命令）： npm init -y(2)安装express依赖包： npm install express -s(3)编写server.js.
2020-07-06 16:50:38
527
原创 JS笔记（五）_JS闭包
JS闭包是一个绕不过去的知识点，这里主要是为了记一下闭包相关的知识点，以及闭包的简单实现和原理1.作用域、作用域链参照《JS高级程序设计》这本书中（PS:对比了一下犀牛书与这本书的关于闭包的解释，个人觉得JS高程的阐述更加容易理解，不喜勿喷）：<--“执行环境”是JS中最为重要的一个概念，执行环境定义了变量或函数有权访问其他的数据，决定了各自的行为，每个执行环境都有与之关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中，虽然我们编写的代码无法访问这个对象，但解析器在处理数据时
2020-07-05 13:37:22
187
原创 uniApp / 小程序实现一个view滚动到一定高度置顶显示
最近在使用uniApp做一个模仿美团小程序的demo，其中遇到这样一个需求，就是筛选模块滚动到顶部就置顶显示查阅了uniApp的官方文档以及微信小程序的官方文档，发现都有一个相同的API,如下：实现思路如下：1.在onLoad或mounted页面初始化的生命周期方法中获取需要置顶的view距离顶部的高度保存到data中onLoad() { // 监听筛选组件距离顶部的距离 const query = wx.createSelectorQuery() query.select.
2020-07-03 22:55:46
2892
原创 JS笔记（四）_this指向问题、事件委托、冒泡的理解
一.this指向1.普通函数直接调用var a = 1function test(){ console.log(this.a)}test() //1//因为test是直接调用的，没有其他的绑定规则，这里进行了默认绑定，将全局对象绑定this上，//所以this.a 就解析成了全局变量中的a2.内置函数function f(){ console.log(this)}setTimeout(f,1000) //window3 .回调函数v.
2020-07-03 16:48:56
399
原创 JS笔记（三）_深浅拷贝、js原型
1.深浅拷贝//同时参考：https://segmentfault.com/a/1190000008838101//第一种对象拷贝(无法拷贝方法)var obj = { name: 'daliu', age: 25, action: function(){}}console.log(JSON.stringify(obj)) //{"name":"daliu","age":25}var obj2 = JSON.parse(JSON.stringify(obj
2020-07-02 20:35:22
179
原创 JS笔记（二）_对象类型检测
1. js对象类型检测1.typeof(只能区分基本类型和对象类型)console.log(typeof(null)); //Objectconsole.log(typeof(false)); //booleanconsole.log(typeof('str')); //Stringconsole.log(typeof(11)); //numberconsole.log(typeof(undefin
2020-07-01 17:06:23
268
原创 JS笔记（一）_JS基本类型、数组和对象基本概念和方法
1.JS基本类型：ECMAScript 中有5种简单数据类型（也称为基本数据类型）：Undefined,Null,Boolean,Number和String。一种复杂数据类型：object# typeOf null 的结果为Objectvar n = nullvar flag = truevar s = 'str'var num = 11var un = undefined console.log(typeof(n)); //objectconsole.log(t
2020-07-01 17:01:05
160
空空如也
AndroidStudio导入项目的时候报错
2018-05-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人