编程日志 | nohup.net

实践是检验真理的唯一标准

推荐:高考软考作文答题卡红色方格纸

JavaScript使用FileReader通过纯前端读取本地文件和图片

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width,initial-scale=1, user-scalable=no">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

umi react代码高亮js插件highlight的使用

先安装一下依赖:

npm install --save highlight.js

源码附上:

import hljs from 'highlight.js'
import 'highlight.js/styles/vs2015.css'
import { useEffect } from 'react'

export default function IndexPage() {
  useEffect(() => {
    hljs.configure({
      ignoreUnescapedHTML: true
    })
    const codes = document.querySelectorAll('.dg-html pre code')
    codes.forEach((el) => {
      hljs.highlightElement(el as HTMLElement)
    })
  }, [])
  const content = `<pre><code>console.log(abc);\n\n
console.log(abc);</code></pre>`
 
  return (
    <div className="dg-html">
      Question
      <div dangerouslySetInnerHTML={{ __html: content }} />
    </div>
  )
}

js实现把CIDR表示法转换为IP起止和子网掩码和IP数量

能用别人的库,就不自己写,有时候是自己水平太次容易坑,有时候是为了提高效率。

<script src="./ip-subnet-calculator.js"></script>
<script>
	function translateCIDR(cidr){
		var cidr_split = cidr.split("/");
		var ip = cidr_split[0];
		var prefix = cidr_split[1];
		if(!IpSubnetCalculator.isIp(ip)){
			return;
		}
		if(prefix<0 || prefix>32){
			return;
		}
		var result = IpSubnetCalculator.calculateSubnetMask(ip, prefix);
		console.log(result);
		console.log("start: " + result.ipLowStr);
		console.log("end: " + result.ipHighStr);
		console.log("num ips: " + Math.pow(2,result.invertedSize));
		console.log("subnet mask: " + result.prefixMaskStr);
	};
	translateCIDR("192.168.1.1/16");
</script>

leaflet绘制marker轨迹动画的两种方式源码

有方向的线还是挺有用,数据结构里都分有向图、无向图嘛!有向的东西不表示出来,效果就太差了。

目前发现2个不错的demo,不敢独享。

————

第一种方式:

image.png

js父iframe获取子iframe元素的方法

window.frames["old"].

其中,#old为子frame的id

可以拿到引用,但是如果父子是同源那么可以读取,如果没设置;会受到浏览器同源策略即跨域的影响而无法读取。

事件冒泡(阻止冒泡)和事件捕捉(阻止捕获)

别人总结的已经很好,足够用,懒省事传送门一下:

https://www.jianshu.com/p/2b4a8a6507f1

react状态提升是什么?

这个概念很不好理解,但是又很重要,否则向上无法通信。

以下的文章解释的不错,参考一下:

https://blog.csdn.net/sunshine_kevin/article/details/102747162

关于SSR-服务端渲染做好SEO优化的一些看法

方法有若干种,我比较推崇的是:

react父子组件通信-子组件向父组件传值

传送门:

https://www.jianshu.com/p/ccc15c5963c4


React如何使用Effect Hook的权威回答

有的文章扯半天,都不知道在说什么,官方文档,一眼就看懂了。

传送门:

https://react.docschina.org/docs/hooks-effect.html



<< 1 2 3 > >>

Powered By Z-BlogPHP 1.7.2

© 2013-2022 nohup.net , All Rights Reserved. 豫ICP备20020372号-1