- 博客(14)
- 收藏
- 关注
RSS订阅
原创 我们一起学ES6
ES6持续学习笔记let,var,constletvarconst二级目录三级目录let,var,constlet1、let同一作用域不能重复声明，会报错2、作用域：全局作用域和块级作用域{} if(true){ let a = 1; } console.log(a);//这里拿不到a的值并会报错3、不存在变量提升var1、var 可以重复声明2、作用域：全局作用域和函数作用域3、存在变量提升const1、不可以重复声明2、不能重新赋值3、不存在变量提升二级目录三级
2020-08-04 18:28:01
188
原创 Laravel 使用阿里云短信发送验证码
安装：composer require mrgoon/aliyun-sms dev-master在config/app.php里的providers配置'providers'=>[ /** * 阿里云短信 */ Mrgoon\AliSms\ServiceProvider::class,]顺便设置别名'aliase...
2020-04-21 23:00:03
766
2
原创 用原生JS实现Windows日历（一）
用JS实现Windows日历整体效果图时钟绘制与运转生成刻度js的实现效果素材整体效果图时钟绘制与运转生成刻度//html代码 <div id="wrap"> <!-- 上面的日期时钟部分 --> <div class="date"> <!-- Clock --> ...
2020-04-15 23:38:08
630
原创 vue mixin的基本用法
mixin:一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 mixin也跟vue对象一样含有vue的生命周期和data，methods等用法 <div id="app"> <component-A></component-A> <component-B></component-B> </div> <script src
2020-10-08 16:49:31
262
原创 JS 关于面向对象的那些事(一)
一、对象创建1.let obj = {age:12,name:'小明'}2.构造函数:let obj = new Object() obj.name = '小明';new函数，默认情况下回返回一个对象3.Object.create()；//属性方法会放在原型上let obj = Object.create({name:'小明'});二、工厂模式function Person(name,age){ let obj = {}; obj.name = name; obj.age = age;
2020-08-02 23:52:01
161
原创 call、apply、以及bind的用法
1、call（）方法使用一个指定的this值和一个或多个参数来调用一个函数。简单来举个例子就是一个对象可以通过call去调用另外一个对象的构造函数或者属性或者方法.如果这个函数处于非严格模式下，this则指定为 null 或 undefined 时会自动替换为指向全局对象function School(schoolname){ this.schoolname = schoolname; this.changeSchool = (schoolname,name='')=>{
2020-07-29 00:42:14
193
原创 webpack入门到实战（二）------loader的使用
webpack入门到实战（二）------loader的使用loader的概念事例file-loaderOptionsurl-loaderoptionslimitfallbackloader的概念个人理解：一种打包方案，因为webpack只识别js文件，并不会打包其他格式的文件，通过各种loader可以去用不同方案进行打包。官方解释：loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。因此，loader 类似于其他构建工具中“任务(task)”
2020-07-11 15:12:03
575
原创 webpack入门到实战（一）------安装及使用Webpack的配置文件
概念：webpack 是一个现代 JavaScript 应用程序的*静态模块打包器(module bundler)在项目创建好安装webpack的几个步骤1.首先npm init生成package.json2.npm install webpack webpack-cli -D（项目局部安装）3.卸载全局webpack:npm unistall webpack webpack-cli -g（如果不小心在全局装了webpack的话，为什么不建议在全局装是因为如果遇到两个项目使用的webpack版本不一
2020-07-07 23:47:22
128
原创 完美适配移动端的裁剪图片--jQuery-photoClip
通过jQuery-photoClip插件可以实现适配移动端进行裁剪，旋转、缩放等功能。效果网站：http://www.jylynn.top/photoClip/效果：实现如下： body,html{ font-size: 50px; } .main{ width: 100%; height: 100%; } /* 上传按钮盒子 */ .uploa
2020-05-10 20:24:33
1206
原创 用原生JS实现Windows日历（完）
用JS实现Windows日历（终）切换视图上滑下滑效果前期回顾：用原生JS实现Windows日历（一）用原生JS实现Windows日历（二）切换视图也就是日视图切换到月视图再切换到年视图。 //获取切换按钮 var optionBtn = document.querySelector('#option'); var optionType...
2020-04-22 00:42:48
440
原创 用JS实现Windows日历（二）
用JS实现Windows日历（二）获取当前月有多少天显示日期创建年月日视图创建年视图前期回顾： 用JS实现Windows日历（一）获取当前月有多少天这个知识我们先熟悉一下，下面会用到。首先Date对象里的月份是从0开始的，这个需要知道，也就是0代表1月，以此类推。然后我们用实例化对象的值去获取当月有多少天。var day1 = new Date(2020,4);//这里会输出Fri Ma...
2020-04-17 11:51:45
667
原创 css3动画animation学习笔记
animation学习笔记简单了解animation兼容性Animation，一个简写属性@keyframes 关键帧规则简单了解animationCSS Animations 是CSS的一个模块，它定义了如何用关键帧来随时间推移对CSS属性的值进行动画处理。关键帧动画的行为可以通过指定它们的持续时间，它们的重复次数以及它们如何重复来控制。兼容性目前从Can I Use查到浏览器的兼容性还...
2020-04-01 18:01:24
456
原创 css3 transition学习笔记
css3 transition学习笔记简单了解transition兼容性可动画属性的列表是需要注意的小问题transition-property(动画指定过渡属性)transition-duration（过渡时长）transition-timing-functiontransition-delaytransition复合写法检测动画运行完成简单了解transition首先字面翻译是过渡的意思，...
2020-03-29 14:47:46
286
原创 swiper自动轮播有时候可以有时候失效的问题
参考文章自https://blog.csdn.net/qweasdzxc_1092665276/article/details/79993525 new Swiper ('#reward-bordcast-container', { direction: 'vertical', loop: true, autoplay: 3...
2020-03-14 11:33:56
1496
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人