- 博客(33)
- 收藏
- 关注
RSS订阅原创 webpack学习日记
配置了这个配置项之后，可以帮助你实时监听代码文件的修改变化（如果是配置文件改变了，需要先执行 npx webpack 命令先编译打包，然后在运行 npx webpack-dev-server 因为这个只能是编译代码文件的），触发重新编译。也能实现浏览器的实时更新。entry：入口文件配置，属性名：entry，属性值：入口文件的相对路径。配置 devtool 可以更直观的观察代码中的错误，浏览器可以锁定代码中的错误。output：指示webpack打包的文件输出到哪里去、如何命名等。...
2022-08-10 14:42:56
78
原创 react的生命周期
react的生命周期在react17版本后，react将会废弃三个生命钩子函数，新增两个钩子函数。旧的生命周期函数图解旧的生命周期钩子有3个在react17版本之后就会被废弃，只能在其前面加上UNSAFT_才能继续使用，否则react会出现警告。它们分别是：componetWillMount、componentWillUpdate、componetWillReceiveProps。需要变成 UNSAFT_componetWillMount、UNSAFT_componentWillUpdate、UN
2022-04-03 12:14:05
472
原创 gulp-load-plugins详解
gulp-load-plugins 详解作用可以一次性包括 package.json 里面的所有的 gulp 依赖包，无需在 gulpfile.js 使用require 关键字一个一个的把依赖包导入进去安装// npm 安装npm install --save-dev gulp-load-plugins // --save-dev 是安装开发依赖// yarn 安装yarn add -D gulp-load-plugins配置项（默认配置项）const gulpLoadPlu
2021-10-20 15:00:32
668
原创 正则表达式
创建一个正则表达式// 方法1：使用 RegExp 对象创建var reg = new RegExp(/表达式/);// 方法2：直接创建var reg = /表达式/;正则表达式的关键字符// ^ 代表开始，$ 代表结束var reg = /^abc$/; // 只有abc 字符串才符合该正则表达式的规则// [ ] 代表可选var reg = /^[abc]/; // 表示只要是以a b c 三个字符中的任一个字符开头都算对// [^] 中括号内的^ 代表取反var reg
2021-03-10 11:45:11
71
原创 css3的transform属性
translate移动1、2d的移动2、3d的移动3、使用 translate 移动的优点：不会影响其它盒子，但是对行内元素不起作用// 常用知识点// transform: translate(50%, 50%); 百分比是相对与自身的// 设置盒子水平居中，垂直居中<style> .father { position: relative; } .child { position: absolute; left: 50%; top: 50%; t
2021-03-10 11:06:58
206
原创 改变函数的this指向的三个方法
三个方法的基本简介1、三个方法都是继承自Function.prototype，普通的对象、数组、函数都继承了这三个方法，所以普通的对象、数组、函数都可以使用这三个方法。call 方法call 方法有两个作用1、调用函数2、改变函数的 this 指向// call方法的第一个参数是要指定的this环境（不可以为空，可以为null、undefined），第二、第三...个参数是要传递的参数var o = { name: 'andy'}function fn(a, b) {
2021-03-07 23:30:56
403
原创 this指向
普通函数调用的this指向普通函数里面的this指向是 window// 1. 普通函数 this 指向windowfunction fn() { console.log('普通函数的this' + this);}window.fn();构造函数调用的this指向构造函数的 this 指向的是 实例对象// 3. 构造函数 this 指向 ldh 这个实例对象 原型对象里面的this 指向的也是 ldh这个实例对象function Star() {};Star.prot
2021-03-07 22:18:21
56
转载 三种隐藏元素的方式
第一种display: none1、浏览器不会渲染 display: none的元素，在页面中不占空间2、子元素设置 display: block 也不可见3、无法对其设置事件监听4、值的改变会引起回流和重绘5、无法对其设置过渡效果第二种：visibility：hidden1、占据页面空间2、子元素设置非visibility：hidden，可见3、无法对其设置事件监听4、值的改变只会引起重绘5、可以对其设置过渡效果第三种：opacity：01、占据页面空间2、子元素设置
2021-03-07 15:03:08
615
原创 js中继承的几种方法
第一种方法 ( 使用call方法 )想要实现继承，就在子构造函数的内部调用 call 方法，改变父函数里面的 this 指向。function Father(uname, age) { this.uname = uname; this.age = age}function Son(uname, age) { Father.call(this, uname, age);}第二种方法（使用原型链继承）function Father(uname, age) { this.uname =
2021-03-07 10:38:20
98
原创 vue中组件之间传值
父组件向子组件传值利用 props 传值// 静态传值<body> <div id="app"> <child msg='你好,子组件'></child> </div> <script src="./js/vue.js"></script> <script> Vue.component('child', { prop
2021-03-06 23:19:29
96
原创 vue中组件的创建
全局组件的创建Vue.component('组件名称', { data: function() { return {} }, template: '组件模板内容'})局部组件的创建var componentA = { data: function() { return {} }, template: '组件模板内容' }var vm = new Vue({ components: { '组件名称': componentA }})...
2021-03-06 16:55:41
77
原创 js中client、offset、scroll系列
offset系列offset 表偏移的意思，是相对于其有定位的父级来说的，如果该元素的父辈们都没有定位，那么就相对于body来说。而且返回值不带单位。// 获取相对于有定位的最近一级的父级元素，没有定位的父辈们，则返回bodyelement.offsetParent// 获取距离有定位的最近一级父辈的顶部距离，没有则返回距离body的顶部距离element.offsetTop// 获取距离有定位的最近一级父辈的左侧距离，没有则返回距离body的左侧距离element.offsetLeft
2021-03-06 16:22:37
96
原创 解决跨域请求的三种方式
为什么要解决跨域的问题由于浏览器的同源政策的影响，A网站下面的客户端能够发送请求给B网站的服务器端，但是由于浏览器的同源政策，浏览器会自动拦截B网站发送回来的响应的信息。解决跨域的第一种方法利用 script 标签中的 src 属性去解决// 该jsonp方法传递的参数是一个对象function jsonp (options) { // 动态创建script标签 var script = document.createElement('script'); // 拼
2021-03-06 15:06:51
1381
原创 用js代码修改checkbox的checked属性值不会触发onchange事件
用js代码修改checkbox的checked属性值不会触发onchange事件
2020-12-07 22:16:02
746
原创 在 html 上空格显示不出来
问题描述：有时候在html上面编写代码的时候, 需要有空格显示。但是手打的空格在网页中显示不出来。解决办法：利用转义字符： 使用全角拼音，然后再输入空格
2020-12-07 09:08:08
825
原创 jQuery中animate()函数无法调用display属性
今天用 jQuery 写一个小功能的时候，想要利用 jQuery 中的 animate（） 函数去改变元素的 display 属性时，发现是不可行的。原因：不是所有样式属性都会被动画 animate 所支持的解决方法：可以操作它的opacity属性来控制；...
2020-12-05 16:46:50
580
原创 python像素鸟游戏
该程序实现了像素鸟小游戏。该游戏的主要功能为：按下电脑键盘上面的 ↑ 键，让小鸟飞行，每越过一对管子，分数就加一。如果小鸟撞击了管子或者小鸟飞出游戏界面，那么游戏就会结束，同时显示你的分数和历史最高分.
2020-07-07 12:29:49
3927
3
原创 cc2530之定时器1的输出比较模式(PWM实验)
PWM实验是通过调节高低电平所占的时间比,控制灯的亮暗程度1. 查看灯的原理图之前在第一篇博客中有写道led的配置和相关知识,此处就不再重复了.这里我们使用D3LED来进行实验,可以从原理图中看出D3LED是由P1_0口控制的P1SEL |= 0x01; //设置P1_0口为外设口P1DIR |= 0x01; //设置P1_0口为输出端口2. 查看外设io图由上图中可以看出定时器...
2020-02-29 12:20:57
3364
3
原创 cc2530之定时器1(自由模式,中断模式)
1、查看中断图2、配置定时器1T1CTL = 0x0d; //设置为128分频，选择自由运行模式TIMIF = 0x40; //设置了 TIMIF.OVFIM,让定时器1产生中断IRCON = 0x00; //清理中断标志位EA = 1; //打开总中断T1IE = 1; //打开定时器T1中断3、总体代码#include<ioCC2530.h>...
2020-02-27 11:16:14
6264
1
原创 cc2530之定时器1
cc2530之定时器1自由模式(查询方式)1、查看芯片手册定时器要实现定时的功能，要先设定其工作频率，这里不设定，保持默认就好。由上图可知默认的工作频率是16MHZ定时器1拥有好几种工作模式：自由运行模式、模模式、正计数/倒计数模式，这里我们选择的是自由运行模式选择自由运行模式T1CTL = 0x0d; //设置为128分频，选择自由运行模式清理标志位T1STAT = ...
2020-02-20 21:45:35
3143
原创 cc2530之外部中断实验
1. 查看原理图图1.1由图1.1，可以把端口P1_2设置为外部中断的输入引脚2、查看芯片手册图1.2设置P1_2端口为普通io端口P1SEL &= ~0x04; //设置P1_2为普通io设置P1_2为输入端口P1DIR &= ~0x04; //设置P1_2口为输入端口由图1.2可知先设置P1_2是上升沿触发还是下降沿触发开启PICTL.P1ICO...
2020-02-19 21:13:47
1285
原创 cc2530之按键实验
1、查看原理图由原理图可得把P1_2配置成输入引脚，当按键未按下时，P1_2是高电平，按键按下后P1_2是低电平，输入引脚需要配置为上拉、下拉或者是三态模式2、查看芯片手册先配置P1_2端口为普通io口P1SEL &= ~0x04; //设置为普通io模式配置P1_2端口为输入模式P1DIR &= ~0x04; //设置为输...
2020-02-19 12:08:42
1313
原创 cc2530之点亮LED
1. 查询原理图从图中可以看出D3LED和D4LED分别是通过P1_0和P1_1控制的,而且当P1_0和P1_1端口输出高电平的时候,LED被点亮2. 查看cc2530的芯片手册配置P1_0端口和P1_1端口为普通io口P1SEL |= 0x00; //设置为通用io模式配置P1_0端口和P1_1端口为输出端口P1DIR |= 0x03; //设置成输出状态...
2020-02-18 11:10:20
1623
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人