- 博客(21)
- 问答 (1)
- 收藏
- 关注
原创 ES5 的构造函数和 ES6 的类有什么区别
构造函数的方法都是定义在构造函数的原型上,即原型上的方法被所有实例共享类的方法可以直接定义在类中,也可以定义在类的原型上,而且定义在类中的方法是不可枚举的。构造函数的prototype属性,在 ES6 的“类”上面继续存在。事实上,类的所有方法都定义在类的prototype属性上面。// ...// ...// ...// 等同于以下代码表明类的内部所有定义的方法,都是不可枚举的(non-enumerable)// ...// ...而直接定义在原型上的都是可枚举的this.x = x。
2023-08-22 15:34:55 769
原创 聊聊函数式编程中的“式”
当谈到函数式编程的“式”时,通常指的是函数的组合、转换和应用,以及处理数据的方式和风格。在函数式编程中,式是用来构建程序逻辑的基本单元。
2023-07-27 18:09:51 267
原创 【每日一个知识点一】箭头函数和普通函数的区别
箭头函数更简洁、更具有函数式编程的特点,适合简单的函数和匿名函数的场景。而普通函数则更灵活、更具有上下文的特点,适合需要动态改变 this 值或需要使用 arguments 对象的场景。具体选择哪种函数取决于具体的需求和上下文。
2023-07-26 11:59:36 101
原创 javaScript内存溢出vue-cli3解决方案
项目运行内存溢出(Last few GCs)vue-cli3解决方案补充:运行项目时报错vue-cli3解决方案1、scripts中添加一句指令 "scripts": { ... "fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit", }2、安装两个npm包: increase-memory-limit 和cross-env3、安装完成后,执行npm run fix-memory-limit,然后执行
2021-09-13 11:56:44 251
原创 canvas画圆角矩形
/** * 画圆角矩形 * @param {*} ctx * @param {*} x 圆角矩形起始坐标x * @param {*} y 圆角矩形起始坐标y * @param {*} width 矩形宽度 * @param {*} height 矩形高度 * @param {*} r 矩形圆角 * @param {*} color 矩形填充颜色 */ function drawRoundedRectan.
2020-08-03 18:32:58 308
原创 js算法题之矩阵斜遍历
题目:答案:function deciphering (arr) { let decipheringStr = '' let m = arr[0].length; let n = arr.length console.log(m + n) for (let i = 0; i < m + n - 1; i++) { for (let row = 0; row <= i; row++) { let col = i -
2020-05-13 10:45:33 329
原创 js获取范围随机数
/** * 随机数 * @param min 最小范围 * @param max 最大范围 * @param num 小数的位数,不填默认整数 */function getRandomNumber (min, max, num) { let random = (min + Math.round(Math.random() * (max - min))); let rand...
2020-03-31 15:41:20 621
原创 实现环形进度条
<view class="circleProgress_wrapper"> <view class="text">{{proText}}</view> <view class="wrapper right"> <view class="circleProgress rightcircle" style="t...
2020-03-16 19:19:08 139
原创 精灵图思路笔记
精灵图小工具提纲一、背景 随着产品的不断迭代更新,项目发展的越来越大,页面渲染的图片不断增多,客户端每需要访问一张图片都会向服务器发送请求,访问的图片数量越多,向服务器发送的请求次数越多,造成延迟的可能性越大,图片加载失败的次数也可能越多。二、目的 我们的宗旨是从合成到使用精灵图实现自动化编译,而在开发环境中开发者不需要了解精灵图是什么,只需要通过一些简单的配置便可以自动完成整个过程。...
2019-11-05 15:12:21 216
原创 css水果机媒介查询适配
/*iphobeX、iphobeXS适配*/@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {}/*iphobeXS Max适配*/@media only screen and (device-width: 414px) a...
2019-08-16 15:01:58 131
原创 css3完成图片3d立体旋转效果
<view class="cuboidBox"> <view class="cuboidFace frontFace"><image class="mold2_img" src="{{photoImg ? photoImg : 'http://flyclient.heywoodsminiprogram.com/albumImages/matrix/detail...
2019-07-22 11:37:19 2315
原创 ios下拉背景图片放大
微信小程序全局关了下拉刷新,但是IOS还是可以下拉,于是产品就有新需求了,类似朋友圈那样的页面,下拉的时候背景图片要跟着放大显示铺满整个下拉背景,文笔不好,直接上关键代码↓ <view class="header"> <image src="{{bgImg}}" style="transform: scale({{scale}}) translateY({{trans...
2019-06-13 20:04:58 963
原创 时间戳转换成几年前、几天前、几小时前等格式
timeFormat(time) { if (time > 0) { var result time = parseInt(time) * 1000; var minute = 1000 * 60; var hour = minute * 60; var day = hour * 24; ...
2019-05-17 12:06:52 1178
原创 js时间戳转换为日期格式
tsFormatTime(inputTime) { var time = parseInt(inputTime) *1000; var date = new Date(time); var y = date.getFullYear(); var m = date.getMonth() + 1; m = m &lt; 10 ? ('0' +...
2019-02-27 19:45:37 473
原创 vue点击展开更多,点击收起
<!-- 休闲娱乐界面 --><template> <div> <div class="menus"> <div class="menus_item"> <div class="icon_box"> <spa
2019-01-31 19:26:20 7983
原创 mpvue中使用vant时需要注意的onChange事件的坑
最近用了一下Vant Weapp组件库,但是由于我是用mpvue写的,所以自然跟小程序引用不一样,比如我最近引用了vant里面的collapse折叠面板,官网文档里面介绍的使用方法是这样的1.在 app.json 或 index.json 中引入组件"usingComponents": { "van-collapse": "path/to/vant-weapp/dist/collapse/...
2019-01-19 14:46:33 11514 2
原创 CSS文本超出两行显示显示省略号
html<div class="text">超出两行显示省略号</div>css.text{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
2019-01-17 16:50:10 1989
原创 用mpvue写微信小程序tab栏切换
效果如下图:index.vue<div class="test"> <div class="testNav"> <div :class="{'selected':tab === 1,'testTitle':true}" @click="changTab(1)" &
2019-01-15 16:08:33 3090
原创 nodejs搭建一个简单的本地服务器
首先我们要到Node.js官网下载对应版本的安装包下载完后双击运行安装一直点击下一步即可,等待安装完毕,测试是否安装成功:在cmd窗口输入node -v成功打印出版本号再输入npm -v现在nodejs安装完成了,这里用VScode完成代码编写,现在开始搭建本地服务器在VScode创建一个http.js文件// 1. 导入http模块const http = requir...
2018-11-12 21:38:16 1014
原创 js实现简单的轮播图
html+css代码:&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&a
2018-11-12 21:28:28 170
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人