随笔分类 -  前端技术整理

3.css 解决防坍塌4种方案
摘要：问题重现： 子元素浮动，还会对父元素造成影响。 如果子元素浮动起来，就不占用普通文档流的位置。父元素的高度就会失去支撑，也称为高度坍塌。 阅读全文
posted @ 2023-02-12 18:18 a魏国 阅读(31) 评论(0) 推荐(0)
egret微信小游戏色彩消消消源码
摘要：需要源码联系qq 444818397 阅读全文
posted @ 2019-11-22 10:01 a魏国 阅读(244) 评论(0) 推荐(0)
select城市联动组件（ts和es）
摘要：百度网盘：链接: https://pan.baidu.com/s/1jFSbZS0aKZF6LwKq1ObSAA 提取码: pqrs 阅读全文
posted @ 2019-11-19 16:04 a魏国 阅读(286) 评论(0) 推荐(0)
es6 实现原生select组件，只用于学习，有哪些不足请指出
摘要：select 组件效果 这里不废话了直接上代码 HTML结构和select组件样式 javascript代码 代码复制到自己电脑，浏览页面必须安装本地服务器运行代码，否则或报错，因为我用的是es6 模块加载，必须是http协议的方式加载 阅读全文
posted @ 2019-11-15 10:36 a魏国 阅读(712) 评论(0) 推荐(0)
javascript 在移动端鼠标事件点透问题
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc 阅读全文
posted @ 2019-10-02 13:15 a魏国 阅读(445) 评论(0) 推荐(0)
jsonp前后端交互（解决跨域问题）
摘要：目标 - 掌握jsonp的原理 - 会搭建node服务器创建jsonp接口 - 学会封装jsonp - 学会jsonp的实际运用 知识要点 - 跨域解决 - jsonp原理及封装 - jsonp服务器搭建 - jsonp实际运用 ajax问题 - 浏览器同源策略 - 同源策略是浏览器的一个安全功能， 阅读全文
posted @ 2019-09-10 13:05 a魏国 阅读(923) 评论(0) 推荐(0)
ajax前后端交互
摘要：目标 1. 理解ajax基本使用 2. 会使用XMLHttpRequest对象实现数据交互 3. 了解onreadystatechange服务器响应信息 4. 会使用FormData对象上传文件 5. 了解upload事件对象 知识要点 1.ajax使用 - ajax是： *Ajax* 即“Asyn 阅读全文
posted @ 2019-09-10 12:31 a魏国 阅读(1535) 评论(0) 推荐(0)
npm 设置淘宝镜像
摘要：淘宝 npm 地址： http://npm.taobao.org/ 如何使用 有很多方法来配置npm的registry地址，下面根据不同情境列出几种比较常用的方法。以淘宝npm镜像举例： 1.临时使用 2.持久使用 配置后可通过下面方式来验证是否成功 npm config get registry 阅读全文
posted @ 2019-09-05 16:55 a魏国 阅读(532) 评论(0) 推荐(0)
jquery原理代码
摘要：class Jq { constructor(arg, root) { // 记录上次操作的节点； if (typeof root == 'undefined') { this.prevObject = new Jq(document, null); } if (root) { ... 阅读全文
posted @ 2019-09-02 21:04 a魏国 阅读(171) 评论(0) 推荐(0)
vue原理代码
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc 阅读全文
posted @ 2019-09-02 21:02 a魏国 阅读(197) 评论(0) 推荐(0)
ES5 defineProperty 和 ES6 proxy 实现数据劫持
摘要：mvvm以数据驱动，其实使用了数据劫持的方式对数据双向更新 先来了解defineProperty对数据劫持 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi 阅读全文
posted @ 2019-08-29 16:24 a魏国 阅读(620) 评论(0) 推荐(0)
es6 实现dialog组件的封装
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-08-26 02:13 a魏国 阅读(291) 评论(0) 推荐(0)
javascript自己写的自定事件类
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc 阅读全文
posted @ 2019-08-23 22:53 a魏国 阅读(319) 评论(0) 推荐(0)
javascript面向对象基础(2)
摘要：主题 ​ 1）拖拽案例 ​ 2）构造函数继承 ​ 3）原型的继承 ​ 4）拖拽案例的继承改造 ​ 5）es6中的类的用法 ## 知识点 拖拽的构造函数实现 ### 构造函数继承 - 继承：子类继承父类所有属性和行为，父类不受影响。 - 目的：找到类之间的共性精简代码 function Person( 阅读全文
posted @ 2019-08-23 21:05 a魏国 阅读(163) 评论(0) 推荐(0)
javascript面向对象基础(1)
摘要：主题 ​ 1）工厂模式 ​ 2）new运算符 ​ 3）构造函数 ​ 4）原型prototype ​ 5）面相对象和面相过程编程 ​ 6）类和对象 ## 知识点 ##需求 ### 1、需求一：实现多个选项卡的 - 问题一：如何写？按照以前方式写 ## 知识点 ##需求 ### 1、需求一：实现多个选项 阅读全文
posted @ 2019-08-22 17:53 a魏国 阅读(168) 评论(0) 推荐(0)