随笔分类 -  大前端基础

canvas 与 webGL , openGL
摘要:通常我们将 CANVAS 与 webGL 区分开 , 移动端和WEB端区分开 类似于这种关系: // 通过getElementById()方法获取canvas画布 var c2dx=document.getElementById('c2dx'); // 通过方法getContext()获取2d上下文 阅读全文
posted @ 2021-04-18 12:29 jude_liu 阅读(948) 评论(0) 推荐(0)
前端朔源: 微服务与微前端
摘要:参考:https://microfrontends.com/ 微服务与微前端,都是希望将某个单一的单体应用,转化为多个可以独立运行、独立开发、独立部署、独立维护的服务或者应用的聚合,从而满足业务快速变化及分布式多团队并行开发的需求。如康威定律(Conway’s Law)所言,设计系统的组织,其产生的 阅读全文
posted @ 2021-04-16 23:35 jude_liu 阅读(462) 评论(0) 推荐(0)
前端溯源:宏任务与微任务|事件循环
摘要:强烈建议 参考:https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/?utm_source=html5weekly 每个“线程”都有自己的事件循环,因此每个Web工作者都有自己的事件循环,因此可以独立执行,而同一源 阅读全文
posted @ 2021-04-16 21:35 jude_liu 阅读(138) 评论(0) 推荐(0)
前端溯源:生命周期
摘要:手册:https://www.kancloud.cn/holydie/js/716345 0. HTML 生命周期https://baijiahao.baidu.com/s?id=1682450522786076418&wfr=spider&for=pc 1. 变量声明周期 1.闭包 2.引入全局变 阅读全文
posted @ 2021-04-16 18:12 jude_liu 阅读(155) 评论(0) 推荐(0)
前端溯源:样式
摘要:获取相关节点 class: document.querySelector('.q-header') 获取相关节点 tag: document.querySelector('h2, h3') js改变css样式的5种方式 第一种:使用 cssText 全属性 *.style.cssText = "he 阅读全文
posted @ 2021-04-16 14:07 jude_liu 阅读(162) 评论(0) 推荐(0)
前端朔源:像素
摘要:设备需要适配多屏幕进行开发,第一个问题初始化像素。像素分为两种: 1. 当前显示设备的物理像素分辨率 单位 pt 2. CSS像素分辨率 单位 px 3. 设备独立像素:随着技术发展,设备不断更新,出现了不同PPI的屏幕共存的状态(如iPhone3G/S为163PPI,iPhone4/S为326PP 阅读全文
posted @ 2021-04-16 12:30 jude_liu 阅读(152) 评论(0) 推荐(0)
react 组件间参数传递
摘要:基础用法、父子通信 ①传值 <MyHeader myTitle="这是登录页面"> </MyHeader> ②接收 在MyHeader组件中接收通过myTitle属性给 传递的数据 this.props.myTitle var MyHeader = React.createClass({ rende 阅读全文
posted @ 2021-01-23 21:26 jude_liu 阅读(791) 评论(0) 推荐(0)
react全局变量使用react-redux
摘要:在src目录下创建四个js文件分别为 index.js, action.js, reducers.js, state.js 分别用来创建store仓库,异步请求,真正用到的数据集合,默认数据设置 需要用到的工具有 Npm install redux -s 状态管理工具,与React没有任何关系,其他 阅读全文
posted @ 2021-01-23 21:23 jude_liu 阅读(1600) 评论(0) 推荐(0)
自定义javascript日历控件
摘要:1.首先取得处理月的总天数 JS不提供此参数,我们需要计算。考虑到闰年问题会影响二月份的天数,我们先编写一个判断闰年的自编函数: //判断是否为闰年 function is_leap(year) { //闰年的条件是符合下面二者之一: //(1)年份能被4整除,但不能被100整除; //(2)年份能 阅读全文
posted @ 2021-01-22 14:47 jude_liu 阅读(179) 评论(0) 推荐(0)
使用react-redux实现异步请求
摘要:第一步骤:安装react-redux(前提已经安装了redux) npm install react-redux 建立一个store文件夹,里面放置和store有关的文件 第二步骤:创建store.js store.js //react-redux import {createStore} from 阅读全文
posted @ 2021-01-21 13:56 jude_liu 阅读(1439) 评论(0) 推荐(0)
JavaScript的订阅者模式--实现一个简单的事件监听框架
摘要:为什么要用到事件监听? 在实际开发过程中,经常会遇到下面这种情况: 某个页面包含Header头部、Nav导航、用户个人信息等。这些模块都要等用户登录之后通过发起Ajax异步请求来获取数据。 如果按照之前的做法,需要我们在Login成功之后的回调函数中调用各个模块获取数据的函数。这样看貌似没有什么问题 阅读全文
posted @ 2021-01-13 16:18 jude_liu 阅读(392) 评论(0) 推荐(0)