- 博客(16)
- 收藏
- 关注
RSS订阅
原创 uniapp全局事件详解（5000字）
uniapp有全局事件，这让全局传数据方便不少，阅读本文可同时参考官方文档（其实官网的全都被我照搬过来了，官网的还没下面的详细）。还有一篇uniapp全局传值方式总结，里面总结了各种不同的uniapp全局传值方式。uni.$emit(eventName,OBJECT)触发全局的自定事件。附加参数都会传给监听器回调。属性类型描述eventNameString事件名OBJECTObject触发事件携带的附加参数示例uni.$emit('update',{msg
2020-08-24 17:06:36
15609
1
原创 uniapp应用结构和生命周期（6000字）
uniapp应用结构–自己的uniapp（最外层的项目文件夹，也叫app目录，以下有后缀名的都是文件，没有后缀名的都是文件夹）–common（js文件夹，放js插件文件等）app.js（自己写的js文件，可以是js工具文件等等）tools.js（自己写的js文件，同上）–components（组件文件夹，放组件）myComp.vue（自己写的组件，或者下载下来的组件）–…（自定义文件夹，比如使用了UI框架就放这里）–colorUI（同上，下载下来引入项目的colorUI框架）
2020-08-21 16:47:45
2774
原创 uniapp全局传值方式总结（7000字长文）
uniapp的架构跟小程序一样，这样便于整体的管理和转译小程序，而uniapp的页面架构是借鉴的vue.js的单页面架构，由template（html）、script（js）、style（css）三部分组成。这样的页面架构是非常方便而独立的，不会影响到其他页面中的数据，那么问题来了，想要共享数据甚至在本页面要操控其他页面的数据怎么办？uniapp有着小程序和vue.js的有点，当然也有它们共享数据的方法。下面是分类说明一下uniapp的大部分传值方式，每种方式都粗略的介绍下几种方法。全局变量global
2020-08-14 11:26:41
7072
10
原创 js继承详解（10000字长文）
很多面向对象语言都有继承的特性，继承能让开发省很多事，少写很多的代码。什么是继承在自然界中，子代接受父代的馈赠，就是继承。表明这种东西父代有，子代继承了后才有，在程序中，面向对象的继承特性与此相像。各种继承引用数据类型继承js 的引用数据类型是栈与堆一起管理的，栈里存放的是指向堆的指针地址。所以当定义了一个变量 p1 并赋值了引用数据类型的数据时，再将它不以拷贝的形式赋值给另一个变量 p2 就会形成继承，这里赋值其实只是将栈中 p1 指...
2022-02-16 11:49:27
476
原创 js原型与原型链
原型什么是原型对象与原型js 的基本数据类型有 Number、String、Boolean、Symbol（ES6）、null 和 undefined，键与值存放在栈内存（stack）中管理，可以直接访问；引用数据类型有 Object、Array、Function 等，键存放在栈内存（stack）中管理，值存放在堆内存（heap）中管理，栈内存中的值是指针，指向堆内存的地址。在 js 中，一切皆对象！对象包括普通对象和函数对象，函数对象中都包含了一个 proto...
2022-02-08 15:38:17
515
原创 浏览器缓存机制（5000字）
缓存这功能随处可见，深入了互联网的方方面面，每款软件都有充分的使用缓存的特性，缓存能够极大的节省互联网资源，提升传输效率，增强使用体验。浏览器是访问网站的工具之一，作为互联网的主要门户，浏览器也会将网站发送的数据保存在缓存文件中，等到下次访问时又会拿出来，当然前提是缓存没有过期。网站的数据是否缓存到浏览器，缓存多久，都要靠网站与浏览器相互协商约定好，不能网站说一套浏览器做一套。当然是否缓存还得看用户的意见，用户不让缓存，那也是强龙斗不过地头蛇的事。缓存区域Serv...
2021-11-24 11:55:08
586
原创 浏览器组成与架构
组成浏览器由shell（用户界面、网络、UI后端、JavaScript解释器、XML解析器、数据存储）和内核（浏览器引擎、渲染引擎）组成，内核是浏览器的核心。不同的浏览器有不同的内核，ie 浏览器是 Trident，Firefox 浏览器是 Geoko（Mozilla自主研发的渲染引擎），Safari 和 Chrome 使用的是 webkit 。软件构造不同的浏览器软件架构也不一样，以 Chrome 浏览器为例，它的架构模式由浏览器进程（Browser Pro...
2021-10-21 14:16:23
4198
原创 layui富文本layedit详解
官方文档官方文档的功能菜单目录并没有放出 layedt ，可能是因为功能还不够齐全吧。要直达 layedit 的文档就要在官方文档顶部搜索 layedit。用法<textarea id="demo" class="layui-textarea"></textarea><script>layui.use('layedit', function(){ var layedit = layui.layedit; layedit.build('demo');
2021-10-21 09:39:24
5454
原创 electron热加载
热加载能够在每次保存修改的代码后自动刷新 electron 应用界面，而不必每次去手动操作重新运行，这极大的提升了开发效率。安装 electron 热加载插件热加载虽然很方便，但是不是每个 electron 项目必须的，所以想要舒服的开发 electron 就只能给 electron 项目单独的安装热加载插件[electron-reloader]:// 在项目的根目录下安装 electron-reloader，国内建议使用 cnpm 代替 npmnpm install electron-relo.
2020-12-15 08:33:53
2352
1
原创 electron初步入门
介绍electron是 GitHub 在2013年开发的一款跨 Mac/Windows/Linux 系统的框架，使用 Html/Css/JavaScript 来构建跨平台桌面应用程序，2014年开始开源，官网请访问 http://www.electronjs.org/原理electron 是一个精简版的 Chromium 浏览器，使用 web 页面作为它的 GUI，但是比原生的桌面端应用还是有些不足。从本质上看，electron application 是一个 Node. js 应用程序。环境依
2020-09-21 21:45:54
574
原创 使用阿里字体彩色图标
阿里字体图标symbol引用阿里字体图标的使用有三种方式（unicode引用、font-class引用和symbol引用），本文重点讲述symbol引用的方式，网络也有其他的博客讲解了symbol引用的方式，但是都没有效果，今天踩坑了来记录一下。这种用法其实是做了一个svg的集合1. symbol字体特点支持多色图标了，不再受单色限制。通过一些技巧，支持像字体那样，通过font-size,color来调整样式。兼容性较差，支持 ie9+,及现代浏览器。浏览器渲染svg的性能一般，还不如p
2020-09-05 19:12:43
1018
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人