什么是PWA？
摘要：什么是PWA？ 笔记内容来自：https://segmentfault.com/a/1190000012353473 PWA全称Progressive Web App，即渐进式web应用。 一个PWA应用首先是一个网页，可以通过Web技术编写出一个网页应用。随后添加上App Manifest和Ser
阅读全文
posted @ 2020-09-03 20:02
独自去流浪的博客
技术笔记
随笔分类 - 技术分享
技术分享：基本排序算法
摘要：前言： 今天我给大家分享一点排序算法的知识。大概要花30分钟的时间，我尽量控制在20分钟左右。 首先，我想问大家一个问题，你们知道的排序算法有哪些？冒泡排序？快速排序？ 那你们知道它们之间的差异是什么？有的快有的慢对吧？没错，排序算法分为基本排序算法和高级排序算法。我今天要讲的就是基本排序算法。请看
阅读全文
posted @ 2020-06-02 18:47
angular4+ionic3 运行报错 Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 解决办法
摘要：项目框架：angular4 + ionic3 执行 npm run ionic:serve 运行时报错 Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 报错代码如下
阅读全文
posted @ 2020-04-29 15:29
body 点击事件 排除局部元素
摘要：body 点击事件 排除局部元素 $('body').click(function (e) { if (e.target.className == 'cuttomBtnText' || $(e.target).hasClass('barQrcode') || $(e.target).parents(
阅读全文
posted @ 2020-01-07 11:01
vuex实践示例
摘要：前言 Vuex的文档翻了几遍，依然只会最简单的用法。对其更多的功能不太了解。这次因为重新开始一个前后端分离项目，我希望使用vue+typescript，这时就涉及到ts版的vuex，才发现自己vuex都不懂，如何ts化呢？于是再次从0开始学一遍vuex。 这次有个意外的发现，在Vuex官方文档 核心
阅读全文
posted @ 2019-12-09 18:15
element ui 日期选择器的各种快捷选项
摘要：这篇文章要写的是element ui 日期选择器范围选择的各种快捷选项的实现 效果是这样： 记得当时面对这个需求的时候有些懵，所以写出实现的过程。 进入正文： 创建项目 1.新建文件夹element-ui-date 2.element-ui-date里面新建文件demo.html 3.引入vue.j
阅读全文
posted @ 2019-12-02 19:26
vue实现带搜索的模拟下拉框组件
摘要：先上效果图： 组件特点： 模拟下拉框 可输入文字搜索选项，keyup或input事件触发搜索（并优化了原生keyup和input事件的问题） 数据源异步加载 滚动加载选项数据 同一页面可重复使用该组件 技术工具说明： 基础框架 vue.js jquery.js辅助 样式 element-ui.js
阅读全文
posted @ 2019-11-28 19:05
观察者模式和发布订阅模式
摘要：观察者设计模式 观察者模式是一种软件设计模式。在此种模式中，一个目标对象管理所有相依于它的观察者对象，并且在它本身的状态改变时主动发出通知。这通常透过呼叫各观察者所提供的方法来实现。此种模式通常被用来实时事件处理系统。 简单来说就是，一个对象（被观察者）的状态发生改变时，会通知所有依赖它的对象（观察
阅读全文
posted @ 2019-08-22 10:43
关于重绘和回流
摘要：1. 浏览器渲染机制 浏览器采用流式布局模型（Flow Based Layout） 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了渲染树（Render Tree）。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后
阅读全文
posted @ 2019-08-19 18:17
Vuex入门简单示例（五）
摘要：前言 我想写一系列关于Vuex的入门文章，我是看着vuex官网文档，结合自己从零搭建的vue项目来实践vuex的知识。 Vuex入门系列： Vuex入门简单示例（一） Vuex入门简单示例（二） Vuex入门简单示例（三） Vuex入门简单示例（四） Vuex入门简单示例（五） 本文涉及知识点： v
阅读全文
posted @ 2019-08-16 15:12
Vuex入门简单示例（四）
摘要：前言 我想写一系列关于Vuex的入门文章，我是看着vuex官网文档，结合自己从零搭建的vue项目来实践vuex的知识。 Vuex入门系列： Vuex入门简单示例（一） Vuex入门简单示例（二） Vuex入门简单示例（三） Vuex入门简单示例（四） Vuex入门简单示例（五） 本文涉及知识点： v
阅读全文
posted @ 2019-08-15 18:13
Vuex入门简单示例（三）
摘要：前言 我想写一系列关于Vuex的入门文章，我是看着vuex官网文档，结合自己从零搭建的vue项目来实践vuex的知识。 Vuex入门系列： Vuex入门简单示例（一） Vuex入门简单示例（二） Vuex入门简单示例（三） Vuex入门简单示例（四） Vuex入门简单示例（五） 本文涉及知识点： v
阅读全文
posted @ 2019-08-15 13:41
Vuex入门简单示例（二）
摘要：前言 我想写一系列关于Vuex的入门文章，我是看着vuex官网文档，结合自己从零搭建的vue项目来实践vuex的知识。 Vuex入门系列： Vuex入门简单示例（一） Vuex入门简单示例（二） Vuex入门简单示例（三） Vuex入门简单示例（四） Vuex入门简单示例（五） 本文涉及知识点： v
阅读全文
posted @ 2019-08-13 18:54
Vuex入门简单示例（一）
摘要：前言 我想写一系列关于Vuex的入门文章，我是看着vuex官网文档，结合自己从零搭建的vue项目来实践vuex的知识。 Vuex入门系列： Vuex入门简单示例（一） Vuex入门简单示例（二） Vuex入门简单示例（三） Vuex入门简单示例（四） Vuex入门简单示例（五） 本文涉及知识点： v
阅读全文
posted @ 2019-08-13 14:02
一个Vue表单提交防抖的实用例子
摘要：Vue表单提交防抖也叫防重复提交 目标效果： 上代码： vue init webpack demo 用vue-cli指令简单快速构建一个vue项目，过程和结构不说了，编辑helloword.vue，删掉vue示例代码(app.vue根元素页面上有个大logo记得也删掉) 首先新增一个js文件，用来放
阅读全文
posted @ 2019-07-15 17:13
一个防抖和节流的实用例子
摘要：例子描述：实时显示输入框的内容 基础版： html页面代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi
阅读全文
posted @ 2019-07-15 16:02
css结构设计思想
摘要：本文摘自博客园-予沁安的文章：结构化CSS设计思维，作为学习笔记记录一下 1.LESS、SASS等预处理器给CSS开发带来了语法的灵活和便利，其本身却没有给我们带来结构化设计思维。很少有人讨论CSS的架构设计。 2.当我们的网站成长为企业级网站时，如果缺乏良好的架构和设计，我们的CSS会成为臃肿、重
阅读全文
posted @ 2019-03-06 13:37
css函数——calc()和attr()
摘要：css也有函数？好吧，我孤陋寡闻了。这里记录一下学习情况。 calc()函数 定义：用于动态计算长度值 支持版本：css3 运算符前后都需要保留一个空格，例如：width: calc(100% - 10px); 任何长度值都可以使用calc()函数进行计算 支持"+","-","*","/"运算，使
阅读全文
posted @ 2019-03-04 13:30
CSS两列布局——左侧宽度固定，右侧宽度自适应的3种方法
摘要：1.左侧绝对定位法 直接看代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
阅读全文
posted @ 2019-02-14 16:33
前端js常用正则表达式实例讲解
摘要：本文内容整理自他人优秀的博客，非纯原创。仅借此学习和整理。 1.匹配用户名 规则描述： 长度4-6位： {4,16} 字母： [a-z] [A-Z] 数字： [0-9] 下划线： [_] 减号： [-] var usernameReg = /^[a-zA-Z0-9_-]{4,16}$/; 代码分析：
阅读全文
posted @ 2019-02-14 09:43
