记录几个 markdown 编写工具 - 快速编写文档
推荐几款markdown的软件Typora介绍Typora是一款轻便简洁的Markdown编辑器，支持即时渲染技术，这也是与其他Markdown编辑器最显著的区别。即时渲染使得你写Markdown就想是写Word文档一样流畅自如，不像其他编辑器的有编辑栏和显示栏。平台: 全平台覆盖
标签: markdown
jQuery和单页应用中折叠菜单互不影响的实现对比
2020-2-18 Jon js+jquery+ajax
jquery 折叠菜单互不影响的实现 直接操作 dom <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titlejquery 折叠菜单互不影响的实现 直接操作 dom</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">
记录leetcode两道算法题“两数之和”&“整数反转”
2020-2-6 Jon js+jquery+ajax
题目难度：简单 1、两数之和 给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。 你可以假设每种输入只会对应一个答案。但是，你不能重复利用这个数组中同样的元素。 示例: 给定 nums = [2, 7, 11, 15], target = 9 因为 nums[0] + nums[1] = 2 + 7 = 9 所以返回 [0, 1] 解题思路 首先想到的是方案1用两次循环，但是这样当传入的数组很大时，效率会很低。 其次方案2使用的是es6提供的Map对象 最后方案3是使用很巧妙地差值存...标签: leetcode
无意间翻到9年前还在上学时写的一篇文章名为“有感而序”
时遇新型冠状病毒肆虐，举国上下悲痛之计也只能在家待着，在家无聊收拾旧东西 无意间翻到9年前还在上学时写的一篇文章名为“有感而序”。 特记录于此，免丢失。以下为原文。 有感而序 公元2011年，暮春之初，学于耀云。 一日放学，天降大雨，淋漓不止。 昏暗袭卷，狂风怒吼，电闪雷鸣。 有摧毁天地之机，吞吐宇宙之势。 时下人皆惊恐，恐有灾难来临，惧有末日将至。 又因今日三月二十，此日地月相邻较近，有不祥之预兆。 近年数据示之，先印度洋海啸，次有汶川，海牙地震。 今有云南、日本地震，及日本核泄漏，台东之海啸，秘鲁离奇死亡之鱼等，皆为之敲响警钟...亲测 video 标签 视频格式的兼容现状
html5 video标签再熟悉不过了 Iternet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <video> 标签。 注释：Internet Explorer 8 以及更早的版本不支持 <video> 标签。 src所支持的视频格式有三种 mp4、ogg、webm
标签: video
使用navigator获取浏览器系统当前使用语言
2019-12-23 Jon js+jquery+ajax
在前端开发过程中，通常会碰到多语言的需求，而默认展示语言需要根据用户的浏览器使用的语言来判断，那么就需要获取览器系统当前使用的语言。这里使用了浏览器的api navigator.language 和 navigator.browserLanguage。值得注意的是主流浏览器都会有 navigator.language，navigator.appName 是 "Netscape"；而ie10以及之前没有 navigator.language 而是 navigator.browserLanguage 代替，navigator.appName 是 navigator.appName 是 "Microsoft Internet Explorer"。
标签: 浏览器
倍速播放百度网盘视频的几种方法
倍速播放百度网盘视频的几种方法pc端三种方式1、使用火狐浏览器打开视频连接后视频中右键自带倍速播放2、chrome中安装插件 video speed controller3、在任意浏览器控制台添加这段代码即可videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(2);标签: 网盘
磨刀不误砍柴工 - vscode 前端必备插件分享
vscode 是微软提供的堪称业界良心 IDE强大到不论你是第一次使用IDE还是从其他IDE转过来都能轻松上手，然后爱不释手。下面看下它的介绍VS支持创建各种类型的程序，包括从桌面应用、Web应用、移动APP、到视频游戏。对于初学者到高级专业开发人员来说都是最棒的开发工具。VS有可定制仪表板和可停靠的窗口。它支持多大36种不同的编程语言如：ASP.NET、DHTML、JavaScript、Jscript、Visual Basic、Visual C#、Visual C ++、Visual F#，XAML及更多。这个列表还在每天实时的增长着。标签: vscode
angular配置全局路由跳转不添加到历史记录之曲线救国
在开发angular项目中遇到一个需求是路由跳转不记录在浏览器历史中，即使用浏览器回退时不会退到进入当前页面的前一个页面，而是退到前前一个页面。 这个其实很简单，在angular也给出了相应的解决方案即 1.如果跳转发生在html中即使用routerLink时加上replaceUrl="true"即可 <button routerLink="/order" replaceUrl="true">to order</button> 2.如果跳转发生在ts中即 this.router.navigate(['/order'], { replaceUrl: true });...angular回掉函数里数据修改视图不更新的问题解决
做angular项目中有时会遇到组件中的数据变化后视图中没有更新的问题 问题出现的场景： 可能是项目存在已久代码已不知所云、或者是陷入某个回调函数中、又或是使用了某个插件后。 先看下angular的变更检测策略： Default ：ng提供的Default的检测策略，只要组件的input发生改变，就触发检测； OnPush ：OnPush检测策略是input发生改变，并不立即触发检测，而是输入的引用发生变化时，才会触发检测。 ChangeDetectorRef.detectChanges()：可显式的控制变更检测，在需要的地方使用即可； NgZone.run()：在整个应用...cesium 中https使用地球皮肤请求地址不安全问题
在https环境下使用cesium时若是出现地球皮肤无法访问的问题 这时点击该地址会报不安全的网络 其实是因为早期的cesium版本中没有设计安全https皮肤地址 只需要更新最新的cesium即可，但是往往情况复杂不予许随便更新，又或者怕更新后出现新问题 那么只需要对之前的cesium.js文件进行修复即可 修复也是很简单 打开node_modules/cesium/Build/CesiumUnminified/Cesium.js 搜索Imagery/Metadata并找到如下代码 var metadataResource = this._resource.getDeri...deployUrl解决angular项目打包后静态资源的部署到其它目录的问题
通常angular 打包后里面的css、js文件放到了别的服务器，或者放到了别的目录 1、当前服务器aaa.com index放到了aaa.com下面，css/js文件放到了bbb.com下面 2、当前服务器aaa.com index放到了aaa.com下面，css/js放到了aaa.com/public/下面 最简单的办法就是将打包好的index.html里面的资源前面设置为对应的绝对路径和相对路径即可。 那么当遇到项目中有懒加载和预加载摸模块文件时，这些文件不直接在index中引用，而是通过runtime.**.js中引用 这时问题就会出现，部署上后发现懒加载模块文件报4...名言警句
喜名者必多怨,好誉者必多辱。 ——喜欢名气的人必定有很多的怨恨；爱好名誉的人必定要承受很多的屈辱。 老不泄残精，少不食壮火，富不住大屋，穷不行远路。 ——老人要做到不妄语、不过劳、不动怒、不远行、不暴饮暴食；人在年少的时候，不要过嗜性味火热辛辣之物；卧室太大了，是可以耗费阳气的；长途跋涉、劳伤筋骨、感受外邪所以家里再穷，也不能长久跋涉。 医不叩门，道不轻传，法不妄泄。 ——分别表示别人不邀请，医生不能主动上门看病；对不想学道的人，不要随意传道；别人没有问法，不可主动说出。 人之患，在好为人师。 ——人们的毛病,在于喜欢充当别人的老师。 无钱莫入众，言...使用 navigator.userAgent 判断当前浏览器内核
前端开发中，经常会出现对不同浏览器内核使用不同的方式处理问题，以达到兼容性更好的目的，那就涉及到判断当前浏览器使用的内核。这里使用 navigator.userAgent 判断当前浏览器内核。
标签: 浏览器
使用npm list查看项目已经安装的模块版本
由于早期的一些项目没有package-lock.json文件 别人下载项目后npm i后版本会自动升级造成项目不兼容 由于历史原因package.json文件中的版本会和真正安装的版本不同 这个时候就需要给本项目添加lock文件或者是让此项目可安装使用 其中最大的问题就是要知道正常运行时所有安装模块的版本是多少 如果一个个包看，工作量无疑巨大。 下面介绍几个npm命令，使用此命令可以简单得到所有模块真实安装版本号。 以便开发者自己调整项目。 npm list 这个指令可以用来 显示 出我们的项目中安装了哪些模块，其实就是 package.json 文件中 的 depend...标签: npm
日历
最新微语
- html转义与翻转义工具
https://www.sojson.com/rehtml#google_vignette
2024-09-03 15:28
- 周公恐惧流言日，王莽谦恭未篡时
2024-09-03 15:28
最新评论
分类
随机文章
最新文章
热门文章
存档
- 2023年1月(1)
- 2022年8月(1)
- 2022年5月(1)
- 2021年8月(1)
- 2021年7月(1)
- 2021年6月(1)
- 2021年5月(1)
- 2021年4月(1)
- 2021年3月(2)
- 2021年2月(3)
- 2021年1月(3)
- 2020年12月(1)
- 2020年11月(2)
- 2020年10月(2)
- 2020年9月(2)
- 2020年8月(2)
- 2020年7月(3)
- 2020年6月(3)
- 2020年5月(7)
- 2020年4月(5)
- 2020年3月(3)
- 2020年2月(2)
- 2020年1月(2)
- 2019年12月(2)
- 2019年11月(1)
- 2019年10月(3)
- 2019年9月(1)
- 2019年8月(2)
- 2019年7月(4)
- 2019年6月(5)
- 2019年5月(5)
- 2019年4月(3)
- 2019年3月(2)
- 2019年2月(2)
- 2019年1月(3)
- 2018年12月(1)
- 2018年11月(1)
- 2018年10月(1)
- 2018年9月(2)
- 2018年8月(1)
- 2018年7月(1)
- 2018年6月(3)
- 2018年5月(2)
- 2018年3月(1)
- 2018年2月(1)
- 2018年1月(1)
- 2017年11月(1)
- 2017年10月(1)
- 2017年8月(2)
- 2017年5月(1)
- 2016年11月(1)
- 2016年10月(2)
- 2016年9月(1)
- 2016年8月(1)
- 2016年7月(2)
- 2016年6月(2)
- 2016年5月(7)
- 2016年4月(6)
- 2016年3月(3)
- 2016年2月(2)
- 2016年1月(3)
- 2015年12月(2)
- 2015年11月(2)
- 2015年10月(3)
- 2015年9月(2)
- 2015年8月(4)
- 2015年7月(4)
- 2015年6月(8)
- 2015年5月(34)
- 2015年4月(8)
- 2015年3月(2)