emlog 将富文本编辑器 kindeditor 替换为 tinyMCE

2020-3-22 Jon 前端工具

emlog 自带的富文本编辑器 kindeditor 比较老，排版非常麻烦，使用起来也不方便，不过我们可以通过技术手段来把它替换成我们想要的富文本编辑

阅读全文>>

标签: 富文本

评论(0) 浏览(878)

记录几个 markdown 编写工具 - 快速编写文档

2020-3-21 Jon 前端工具

推荐几款markdown的软件Typora介绍Typora是一款轻便简洁的Markdown编辑器，支持即时渲染技术，这也是与其他Markdown编辑器最显著的区别。即时渲染使得你写Markdown就想是写Word文档一样流畅自如，不像其他编辑器的有编辑栏和显示栏。平台: 全平台覆盖

阅读全文>>

标签: markdown

评论(0) 浏览(505)

记录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

评论(0) 浏览(577)

亲测 video 标签 视频格式的兼容现状

2020-1-23 Jon html+css

html5 video标签再熟悉不过了 Iternet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <video> 标签。 注释：Internet Explorer 8 以及更早的版本不支持 <video> 标签。 src所支持的视频格式有三种 mp4、ogg、webm

阅读全文>>

标签: video

评论(2) 浏览(693)

倍速播放百度网盘视频的几种方法

2019-12-11 Jon 前端工具

倍速播放百度网盘视频的几种方法pc端三种方式1、使用火狐浏览器打开视频连接后视频中右键自带倍速播放2、chrome中安装插件 video speed controller3、在任意浏览器控制台添加这段代码即可videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(2);

阅读全文>>

标签: 网盘

评论(4) 浏览(382)

磨刀不误砍柴工 - vscode 前端必备插件分享

2019-11-8 Jon 前端工具

vscode 是微软提供的堪称业界良心 IDE强大到不论你是第一次使用IDE还是从其他IDE转过来都能轻松上手，然后爱不释手。下面看下它的介绍VS支持创建各种类型的程序，包括从桌面应用、Web应用、移动APP、到视频游戏。对于初学者到高级专业开发人员来说都是最棒的开发工具。VS有可定制仪表板和可停靠的窗口。它支持多大36种不同的编程语言如：ASP.NET、DHTML、JavaScript、Jscript、Visual Basic、Visual C#、Visual C ++、Visual F#，XAML及更多。这个列表还在每天实时的增长着。

阅读全文>>

标签: vscode

评论(0) 浏览(1042)

angular配置全局路由跳转不添加到历史记录之曲线救国

2019-10-13 Jon angular

在开发angular项目中遇到一个需求是路由跳转不记录在浏览器历史中，即使用浏览器回退时不会退到进入当前页面的前一个页面，而是退到前前一个页面。 这个其实很简单，在angular也给出了相应的解决方案即 1.如果跳转发生在html中即使用routerLink时加上replaceUrl="true"即可 <button routerLink="/order" replaceUrl="true">to order</button> 2.如果跳转发生在ts中即 this.router.navigate(['/order'], { replaceUrl: true });...

阅读全文>>

评论(0) 浏览(1005)

angular回掉函数里数据修改视图不更新的问题解决

2019-10-6 Jon angular

做angular项目中有时会遇到组件中的数据变化后视图中没有更新的问题 问题出现的场景： 可能是项目存在已久代码已不知所云、或者是陷入某个回调函数中、又或是使用了某个插件后。 先看下angular的变更检测策略： Default ：ng提供的Default的检测策略，只要组件的input发生改变，就触发检测； OnPush ：OnPush检测策略是input发生改变，并不立即触发检测，而是输入的引用发生变化时，才会触发检测。 ChangeDetectorRef.detectChanges()：可显式的控制变更检测，在需要的地方使用即可； NgZone.run()：在整个应用...

阅读全文>>

评论(0) 浏览(1280)

cesium 中https使用地球皮肤请求地址不安全问题

2019-10-1 Jon js库

在https环境下使用cesium时若是出现地球皮肤无法访问的问题 这时点击该地址会报不安全的网络 其实是因为早期的cesium版本中没有设计安全https皮肤地址 只需要更新最新的cesium即可，但是往往情况复杂不予许随便更新，又或者怕更新后出现新问题 那么只需要对之前的cesium.js文件进行修复即可 修复也是很简单 打开node_modules/cesium/Build/CesiumUnminified/Cesium.js 搜索Imagery/Metadata并找到如下代码 var metadataResource = this._resource.getDeri...

阅读全文>>

评论(0) 浏览(733)

deployUrl解决angular项目打包后静态资源的部署到其它目录的问题

2019-9-14 Jon 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...

阅读全文>>

评论(0) 浏览(1624)

使用npm list查看项目已经安装的模块版本

2019-7-27 Jon 前端工具

由于早期的一些项目没有package-lock.json文件 别人下载项目后npm i后版本会自动升级造成项目不兼容 由于历史原因package.json文件中的版本会和真正安装的版本不同 这个时候就需要给本项目添加lock文件或者是让此项目可安装使用 其中最大的问题就是要知道正常运行时所有安装模块的版本是多少 如果一个个包看，工作量无疑巨大。 下面介绍几个npm命令，使用此命令可以简单得到所有模块真实安装版本号。 以便开发者自己调整项目。 npm list 这个指令可以用来 显示 出我们的项目中安装了哪些模块，其实就是 package.json 文件中 的 depend...

阅读全文>>

标签: npm

评论(0) 浏览(1281)

关于本博客http升级为更安全的https的小结

2019-7-23 Jon 前端工具

全民https的时代，http感觉落伍了 是时候将博客升级为https了 干就完了 首先虚拟主机基于阿里云，直接登录阿里云找到管理 找到强制HTTPS加密访问列点击对应域名下面的开启按钮 选择免费证书后同意并点击确认，然后等待10分钟左右在访问你的域名就会自动使用https 至此主机层面的升级已经完成，是不是很简单呢 这个时候会发现只有在输入刚好整个域名时才会到https 也就是 yuanqiao.pw 会跳转 yuanqiao.pw/sponsor.html 并不会跳转 而这里我使用的是emlog搭建的博客 会存在站内大量跳转链接不会自动加http...

阅读全文>>

标签: https

评论(0) 浏览(1235)