Angular12 路由复用策略规则编写及使用

2021-7-8 Jon angular

Angular12 路由复用策略规则编写及使用 1. 路由复用策略服务 route-reuse.service.ts import { RouteReuseStrategy, DetachedRouteHandle, ActivatedRouteSnapshot } from '@angular/router'; import { ComponentRef, Injectable } from '@angular/core'; @Injectable() export class RouteReuseService implements RouteReuseStrategy

阅读全文>>

标签: angular router esue

评论(9) 浏览(1990)

支付宝小程序获取当前页面url及通过连接直接进入具体业务展示页

2021-5-24 Jon js+jquery+ajax

支付宝小程序获取当前页面url及通过连接直接进入具体业务展示页 获取当前页面url onLoad(opt) { var pages = getCurrentPages() // 获取加载的页面 var currentPage = pages[pages.length-1] // 获取当前页面的对象 var url = currentPage.route // 当前页面url var options = opt // 如果要获取url中所带的参数可以查看options

阅读全文>>

标签: 支付宝 小程序

评论(0) 浏览(1235)

原生 js 实现在浏览器中复制内容

2021-4-10 Jon js+jquery+ajax

浏览器中点击按钮去实现复制我们想要的内容，现在常见的方法主要是两种，一种是第三方库clipboard.js 但是引入一个库也是要考虑加载成本的，另一种就是今天要介绍的 document.execCommand()。

阅读全文>>

标签: 复制

评论(0) 浏览(1015)

scss 常用语法整理速查表

2021-2-19 Jon html+css

vscode 中实时 scss 转 css  vscode 中搜索并安装插件 Live Sass Compiler 在设置中搜索 Live Sass Compiler 配置如下。"liveSassCompile.settings.formats": [ {"format" : "expanded" ,"extensionName" : ".css" ,"savePath" : null}] 更多配置自行搜索 Live Sass Compile 使 ctrl+shift+P 键入Live Sass: Watch Sass 以开始实时编译 键入 Live Sass: Stop Watching Sass 以停止实时编译。

阅读全文>>

标签: css scss

评论(0) 浏览(904)

js 汉字获取首字母，汉字转拼音

2021-2-9 Jon js+jquery+ajax

JS 地址 https://gitee.com/yinuocode/convert-pinyin 功能包括 根据字符串返回所有字符串首字母 根据字符串返回字符串第一个字符的首字母 根据字符串返回所有字符串全拼 (字符串可以是汉字、数字、字母)

阅读全文>>

标签: js

评论(0) 浏览(2409)

js 设计模式面试题之停车场

2021-1-29 Jon js+jquery+ajax

某停车场，分3层，每层100车 每个车位都能监控到车辆的驶入和离 车辆进入前，显示每层的空余车位 车辆进入时，摄像头可识别车牌号和时 车辆出来时，出口显示器显示车牌号和停车时 画出UML类图 用ES6语法写出该示例

阅读全文>>

标签: js 面试题 设计模式

评论(0) 浏览(1214)

js 设计模式面试题之打车

2021-1-28 Jon js+jquery+ajax

打车时，可以打专车或者快车。任何车都有车牌号和名称。 不同车价格不同，快车每公里1元，专车每公里2元。 行程开始时，显示车辆信息 行程结束时，显示打车金额（假定行程就5公里） 画出UML类图 用ES6语法写出该示例

阅读全文>>

标签: 面试题 设计模式

评论(0) 浏览(735)

通过 jspdf 插件将 html 某个标签在线转 pdf 文件

2021-1-13 Jon js库

前端开发中，有时会有将页面某个 div 的内容转成 pdf 文件，这将会用到 html2canvas 和 jspdf js插件来解决。

阅读全文>>

标签: js jspdf

评论(0) 浏览(1739)

浏览器使用 pdfobject js 插件预览 pdf 文件

2020-12-10 Jon js库

浏览器中直接访问 pdf 文件在线打开，而不是下载的方式，相当于 将 pdf 放入我们准备好的容器中进行预览，这种效果需要借助一个 js 插件 pdfobject.min.js，具体使用如下。

阅读全文>>

标签: js pdfobject

评论(0) 浏览(1343)

js 通过城市首字母查找对应城市功能

2020-11-11 Jon js+jquery+ajax

js 通过城市首字母查找对应城市功能 点击右边字母右边滑动到对应城市，滚动左边城市右边字母自动选中 直接上效果 点击查看效果 城市对应字母的 json 整理 点击获取 json html 实现代码

阅读全文>>

标签: js

评论(0) 浏览(2029)

js 根据开始和结束日期计算时间差

2020-11-6 Jon js+jquery+ajax

js 根据开始和结束日期计算时间差 支持传入格式 new Date() 形式 字符串形式 '2020/11/30 '或 '2020-11-30' 字符串形式 '2020-11-20T12:00:29.609859+08:00' 数字格式的时间戳 1623736698905

阅读全文>>

标签: js date

评论(0) 浏览(1281)

js 达夫设备和其他 for 循环性能对比

2020-10-23 Jon js+jquery+ajax

for/for of循环对比结论：4000 一下 for of 快，大于 4000 for 更快 达夫设备  vs  for循环 经过多次不同处理方式不同数据量的测试得出以下结论 如果进行数据处理 比如调用方法 push 两者 性能差不多 如果只是单纯循环速度，达夫设备 完胜 for循环 如果考虑代码可读性和简洁性，for 循环 更胜一筹 个人感觉 100万数据以内完全用不到达夫设备 for 循环就很快 对于更大数据的循环，如果性能要求比较高，可以考虑达夫设备

阅读全文>>

标签: js

评论(0) 浏览(1186)

CSS实现隐藏滚动条并可以滚动内容效果最优解

2020-10-20 Jon html+css

CSS实现隐藏滚动条并可以滚动内容效果 特殊情况下会有隐藏滚动条但是内容很长时要可以滚动的需求，当然可以通过插件来实现，但会给人杀鸡用牛刀的感觉，在此记录下使用 css 处理该需求的实现方式 最常用的方式 兼容性最好的方式

阅读全文>>

标签: css 滚动条

评论(0) 浏览(1163)

微信 js sdk 选择图片的使用

2020-9-25 Jon js库

微信 js sdk 选择图片的使用 见代码

阅读全文>>

标签: js

评论(0) 浏览(1342)

js 如何中断 forEach、map 循环

2020-9-10 Jon js+jquery+ajax

forEach 和 map 1. 区别 forEach 执行后返回 undefined map     执行后返回新数组 2. 共同点 只能遍历数组并参数都一样 不改变原函数（引用类型除外） 无法中断循环；return 只是结束本地循环，进入下一次循环 break 或 continue 都将会报错 使用抛出异常来中断 forEach/map 同样

阅读全文>>

标签: js

评论(0) 浏览(1388)