- 博客(52)
- 收藏
- 关注
RSS订阅原创 微前端 - qiankun
/ 需要定义该接口，否则`/src/router/index.ts`无法使用`Window.__POWERED_BY_QIANKUN__`原文链接：https://blog.csdn.net/lhz_333/article/details/123767105。entry: '//localhost:8081/', // 子应用的入口地址，就是你子应用运行起来的地址。* 应用每次 切出/卸载 会调用的方法，通常在这里我们会卸载微应用的应用实例。
2023-08-18 13:47:16
610
原创 吃透 Vue 项目开发实践｜16个方面深入前端工程化开发技巧【上】
前言之前使用过 Vue 开发后台、中台项目，也做过移动端 H5，弄过一点小的前端架构。每做一个项目都会收获了不一样的经验和理解。下面我把这些点点滴滴的经验总结下来，做一个系列的文章分享和阶段性的总结。常规操作，先点赞后观看哦！你的点赞是我创作的动力之一！概览问题我将从 16 个方面来论述 vue 开发过程中的一些技巧和原理。当然由于篇幅有限，先论述前 8 个问题，下节将完成全系列内容。本篇文章将围绕下列问题进行论述：如何规范你的 git 提交，并自动生成并...
2021-08-29 09:34:22
1007
原创 2019最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)
近期总结一一些面试题 都是企业的面试题笔记题感觉薪资10k下的都会出笔试题 特别高的薪资都是直接技术面试或者是 现场编程总结很多人的面试题，后期会对于单个知识点再说笔记详细讲解。部分都是百度的答案，不是特全面的，可以自己找红色为常见面试题=============================================================前端...
2020-03-18 14:12:56
11173
转载 CAS单点登录原理（包含详细流程，讲得很透彻，耐心看下去一定能看明白！）
转载地址http://www.cnblogs.com/lihuidu/p/6495247.html1、基于Cookie的单点登录的回顾 基于Cookie的单点登录核心原理： 将用户名密码加密之后存于Cookie中，之后访问网站时在过滤器（filter）中校验用户权限，如果没有权限则从Cookie中取出用户名密码进行登录，让用户从某种意义上觉得只登录了一次...
2019-07-12 10:37:45
447
转载 前端性能优化指南（含移动端）
概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5. Mobile侧因手机配置原因，除加载外渲染速度也是优化重点6. 基于第五点，要合理处理代码减少渲染损耗7. 基于第二...
2019-07-10 20:52:50
202
原创 vue修饰符--目前全世界最详细的文档（不接受反驳@_@）
为了方便大家写代码，vue.js给大家提供了很多方便的修饰符，比如我们经常用到的取消冒泡，阻止默认事件等等~目录表单修饰符 事件修饰符 鼠标按键修饰符 键值修饰符 v-bind修饰符（实在不知道叫啥名字）表单修饰符填写表单，最常用的是什么？input！v-model~而我们的修饰符正是为了简化这些东西而存在的.lazy<div> <...
2019-07-05 12:36:53
145
原创 举例说明js节流与防抖之区别
1、 概念：函数防抖(debounce)在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。函数节流(throttle)规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。函数防抖(debounce)与函数节流(throttle)都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度...
2019-07-05 12:17:52
115
转载 VUE 分环境打包(开发/测试/生产)配置
最近要把Vue项目部署到服务器上，在测试好的项目中执行npm run build就开始打包了。但是每次只能打包到一个环境，不同环境需要配置不同的地址，还得手动更改接口的地址，这给部署带来了极大的不方便。下面，我们要自己配置命令来实现分环境打包，项目结构如下：1.在config目录内新建test.env.js文件(要保证和prod.env.js一致)：'use strict'...
2019-06-16 16:54:38
849
原创 angular $watch方法的使用小技巧
$watch方法，它可以帮助我们在每个scope中监视其中的变量。$watch 单一的变量对于普通的变量时，如数字，字符串等，直接如下写是可以监视到变量的变化，并执行相应的函数的。$scope.count=1;$scope.$watch('count',function(){...});$watch 多个变量对于多个变量的监视变化，执行同一函数的话，可以将这几个变量转为字符...
2019-03-12 17:39:20
1323
原创 angular-validation的使用方法
angular-validationangular-validation是AngularJS 提供的表单验证插件，可以根据多种规则对表单进行有效性验证，并对非法数据进行警告。类似的插件还有 angular-w5c-validator、angular-validation-match本文主要介绍angular-validation的使用方法安装方法npm install angular...
2019-03-12 17:16:36
1912
转载 canvas学习笔记（下篇） -- canvas入门教程--保存状态/变形/旋转/缩放/矩阵变换/综合案例（星空/时钟/小球
【下篇】 -- 建议学习时间4小时 课程共（上中下）三篇此笔记是我初次接触canvas的时候的学习笔记，这次特意整理为博客供大家入门学习，几乎涵盖了canvas所有的基础知识，并且有众多练习案例，建议大家学习10~15个小时，里面的案例请挨个敲一遍，这样才能转化为自己的知识。技术要求：有html/css/js基础。 保存状态 save()restore()save...
2019-02-27 15:04:57
246
转载 canvas学习笔记（中篇） -- canvas入门教程-- 颜色/透明度/渐变色/线宽/线条样式/虚线/文本/阴影/图片/像素处理
【中篇】 -- 建议学习时间4小时 课程共（上中下）三篇此笔记是我初次接触canvas的时候的学习笔记，这次特意整理为博客供大家入门学习，几乎涵盖了canvas所有的基础知识，并且有众多练习案例，建议大家学习10~15个小时，里面的案例请挨个敲一遍，这样才能转化为自己的知识。技术要求：有html/css/js基础。 颜色为canvas添加颜色我们使用 fillStyle...
2019-02-27 15:03:23
722
转载 canvas学习笔记（上篇）-- canvas入门教程 -- canvas标签/方块/描边/路径/圆形/曲线
【上篇】 -- 建议学习时间4小时 课程共（上中下）三篇此笔记是我初次接触canvas的时候的学习笔记，这次特意整理为博客供大家入门学习，几乎涵盖了canvas所有的基础知识，并且有众多练习案例，建议大家学习10~15个小时，里面的案例请挨个敲一遍，这样才能转化为自己的知识。技术要求：有html/css/js基础。 canvas标签<canvas>是一个图形...
2019-02-27 15:01:53
241
转载 vue 基础------进阶 教程(3):组件嵌套、组件之间的通信、路由机制、slot传值
vue 基础-->进阶 教程(3):组件嵌套、组件之间的通信、路由机制、slot传值 前面的nodejs教程并没有停止更新，因为node项目需要用vue来实现界面部分，所以先插入一个vue教程，以免不会的同学不能很好的完成项目。本教程，将从零开始，教给大家vue的基础、高级操作、组件封装等，再配合前面的Nodejs后台，实现一个完整的项目。 组件嵌套 在组件中使用...
2019-02-25 17:44:12
157
转载 vue 基础-----进阶教程(2): 指令、自定义指令、组件
第二章 建议学习时间4小时 课程共3章 前面的nodejs教程并没有停止更新，因为node项目需要用vue来实现界面部分，所以先插入一个vue教程，以免不会的同学不能很好的完成项目。本教程，将从零开始，教给大家vue的基础、高级操作、组件封装等，再配合前面的Nodejs后台，实现一个完整的项目。 指令 上一章我们讲的 以v开头的属性都是vue的指令， 比如 v...
2019-02-22 15:57:44
186
转载 vue 基础------进阶教程(1): 基础（数据绑定）
第一章 建议学习时间4小时 课程共3章 前面的nodejs教程并没有停止更新，因为node项目需要用vue来实现界面部分，所以先插入一个vue教程，以免不会的同学不能很好的完成项目。本教程，将从零开始，教给大家vue的基础、高级操作、组件封装等，再配合前面的Nodejs后台，实现一个完整的项目。 vue.js官方介绍：Vue.js（读音 /vjuː/，类似于 vi...
2019-02-22 15:55:58
121
转载 node.js零基础详细教程(7.5)：mongo可视化工具webstorm插件、nodejs自动重启模块Node Supervisor（修改nodejs后不用再手动命令行启动服务了）
第七章 建议学习时间4小时 课程共10章学习方式：详细阅读，并手动实现相关代码学习目标：此教程将教会大家 安装Node、搭建服务器、express、mysql、mongodb、编写后台业务逻辑、编写接口，最后完成一个完整的项目后台，预计共10天课程。 注：由于使用Nodejs操作mongodb的时候，会有两个很蛋疼的地方，1、修改nodejs文件后需要重新命令行 node ...
2019-02-22 15:51:59
128
转载 node.js零基础详细教程(7)：node.js操作mongodb，及操作方法的封装
第七章 建议学习时间4小时 课程共10章学习方式：详细阅读，并手动实现相关代码学习目标：此教程将教会大家 安装Node、搭建服务器、express、mysql、mongodb、编写后台业务逻辑、编写接口，最后完成一个完整的项目后台，预计共10天课程。 node.js操作mangodb 创建一个用于放置今天文件的文件夹，npm init初始化一下，并创建demo1.j...
2019-02-22 15:50:40
131
转载 node.js零基础详细教程(6)：mongodb数据库操作 以及导入导出
第六章 建议学习时间4小时 课程共10章学习方式：详细阅读，并手动实现相关代码学习目标：此教程将教会大家 安装Node、搭建服务器、express、mysql、mongodb、编写后台业务逻辑、编写接口，最后完成一个完整的项目后台，预计共10天课程。 数据库 数据库管理结构，一般分为两种：B/S架构 C/S架构。B/S架构： Browser/Server，...
2019-02-22 15:49:40
175
转载 node.js零基础详细教程(5)：express 、 路由
第五章 建议学习时间4小时 课程共10章学习方式：详细阅读，并手动实现相关代码学习目标：此教程将教会大家 安装Node、搭建服务器、express、mysql、mongodb、编写后台业务逻辑、编写接口，最后完成一个完整的项目后台，预计共10天课程。 expressExpress 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架，它提供一系列强大的特...
2019-02-22 15:48:44
113
转载 node.js零基础详细教程(4)：node.js事件机制、node异步IO操作
第四章 建议学习时间2小时 课程共10章学习方式：详细阅读，并手动实现相关代码学习目标：此教程将教会大家 安装Node、搭建服务器、express、mysql、mongodb、编写后台业务逻辑、编写接口，最后完成一个完整的项目后台，预计共10天课程。 node.js事件机制 node.js是单线程，但是通过事件和回调支持并发，可以实现非常高的性能。node.js所有...
2019-02-22 15:46:30
104
转载 node.js零基础详细教程(3)：npm包管理、git github的使用
第三章 建议学习时间4小时 课程共10章学习方式：详细阅读，并手动实现相关代码学习目标：此教程将教会大家 安装Node、搭建服务器、express、mysql、mongodb、编写后台业务逻辑、编写接口，最后完成一个完整的项目后台，预计共10天课程。 npm包管理 什么是npmnpm是随同NodeJS一起安装的包管理工具，只要安装了node,我们就可以通过命令行使...
2019-02-22 15:45:29
143
转载 node.js零基础详细教程(2)：模块化、fs文件操作模块、http创建服务模块
第二章 建议学习时间4小时 课程共10章学习方式：详细阅读，并手动实现相关代码学习目标：此教程将教会大家 安装Node、搭建服务器、express、mysql、mongodb、编写后台业务逻辑、编写接口，最后完成一个完整的项目后台，预计共10天课程。 模块儿化 为什么需要模块儿化？我们以前的常规js代码中，我们为了重用一些js代码，是将js方法封装起来，放到js文...
2019-02-22 15:43:44
106
转载 node.js零基础详细教程(1)：安装+基础概念
第一章 建议学习时间2小时 课程共10章学习方式：详细阅读，并手动实现相关代码学习目标：此教程将教会大家 安装Node、搭建服务器、express、mysql、mongodb、编写后台业务逻辑、编写接口，最后完成一个完整的项目后台，预计共10天课程。每日更新，建议跟学，按照本教程学习一定可以学好Nodejs，中途发现教程有误的地方，请及时留言反馈 node.js安装...
2019-02-22 15:40:07
172
原创 超简单使用Vuex
超简单使用Vuex Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件状态。也就是将 Vue.js 程序中各个页面公用的数据和获取、改变这些数据的方法抽离出来，方便各个页面调用，以及页面之间的数据传输。下面通过一个例子来讲解Vuex我们首先创建一个Vue工程我们假设有两个富豪榜，这两个富豪榜分属两个界面，通过组件注册，在一个...
2018-12-24 14:52:15
92
原创 node-sass的安装和正确使用
安装npm install node-sass -g安装慢的话 可以考虑淘宝镜像安装成功：node-sass -vnode-sass 4.5.3 (Wrapper) [JavaScript]libsass 3.5.0.beta.2 (Sass Compiler) [C/C++]使用变量sass 变量用于存储一些常用的颜色，数值等，一个变量可以在多...
2018-12-21 14:56:13
5197
2
原创 Windows 下 使用 npm install： npm ERR! Cannot read property 'match' of undefined
Windows 下 使用 npm install 报错：npm ERR! Cannot read property 'match' of undefined环境：win7： 64位node：6.2.0 解决办法： 删除 package.lock.json 文件，如果 还报错就删除node_modules 文件。 （我也不知道为什么，这可能是 npm 的 b...
2018-12-21 10:45:24
1584
1
原创 npm install 报node-sass错误
npm install 报node-sass错误Downloading binary from https://github.com/sass/node-sass/releases/download/v3.13.1/win32-x64-57_binding.nodeCannot download "https://github.com/sass/node-sass/releases/down...
2018-12-21 10:32:33
1910
原创 JS sort()排序及JS sort()双重排序
sort()方法用于对数组的排序，并返回数组。基本用法为：arr.sort();默认为升序排列。例：var arr = [5,3,1,6,4,3,2];arr.sort(); // [1, 2, 3, 3, 4, 5, 6]如果想按照其他标准进行排序，sort()方法是可以传入一个函数，函数通过返回一个值来决定这两个值需不需要交换位置。例：arr.sort(func...
2018-08-28 14:48:37
2704
原创 js数组根据多个属性进行排序
先按照color排好序，再按照size进行排序let d = [{"color": "", "size": ""},{"color": "", "size": ""},{"color": "", "size": ""}]；d.sort(function(a, b)
2018-08-28 14:22:08
1347
原创 JS中深拷贝数组、对象、对象数组方法
我们在JS程序中需要进行频繁的变量赋值运算，对于字符串、布尔值等可直接使用赋值运算符 “=” 即可，但是对于数组、对象、对象数组的拷贝，我们需要理解更多的内容。首先，我们需要了解JS的浅拷贝与深拷贝的区别。我们先给出一个数组：var arr = ["a","b"];现在怎么创建一份arr数组的拷贝呢？直接执行赋值运算吗？我们来看看输出结果var arrCopy = a...
2018-08-26 00:16:39
156
原创 JS判断两个对象内容是否相等的方法示例
这篇文章主要介绍了JS判断两个对象内容是否相等的方法,结合具体实例形式分析了javascript针对字符串、数组及对象的相关判断技巧,需要的朋友可以参考下本文实例讲述了JS判断两个对象内容是否相等的方法。分享给大家供大家参考，具体如下：我们知道，如果两个对象即使内容，JavaScript也会判断它们不相等。但是有时候，我们仅仅需要判断两个对象的内容是否相等。那么我们应该如何做到且考虑...
2018-08-25 18:07:01
2502
原创 Js优化的思考———div创建到闭包、Js设计模式之桥接模式和懒加载的应用
Js优化的思考———div创建到闭包、Js设计模式之桥接模式和懒加载的应用 设计模式（Design Pattern）中的桥接模式，有的朋友平时工作可能很少用到。桥接模式的核心在于将抽象部分和它的实现部分分离，使它们都可以独立的变化。听起来很抽象，让我们看一个具体而简单的例子，通过这个例子一步步的完善来加深对桥接模式的理解。很多论坛点登录按钮时， 周围背景都会暗下来...
2018-07-26 09:52:52
144
原创 Axure RP Extension for Chrome 离线安装经常损坏的解决办法
Axure RP Extension for Chrome 离线安装经常损坏的解决办法昨天自己修改后的谷歌浏览器插件，才使用了一天，今天刚打开浏览器就弹出了“已停用不支持的扩展程序”提示，第三方扩展程序就这么不受谷歌浏览器待见呢！？好吧，想办法解决！通过扩展程序里“该扩展程序未列在 Chrome 网上应用店中，并可能是在您不知情的情况下添加的。 了解详情”的提示，点击了解详情，从谷歌帮助里...
2018-07-20 10:20:58
1462
转载 舌尖上的职场（三）我来买单！
舌尖上的职场（三）我来买单！ 对于每个决心闯荡饭局的职场人，一个至为关键的问题便是——谁来为饭局买单？ “我来买单！”老孙的回答很明确。 “自己酒足饭饱，别人出钱买单，这有什么不好？”一听此言，有朋友不以为然。 要回答这个疑问，我们需要从互惠原理谈起。社会学家的报告表明，所有的人类社会都崇尚礼尚往来。打比方说，过年了，有朋友发短信祝愿，那么，即便你原来没 打算给他发短信，这...
2018-07-05 11:00:16
129
转载 舌尖上的职场（二）一起去吃饭吧！
舌尖上的职场（二）一起去吃饭吧！ “我每次去新的工作现场，一定会先请大家去吃饭喝酒，而不是直接开始工作。”一位项目管理高手这样说。 在日本工作的时候，曾读过一篇访谈录。采访对象是一位日本顶尖IT公司的高级项目经理。这个人由于每每扮演救火队员角色，在项目难产，面临母子双亡（项目和项目组同时完蛋）的情况下临危受命，救项目于水火之中，人称外号“救世主”。 这位项目经理在介绍自己工作经验...
2018-07-05 11:00:02
160
转载 舌尖上的职场（一）你最近还好吗？
舌尖上的职场（一）你最近还好吗？"你最近还好吗？"牧师诚恳地问。我再次迷惑了。牧师住在隔壁，虽说近在咫尺，高楼大厦的，联系并不是很多。对于这位牧师大人，我还是很有好感的，唯一让我迷惑的是，每当他开口说话，第一句总是--"你最近还好吗？"为什么呢？心中总是隐约怀疑着什么。昨天突然读到一篇文章，终于领悟到此话的深刻背景。这样的开场白绝不是仅仅为了显得亲切友善，用的好的话，它就是一把解牛之刃。因为它会让...
2018-07-05 10:59:48
247
转载 【项目经理之修炼（11）】《初级篇》什么样的项目经理才可能成功？？
【项目经理之修炼（11）】《初级篇》什么样的项目经理才可能成功？？副标题——会报喜的项目经理才可能成功 这几天，小赵兴高采烈的，为什么呢？项目验收成功了，他做项目经理的项目圆满成功了。这一天，老孙叫住了他：“项目做完了？”“是啊，很成功！”“项目组呢？”“解散了。”老孙点了点头，又问：“能讲讲你在项目结束后都做了点儿什么吗？。”“嗯。我给大家申请了奖金，然后请大家一起吃了顿饭，大家都很开心。”小赵...
2018-07-05 10:59:31
230
转载 【项目经理之修炼（10）】《初级篇》人际关系问题也是可以避免的
【项目经理之修炼（10）】《初级篇》人际关系问题也是可以避免的副标题——别把技术问题转化为人际问题刚刚进入项目时，由于权威还没有树立，人际关系尚浅，经常会有组员不把你当回事儿。于是： 你要求组员写周报，可是到了时候，发现有人干脆就没有写； 你要求代码变更遵循流程的控制。然而，有一位资深工程师，却屡教不改； 你要求组员遵循代码规范编程，却发现组员提交的还是那么不规范； 你要是年轻气盛、心直口快的话...
2018-07-05 10:59:14
189
转载 【项目经理之修炼（９）】《初级篇》谦虚也是可以修炼的
【项目经理之修炼（９）】《初级篇》谦虚也是可以修炼的 副标题——谦虚也分级，入门从这儿走（作者：孙继滨） 【项目经理之修炼】 全文索引前面用了很多笔墨写谦虚。很多朋友回信说：“明白谦虚的重要了。可是，该如何去实践“谦虚”呢？”[个人知识管理]网友的意见很有代表性：“谁不知谦虚重要，但如何Just Do it?” 是的，“谦虚”给人最多困扰的，就是该如何实践的问题！ 嗯。长久以来，谦虚就给人一种印象...
2018-07-03 12:20:20
172
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人