- 博客(24)
- 收藏
- 关注
RSS订阅原创 js 获取上月 上上月 上上上月 的开始时间和结束时间
好久没写博客了最近遇到了一个比较有意思的功能点 花了一天半的时间才弄出来难点：1、获取周和天感觉不难就不讨论了 后面会写实现的核心代码2、每个月的天数都不一样怎么办?3、上一年到下一年的过度阶段要注意。话不多说上代码天 输入num为 1昨天 2前天 … 如果输入-1会怎样我没试过 估计会获取到明天的时间范围function getDay (num){ if(num<=0) return; let day = new Date(); let y_start = new Date
2021-09-04 10:17:10
766
原创 在vue-router4的全局守卫中使用vuex里的方法
前言：百度了很多遍也找到我想要，那就自己写一个吧项目：vite2+vue3+vuex+router4写demo时遇到的一个小问题 希望能够帮到各位同僚1.在vue页面中使用vueximport { useStore } from 'vuex'const store = useStore();const login = ()=>{ //下面这行代码看不懂先去看看vuex文档 store.commit('glo/cutShowFull',true);}2.在vue-router4的
2021-04-16 10:28:56
2664
2
原创 scss--控制几行内溢出隐藏并显示省略号
使用的是scss语法$line:2;//行数 这里是设置默认值、也可以调用的时候输入，常用于商品标题设置@mixin overflow_omit($line:2) { -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: $line; overflow: hidden; display: -webkit-box;}...
2021-01-14 09:48:01
1192
原创 uniapp支付 原来支付也就是那么回事儿
使用了以后 原来支付也就是那么回事儿/* @data : 调用微信需要的参数 @callback: 支付后的回调函数 回调内容会包含（成功/失败/其他） */function payMoney(data,callback){ // #ifdef H5 //公众号 if (typeof WeixinJSBridge == "undefined"){ if( docume...
2020-03-25 17:21:39
745
原创 js的几种常见的函数模式
面想对象编程工厂模式构造函数模式原型模式寄生构造函数模式继承概念：ECMAScript只支持实现继承，而其实现继承主要依靠原型链实现原型链基本思想：利用原型让一个引用类型继承另一个引用类型的属性和方法继承方法借用构造函数原理：即在子类型构造函数内部调用超类型构造函数（我理解为：父类型构造函数）组合继承（伪经典继承）原理：使用原型链实现对原型属性和方法...
2019-09-27 18:12:13
334
原创 vue过渡动画transition标签+animate.css
最近在优化公司官网时遇到的问题，在此记录一下，以免忘记。transition标签介绍进入/离开的6个class切换v-enter：定义进入过度的开始状态。在元素被插入之前生效，在元素被插入后的下一帧移除。v-enter-active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数...
2019-08-24 11:25:53
2355
原创 移动端翻书turn.js的不完美demo
html<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-U...
2019-08-17 15:26:16
1507
原创 Proxy代理preventExtensions方法
介绍preventExtensions方法拦截Object.preventExtensions(),该方法必须返回一个布尔值，否则会被自动转为布尔值。1. Object.preventExtensions:阻止对象扩展，让一个对象变的不可扩展，也就是永远不能再添加新的属性demo1 这个方法有一个限制，只有目标对象不可扩展时（即Object.isExtensible(proxy)为fal...
2019-08-13 16:26:39
450
原创 Proxy代理ownKeys方法
介绍ownKeys方法用来拦截对象自身属性的读取操作。具体来说，拦截一下操作- Object.getOwnPropertyNames()- Object.getOwnPropertySymbols()- Object.keys()-for…in循环demo1 下面是拦截Object.keys()的例子{ let target = { a:1...
2019-08-13 16:23:58
1383
1
原创 Proxy代理isExtensible方法
介绍isExtensible方法拦截Onject.isExtensible操作demo1 { var p = new Proxy({},{ isExtensible:function(target){ console.log("called"); ...
2019-08-13 16:18:38
348
原创 Proxy代理has方法
介绍has方法用来拦截hasProperty操作，即判断对象是否具有某个属性时，这个方法会生效。典型的操作就是in运算符。has方法可以接受两个参数，分别是目标对象、需查询的属性名。demo1 下面的例子使用has方法隐藏某些属性，不被in运算符发现。 { var handler = { has (target,key) { ...
2019-08-13 16:16:35
1667
原创 Proxy代理getPrototypeOf方法
介绍getPrototypeOf方法主要用来拦截获取对象原型。具体来说，拦截下面这些操作-Object.prototype.proto//该特性已经从 Web 标准中删除，虽然一些浏览器目前仍然支持它，但也许会在未来的某个时间停止支持，请尽量不要使用该特性。-Object.prototype.isPrototypeOf()//isPrototypeOf() 方法用于测试一个对象是否存在于...
2019-08-13 16:13:58
413
原创 Proxy代理getOwnPropertyDescriptor方法
介绍getOwnPropertyDescriptor方法拦截ObjectgetOwnPropertyDescriptor,返回一个属性描述对象或者undefined。Object.getOwnPropertyDescriptor() 方法返回指定对象上一个自有属性对应的属性描述符。（自有属性指的是直接赋予该对象的属性，不需要从原型链上进行查找的属性）demo<script> ...
2019-08-13 16:12:22
308
原创 Proxy代理deleteProperty方法
介绍deleteProperty方法用于拦截delete操作，如果这个方法抛出错误或者返回false，当前属性就无法被delete命令删除。demo{ var handler = { deleteProperty(target,key){ console.log('key',key); ...
2019-08-13 16:10:49
1618
原创 Proxy代理defineProperty方法
介绍defineProperty方法拦截Object.defineProperty操作Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。直接看代码吧 { var handler = { defineProperty:function(target,key,d...
2019-08-13 16:09:30
727
原创 Proxy代理construct方法
介绍construct方法用于拦截new命令，construct方法可以接受两个参数：target：目标对象，args：构造函数的参数对象newTarget：创造实例对象时，new命令作用的构造函数语法 { var handler= { construct(target,args,newTarget){ ...
2019-08-13 16:01:56
808
原创 Proxy代理apply方法
介绍apply方法拦截函数调用、call和apply操作apply方法可接受三个参数，分别是目标对象，目标对象的上下文对象（this），目标对象的参数数组。语法{ var handler = { apply(target,ctx,args) { return Reflect.apply(......
2019-08-13 15:57:45
1921
原创 移动端H5图片上传
css <style> .box{ width: 500px; border: 2px solid greenyellow; box-shadow: 3px 3px 3px gray; margin: 50px auto; } .showImg{ width: 400px;...
2019-08-13 15:48:15
1343
原创 学习ES6语法proxy之set方法
介绍set方法用来拦截某个属性的赋值操作，可以接受四个参数，目标对象，属性名，属性值和Proxy实例本身，最后一个参数可选demo1 假定Person对象有个age属性，该属性应该是一个不大于200的整数，那么可以使用Proxy保证age的值符合要求 { let validator = { set:function (obj,prop,v...
2019-08-12 09:19:56
2637
原创 学习ES6proxy代理之get方法
介绍：get方法用于拦截某个属性的读取操作，可以接受三个参数，依次为目标对象、属性名和proxy实例本身（严格的说，是操作行为所针对的对象），其中最后一个参数可选。下面是一个拦截读取操作的例子。 var person ={ name:"张三" }; //拦截对象 var proxy = new Proxy(person,{ ...
2019-08-12 09:07:05
2314
原创 Array方法之Array.from（），附带对浅拷贝和深拷贝的理解
Array.from()作用：从一个类似数组或可迭代对象中创建一个新的，浅拷贝的数组实例。（1）：这里讲一下深拷贝和浅拷贝的区别浅拷贝：只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。深拷贝：会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。此处加一句：浅拷贝的对象若包含子对象，当新的对象对子对象发生改变时则会使原对象子对象一同改...
2019-07-31 17:06:34
4842
8
转载 编译scratch3.0桌面程序（根据原创进行了一点修改）
编译scratch3.0桌面程序1.首先操作系统是win10；2.安装好node.js,yarn,git；3.在github上下载scratch-gui和scratch-desktop的源代码，不需要用git clone的方式（下载全部源代码，太繁琐），直接下载zip压缩包即可；4.解压下载的文件5.首先cmd 进入scratch-gui-develop，依次运行如下命令npm ...
2019-03-18 10:17:44
11749
29
转载 # 将网页项目打包成桌面应用Electron的使用
将网页项目打包成桌面应用Electron的使用介绍一下electronElectron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。Electron的开发可以参考官方文档，这里只说开发...
2019-03-06 10:33:41
799
原创 fullpage插件的使用（内有下载插件地址）
简介fullPage.js是一个基于jQuery的全屏滚动插件，它能够很方便、很轻松的制作出全屏网站主要功能支持鼠标滚动多个回调函数支持手机、平板触摸事件支持 CSS3 动画窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等下载fullpage地址(https://github.com/alvarotrigo/fullPage.js)使...
2018-10-25 12:38:05
2840
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人