Front-Web
记录关于前端web的一些问题,包括框架啥的
aspire_cj
这个作者很懒,什么都没留下…
展开
-
微信小程序API 使用Promise封装wx.request统一请求入口
http封装js: httpService.jsimport { httpMethod} from "./commonConst";function wxPromisify() { return function (obj = {}) { return new Promise((resolve, reject) => { obj.success = function (res) { resolve(res.data); }; .原创 2020-08-10 11:29:36 · 1245 阅读 · 0 评论 -
CSS3中text-overflow的使用
一、text-overflow使用情况:指定当文本溢出包含它的元素。text-overflow的三个有效属性:属性值使用效果clip修剪文本,超出部分截断ellipsis显示省略符号(…)来代表被修剪的文本string使用给定的字符串来代表被修剪的文本二、单行文本溢满:当目标文本超过预期定义的长度时,超出的内容可以通过text-overflow来进行直接修剪、使用…代替、使用自定义字符来显示。示例:.nameOverflow { ove原创 2020-07-31 14:02:37 · 1823 阅读 · 0 评论 -
微信更新7.0.12版本后,小程序内的f2图表IOS坐标轴内容不显示,安卓闪退问题。
微信7.0.12版本,在小程序内所用F2创建的图表出现异常问题:IOS坐标轴内容不显示安卓闪退导致原因:微信最新版设置字体的时候,如果是多字体的话,ios会不显示, android下会闪退解决方式:常规F2:let ctx = canvas.getContext('2d')...ctx.font = "normal normal normal 12px Helvetica, sans-serif"; // 问题代码:ctx.font = "normal normal no原创 2020-07-30 10:03:04 · 1961 阅读 · 3 评论 -
微信小程序setData数据量过大问题的解决与分页刷新加载的实现
微信小程序官方文档对于setData的限制:https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html问题:从绿色框中可以看出,显示setData每次数据的上限是1024k,当数据量多大时,如何通过setData 来实现目的呢?解决:从红色框中可以看出,setData可以通过分批来对同一个data中的对象进行修改,而不是从新覆盖某个data中的对象。常规方式通过setData提交数据的做法:一次性将原创 2020-07-18 20:50:53 · 3742 阅读 · 0 评论 -
JavaScript中对象复制导致两个对象存在关联问题
S中的对象操作,我们需要把A对象的值赋给B,修改B后,而A不受影响。那如何要JS只将值赋给另一个对象,而不是把地址赋给另一个对象,导致改变影响源对象?目前主要的实现方法有两种:1. Object.assign(target, ...sources) // target:目标对象;sources:源对象2. JSON.parse(JSON.stringify(obj))对于方法1:Object.assign(target, ...sources)Object.assign() 方法用于将所有可枚原创 2020-07-17 20:25:11 · 871 阅读 · 0 评论 -
微信小程序中,JS中setInterval()和clearInterval()的使用以及注意事项
显示当前时间 ( setInterval() 函数会每秒执行一次函数,类似手表)。使用clearInterval() 来停止执行:clearInterval() 方法可取消由 setInterval() 函数设定的定时执行操作。clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。注意: 要使用 clearInterval() 方法, 在创建执行定时操作时要使用全局变量:以下是在微信小程序的一个interval.js页面展示的setInterval原创 2020-07-17 09:45:02 · 2647 阅读 · 0 评论 -
微信小程序视图组件scroll-view滚动条隐藏
描述 ::-webkit-scrollbar CSS伪类选择器影响了一个元素的滚动条的样式webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式。::-webkit-scrollbar 仅仅在支持WebKit的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用。、以下伪元素选择器去修改各式webkit浏览器的一个wxss文件的demo:./scrollbar.wxss....scroll-view { width: 94.原创 2020-07-17 09:15:44 · 900 阅读 · 0 评论 -
使用calc()函数在CSS属性值时执行计算
在现实中,我们经常要动态调整相对整个画面的整体高度或者宽度比如:我想设置一个div高度为整个屏幕的100% 再减去20px固定高度,这种如何实现呢?我们就可以适合用calc()函数调整了。使用方法width: calc(100% - 20px);calc方法可以使用 加(+)减(-)乘(*)除(/)注意:乘法,乘数中至少有一个是 number。注意:除法,除数(/ 右面的数)必须是 number。备注:‘+’ 和 - 运算符的两边必须要有空白字符。‘*’ 和 / 这两个运算符前后不原创 2020-06-11 10:06:14 · 813 阅读 · 0 评论 -
JavaScrpit的splice() 和slice() 方法的使用
定义和语法splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。– 注释:该方法会改变原始数组。slice() 方法可从已有的数组中返回选定的元素。– 注释:该方法并不会修改数组,而是返回一个子数组。返回值splice() :包含被删除项目的新数组,如果有的话。slice():返回一个新的数组,包含从 start 到 end (不包括该元素)的 items 中的元素。let items = ["a","b","c","d","e","f"]// 从第2个(ind原创 2020-06-10 14:37:18 · 512 阅读 · 0 评论 -
js 获取当前的前n小时
const getHoursDistance = (date, hour) => { console.log("util getHoursDistance date: ", date) date.setHours(date.getHours() - hour); console.log("util getHoursDistance changeDate: ", date) const year = date.getFullYear() const month = date.get.原创 2020-06-03 19:12:38 · 1407 阅读 · 0 评论 -
微信小程序 跳转页面刷新页面的数据
wx.navigateTo({ url: '/pages/attention/index', success: function (res) { var page = getCurrentPages().pop(); if (page == undefined || page == null) return; page.onLoad(); console.log原创 2020-05-26 14:23:36 · 3689 阅读 · 0 评论 -
Module build failed: Error: Node Sass does not yet support your current environment: WINX 64...报错问题
按照报错内容,我们可以发现问题的原因是node-sass不支持当前的环境。因此,最简单粗暴的解决方法便是删除重新安装。安装好的node-sass便支持该系统环境了先 卸载之前的node-sass如若以下命令无法删除,便直接找到node-sass文件夹删除。npm uninstall node-sass --save再 重新安装node-sass我使用的是cnpm而非npm,因为...原创 2020-04-12 14:56:47 · 618 阅读 · 0 评论 -
Module build failed: Error: Cannot find module 'node-sass'报错问题
由于项目需要,需要安装node-sass模块,便如一般时使用npm安装node-sass模块:npm install node-sass --save但是报出如下错误:gyp info it worked if it ends with okgyp verb cli [ 'C:\\Program Files\\nodejs\\node.exe',gyp verb cli 'E:\\...原创 2020-04-12 14:43:24 · 1498 阅读 · 1 评论