摘要: location.href = 'http:www.baidu.com?name=zhang3&age=18' URL const searchParams = new URL(location.href).searchParams const name = searchParams.get('na 阅读全文
posted @ 2021-12-01 09:42 _Jarrett 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 温故而知新 图片链接 脑图链接 阅读全文
posted @ 2021-02-25 23:03 _Jarrett 阅读(176) 评论(0) 推荐(0) 编辑
摘要: JavaScript新引入的语法特性总结 参考文档ECMAScript 6 入门 ES6 大图 ES7-11 大图 阅读全文
posted @ 2020-08-01 21:51 _Jarrett 阅读(1554) 评论(1) 推荐(0) 编辑
摘要: 前端工程化 为什么需要工程化 何为前端工程化 webpack 大图 阅读全文
posted @ 2020-07-20 22:39 _Jarrett 阅读(1564) 评论(0) 推荐(0) 编辑
摘要: 前端安全漏洞与防范 跨站脚本攻击XSS 定义 XSS (Cross-Site Scripting),跨站脚本攻击,因为缩写和 CSS重叠,所以只能叫 XSS。跨站脚本攻 击是指通过存在安全漏洞的Web网站注册用户的浏览器内运行非法的非本站点HTML标签或 JavaScript进行的一种攻击。 危害 阅读全文
posted @ 2020-06-01 21:23 _Jarrett 阅读(1654) 评论(0) 推荐(1) 编辑
摘要: 正则表达式(英语:Regular Expression),描述了一种字符串匹配的模式(pattern)、规则。 正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。给定一个正则表达式和另一个字符串,我们可以达到如下的目的: 给定的字符串是否符合正则表达式的过滤逻辑(称作“匹配”) 可以通过 阅读全文
posted @ 2020-05-26 00:00 _Jarrett 阅读(2229) 评论(0) 推荐(0) 编辑
摘要: https://img2020.cnblogs.com/blog/1553188/202008/1553188-20200824111144684-4911710.png 补充中... 阅读全文
posted @ 2020-05-11 11:01 _Jarrett 阅读(2511) 评论(0) 推荐(0) 编辑
摘要: Vue动态创建组件实例并挂载到body 方式一 方式二 使用 A组件(要动态创建的组件) B组件(操作动态创建组件的地方) 阅读全文
posted @ 2020-04-29 23:03 _Jarrett 阅读(7423) 评论(3) 推荐(2) 编辑
摘要: 项目流程 需求分析 了解背景(为什么要做这个产品、功能) 质疑需求是否合理(比如是否是用户想要的功能) 需求是否闭环(比如点赞,点赞数据是否需要用于评论排名等) 评估开发难度 是否需要其他支持 不要急于给排期(需要看领导有没有其他工作安排,看整个部门的工作安排) 技术方案设计 求简,不过渡设计 路由 阅读全文
posted @ 2020-04-02 22:35 _Jarrett 阅读(1413) 评论(0) 推荐(0) 编辑
摘要: 数据结构与算法 简介 常用的数据结构与算法typescript实现(内容补充中...) npm ⇒ https://www.npmjs.com/package/datastructures-algorithms-ts github ⇒ https://github.com/jarrett-k/dat 阅读全文
posted @ 2020-03-11 13:30 _Jarrett 阅读(2732) 评论(0) 推荐(0) 编辑
摘要: ```json{ "compilerOptions": { /* Basic Options */ "target": "es5", /* target用于指定编译之后的版本目标 version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESN... 阅读全文
posted @ 2020-03-01 21:34 _Jarrett 阅读(5532) 评论(0) 推荐(0) 编辑
摘要: 记忆化递归 记忆化是一种保存前一个结果的值的优化技术,类似于缓存。 function fibonacciMemoization(order) { const arr = [0, 1, 1] const fibonacci = (n) => { if (arr[n] undefined) { arr. 阅读全文
posted @ 2020-02-15 12:33 _Jarrett 阅读(231) 评论(0) 推荐(0) 编辑
摘要: DOM事件中 和`currentTarget`的区别 是事件触发的真实元素 是事件绑定的元素 事件处理函数中的 指向是中为 和`target`,有时候是同一个元素,有时候不是同一个元素 (因为事件冒泡) + 当事件是子元素触发时, 为绑定事件的元素, 为子元素 + 当事件是元素自身触发时, 和`ta 阅读全文
posted @ 2020-01-19 13:29 _Jarrett 阅读(5151) 评论(1) 推荐(1) 编辑
摘要: 组件内守卫 1. 2. (2.2 新增) 3. 4. "官网链接" 注意事项 + 直接在class中定义这3个钩子函数无效,函数不会触发 + 需要先 ,如下 方式一(直接在组件中register) typescript 直接在class中定义这3个钩子函数无效不会触发,需要先 typescript 阅读全文
posted @ 2020-01-14 21:42 _Jarrett 阅读(1649) 评论(0) 推荐(0) 编辑
摘要: ```scss span { line-height: 20px; background-color: yellowgreen; &:empty { display: inline-block; width: 1px; height: 20px; } } ``` ```html ``` 阅读全文
posted @ 2019-12-20 19:59 _Jarrett 阅读(822) 评论(0) 推荐(0) 编辑
摘要: 焦点元素,添加半透明遮罩 效果图 html ​ 备注: 图片是 ,图片正常加载时,设置的伪元素不可见,只有当图片加载失败时,其伪元素才能看到。所以需要外面套一层壳子 ,在壳子上获取焦点,添加样式。 scss ​ 备注: 1. 可以用border,不设置outline; 2. 获取焦点前就让元素自身就 阅读全文
posted @ 2019-11-01 14:14 _Jarrett 阅读(672) 评论(0) 推荐(0) 编辑
摘要: 网页开发时,常常需要了解某个元素是否进入了"视口"(viewport),即用户能不能看到它。 上图的绿色方块不断滚动,顶部会提示它的可见性。 传统的实现方法是,监听到scroll事件后,调用目标元素(绿色方块)的getBoundingClientRect()方法,得到它对应于视口左上角的坐标,再判断 阅读全文
posted @ 2019-10-31 19:43 _Jarrett 阅读(953) 评论(0) 推荐(1) 编辑
摘要: 自定义 文件模块 javascript / 时间字符串 转 时间戳 @param {String} time_str 时间字符串(格式"2014 07 10 10:21:12") @returns {Number} 10位数的时间戳(秒值:1404958872000) / const toTimes 阅读全文
posted @ 2019-08-14 16:11 _Jarrett 阅读(797) 评论(0) 推荐(0) 编辑
摘要: dom元素的tabindex属性介绍及在vue项目中的应用 tabindex属性作用 1. 让普通dom元素变为可聚焦的元素 2. 让普通dom元素可以参与顺序键盘导航(通常使用Tab键,因此得名)。 tabindex属性的取值和影响 它接受一个整数作为值,具有不同的结果,具体取决于整数的值: ta 阅读全文
posted @ 2019-08-01 15:25 _Jarrett 阅读(2786) 评论(1) 推荐(2) 编辑
摘要: vue-property-decorator和typescript结合构建的class类组件,父组件触发子组件方法的方式 class类组件示例 Father类组件 <template> <div> <h1>父组件</h1> <button @click="handleSonMethod">点击触发子 阅读全文
posted @ 2019-07-22 17:47 _Jarrett 阅读(2768) 评论(3) 推荐(1) 编辑