摘要：
技术栈 前端vue全家桶，后台.net。 需求分析 前端路由鉴权，屏蔽地址栏入侵 路由数据由后台管理，前端只按固定规则异步加载路由 权限控制精确到每一个按钮 自动更新token 同一个浏览器只能登录一个账号 前端方案 对于需求1、2、3，采用异步加载路由方案 首先编写vue全局路由守卫 排除登录路由 阅读全文
摘要：
react添加事件,和DOM上添加事件类似,但又有细微的不同.react添加事件,需要注意: 1.React的事件命名采用小驼峰(camelCase)的命名方式,DOM采用的是纯小写的方式; 2.使用jsX语法时,需要传入一个函数作为事件的处理函数,DOM传入的是一个字符串(虽然DOM中传入的事件名 阅读全文
摘要：
先把几个方法放出来： 1.SSR服务器渲染；2.静态化；3.预渲染prerender-spa-plugin；4.使用Phantomjs针对爬虫做处理。 首先复习一下seo： 搜索引擎优化（Search engine optimization，简称seo），指为了提升网页在搜索引擎自然搜索结果中（非商 阅读全文
摘要：
nvm 是 Mac 下的 node 管理工具，有点类似管理 Ruby 的 rvm，nvm 是一个独立于 node/npm 的外部 shell 脚本。 卸载nvm 1.移除nvm内容 cd ~ rm -rf .nvm 2.移除掉~/.profile, ~/.bash_profile, ~/.zshrc 阅读全文
摘要：
为了方便大家写代码，vue.js给大家提供了很多方便的修饰符，比如我们经常用到的取消冒泡，阻止默认事件等等~ 目录 表单修饰符 事件修饰符 鼠标按键修饰符 键值修饰符 v-bind修饰符（实在不知道叫啥名字） 表单修饰符 填写表单，最常用的是什么？input！v-model~而我们的修饰符正是为了简 阅读全文
摘要：
平常都使用console来打印 node 脚本执行时需要看到的信息，但这些信息也就只能在控制台查看。假如你希望将打印的信息记录到文件查看的话，那就往下看看吧。 1、前言 期望： 每次运行脚本时，生成log日志存储到本地 每次执行脚本，之前日志内容清空 需要了解的知识点： node.js 中的fs模块 阅读全文
摘要：
dvajs 是 Alibaba 针对于 react/redux 技术栈基于 elm 概念编写的一套脚手架。 两年前因为 antd 开始接触了这套脚手架。我的确很需要这套脚手架，对于新手来说，整合 react / redux / react-redux / react-router / react-r 阅读全文
摘要：
尽管一些组织认为应该由用户选择健壮的用户名和密码来保护自己，但是开发人员可以通过将规则包含在程序的设计中来帮助进行良好的密码选择。例如，开发人员可以通过加入进度条、百分比或颜色，来帮助用户在输入密码时规定密码的质量。 许多人都知道弱密码很短，并且包含字母或数字，但绝不会同时包含两者。我们也知道强密码 阅读全文
摘要：
在执行 I/O 操作（例如数据提取）时，要先发送网络请求，然后等待响应，接着将响应数据保存到组件的状态，最后进行渲染。 在 react 中生命周期方法、Hooks和 Suspense是获取数据的方法。接下用事例演示一下如何使用它们并说明每种方法的优点和缺点，以便咱们更好的编写异步操作代码。 1.使用 阅读全文
摘要：
传入的值想作为局部变量来使用,直接使用会 报错。错误是说的避免直接修改父组件传入的值,因为会改变父组件的值 资源搜索网站大全https://55wd.com 广州品牌设计公司http://www.maiqicn.com 解决方案： 可以在data中重新定义一个变量,改变指向,但是也只是针对简单数据类 阅读全文
摘要：
说到v-model，就想到了双向数据绑定，而且往往最常见的是在表单元素<input>,<textarea>,<select>中的使用。 那么为什么v-model双向数据绑定，自动更新元素呢？ v-model 在内部为不同的输入元素使用不同的属性并抛出不同的事件：text 和 textarea 元素使 阅读全文
摘要：
日常的工作中可能会用到，选取处某个或者某些元素外的所有元素。 这时我们可以使用 jQuery 遍历中的 not() 方法来排除某些元素，例如根据元素的 #id ，.class 等排除，代码如下： $("div.content *").not(".keep"); 表示 .content 类的 div 阅读全文
摘要：
前言 最近在学习研究 Nest 框架，但是在学习过程中除了参考翻阅官方文档外国内几乎没有多少资料能系统的讲解 Nest 的相关内容，所以打算想通过我自己学习的角度讲解下 Nest 框架，不知道能坚持多久，也可能有错误或遗漏的地方，欢迎大家批评指正。 下面我学习 Nest 的主要信息来源，在编写过程中 阅读全文
摘要：
绑定this并传参的三种方式 在事件中绑定this并传参： <input type="button" value="在事件中绑定this并传参" onClick={this.handleMsg1.bind(this, '', '')} /> // 在事件中绑定this并传参 handleMsg1(a 阅读全文
摘要：
跨站点脚本（XSS）攻击是一种注入类型，其中恶意脚本被注入到其他良性和可信赖的网站中。那么Angular怎么防御xss攻击？ 当攻击者使用Web应用程序将恶意代码（通常以浏览器端脚本的形式）发送给不同的最终用户时，就会发生XSS攻击。允许这些攻击成功的缺陷非常普遍，并且发生在Web应用程序在其生成的 阅读全文
摘要：
首先来思考一个问题：是否有一种方法可以从子组件填充父组件的插槽？ 最近一位同事问我这个问题，答案很简单：可以的。但我的解决方案可能和你想的完全不一样，这是涉及一个棘手的vue架构问题，但也是一个非常有趣的问题。 为什么会有这个问题 在我们的应用程序中，我们有一个顶部栏，其中包含不同的按钮、搜索栏和其 阅读全文
摘要：
1.升级到4.0之后未能正常使用 处理：npm i webpack webpack-cli webpack-dev-server webpack-merge -D 2. Error: Plugin could not be registered at 'html-webpack-plugin-bef 阅读全文
摘要：
主流埋点方案 目前主流的埋点方案包括 代码埋点 可视化埋点 无埋点 一、代码埋点 在需要埋点的节点调用接口，携带数据上传。如百度统计等； 缺点 工作量较大，每一个组件的埋点都需要添加相应的代码，入侵业务代码，增加项目复杂度。 二、可视化埋点 通过可视化交互的手段，代替代码埋点。将业务代码和埋点代码分 阅读全文
摘要：
如果你写过vue，对v-bind这个指令一定不陌生。下面我将从源码层面去带大家剖析一下v-bind背后的原理。 会从以下几个方面去探索： v-bind关键源码分析 v-bind化的属性统一存储在哪里：attrsMap与attrsList 绑定属性获取函数 getBindingAttr 和 属性操作函 阅读全文
摘要：
前言 在很久很久以前，在我们前端还只是页面切图仔的年代，我们开发一个html页面，通常会遇到这些情况： 需要引入十几个css和js文件，而且因为他们彼此间有着依赖关系，所以引入的顺序还不能乱。 传统的html+css+js开发方式不能不能很好地运用less/scss等css预处理器以及ES6+的高级 阅读全文