自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 问答 (1)
  • 收藏
  • 关注

原创 ES5 的构造函数和 ES6 的类有什么区别

构造函数的方法都是定义在构造函数的原型上,即原型上的方法被所有实例共享类的方法可以直接定义在类中,也可以定义在类的原型上,而且定义在类中的方法是不可枚举的。构造函数的prototype属性,在 ES6 的“类”上面继续存在。事实上,类的所有方法都定义在类的prototype属性上面。// ...// ...// ...// 等同于以下代码表明类的内部所有定义的方法,都是不可枚举的(non-enumerable)// ...// ...而直接定义在原型上的都是可枚举的this.x = x。

2023-08-22 15:34:55 928

原创 聊聊函数式编程中的“式”

当谈到函数式编程的“式”时,通常指的是函数的组合、转换和应用,以及处理数据的方式和风格。在函数式编程中,式是用来构建程序逻辑的基本单元。

2023-07-27 18:09:51 348

原创 【每日一个知识点二】原型链

隐式原型指向对象的构造函数的原型对象,而显式原型指向函数对象的原型对象。

2023-07-26 16:17:10 752

原创 【每日一个知识点一】箭头函数和普通函数的区别

箭头函数更简洁、更具有函数式编程的特点,适合简单的函数和匿名函数的场景。而普通函数则更灵活、更具有上下文的特点,适合需要动态改变 this 值或需要使用 arguments 对象的场景。具体选择哪种函数取决于具体的需求和上下文。

2023-07-26 11:59:36 188

原创 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 358

原创 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 451

原创 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 415

原创 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 793

原创 实现环形进度条

<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 198

原创 精灵图思路笔记

精灵图小工具提纲一、背景 随着产品的不断迭代更新,项目发展的越来越大,页面渲染的图片不断增多,客户端每需要访问一张图片都会向服务器发送请求,访问的图片数量越多,向服务器发送的请求次数越多,造成延迟的可能性越大,图片加载失败的次数也可能越多。二、目的 我们的宗旨是从合成到使用精灵图实现自动化编译,而在开发环境中开发者不需要了解精灵图是什么,只需要通过一些简单的配置便可以自动完成整个过程。...

2019-11-05 15:12:21 258

原创 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 172

原创 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 2452

原创 ios下拉背景图片放大

微信小程序全局关了下拉刷新,但是IOS还是可以下拉,于是产品就有新需求了,类似朋友圈那样的页面,下拉的时候背景图片要跟着放大显示铺满整个下拉背景,文笔不好,直接上关键代码↓ <view class="header"> <image src="{{bgImg}}" style="transform: scale({{scale}}) translateY({{trans...

2019-06-13 20:04:58 1124

原创 时间戳转换成几年前、几天前、几小时前等格式

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 1254

原创 js时间戳转换为日期格式

tsFormatTime(inputTime) { var time = parseInt(inputTime) *1000; var date = new Date(time); var y = date.getFullYear(); var m = date.getMonth() + 1; m = m &amp;lt; 10 ? ('0' +...

2019-02-27 19:45:37 545

原创 vue点击展开更多,点击收起

&lt;!-- 休闲娱乐界面 --&gt;&lt;template&gt; &lt;div&gt; &lt;div class="menus"&gt; &lt;div class="menus_item"&gt; &lt;div class="icon_box"&gt; &lt;spa

2019-01-31 19:26:20 8136

原创 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 11738 2

原创 CSS文本超出两行显示显示省略号

html&lt;div class="text"&gt;超出两行显示省略号&lt;/div&gt;css.text{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

2019-01-17 16:50:10 2060

原创 用mpvue写微信小程序tab栏切换

效果如下图:index.vue&lt;div class="test"&gt; &lt;div class="testNav"&gt; &lt;div :class="{'selected':tab === 1,'testTitle':true}" @click="changTab(1)" &

2019-01-15 16:08:33 3148

原创 nodejs搭建一个简单的本地服务器

首先我们要到Node.js官网下载对应版本的安装包下载完后双击运行安装一直点击下一步即可,等待安装完毕,测试是否安装成功:在cmd窗口输入node -v成功打印出版本号再输入npm -v现在nodejs安装完成了,这里用VScode完成代码编写,现在开始搭建本地服务器在VScode创建一个http.js文件// 1. 导入http模块const http = requir...

2018-11-12 21:38:16 1073

原创 js实现简单的轮播图

html+css代码:&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head lang=&quot;en&quot;&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&a

2018-11-12 21:28:28 207

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除