首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用Preact 开发基于Shadow DOM的JS插件

    前言 第三方JS插件在日常开发中经常会使用到。对于一些不涉及到展示的功能插件,仅需要引入一个js文件即可,但对于一些界面级插件,如轮播图、富文本编辑器等,往往还需要单独引入css文件使之展示正常。...如果可以仅引入一个js文件,并且插件样式能完全做到与主体应用隔离,那么插件的通用性也能进一步提高。...MVVM框架当然也可以用来开发界面级JS插件,甚至会使事情变得更加简单。 JS插件一般都是轻量的。相比于使用React,Preact更符合我们的要。...引入方式如下: import styleText from "....open" }); const style = document.createElement("style"); style.appendChild(document.createTextNode(styleText

    2.4K30

    尝试扩展一下 markdown 编辑器的功能渲染及语法

    样式解析机制样式定义部分支持简洁的 key=value 写法,我设计了一个轻量的解析函数:function parseStyleDefinitions(styleText) { const styles...= {}; const lines = styleText.split('\n').filter(Boolean); lines.forEach(line => { const [key,...(key && value) styles[key] = value; }); return styles;}这个函数的目标很清晰:解析用户配置的键值对;自动处理换行、空格等输入问题;输出一个 JS...工具函数:样式对象转 CSS 字符串渲染器里一个常用的小函数是 styleObjectToCss,它将 JS 对象格式的样式转为内联 CSS 字符串:function styleObjectToCss(...borderRadius: "8px"}会变成:max-height: 280px; border-radius: 8px;这样我们可以在构建 HTML 的时候不用关心 CSS 写法细节,直接操作 JS

    38200

    “JS加密”等于“JS混淆”?

    JS加密、JS混淆,是一回事吗?是的!在国内,JS加密,其实就是指JS混淆。...1、当人们提起JS加密时,通常是指对JS代码进行混淆加密处理,而不是指JS加密算法(如xor加密算法、md5加密算法、base64加密算法,等等...)2、而“JS混淆”这个词,来源于国外的称呼,在国外称为...所以,有的人用国外的翻译名称,称为js混淆。3、无论是js加密,还是js混淆,他们的功能,都是对js代码进行保护,使可读的明文js代码变的不可读,防护自己写的js代码被他人随意阅读、分析、复制盗用。...,js是直接执行源码、对外发布也是源码),所以,为了提升js代码安全性,就有了js加密、js混淆操作。...加密后的js代码,不一定能保证100%安全了,但肯定比不加密强,很简单的道理。6、怎样进行js加密、js混淆?

    3.9K10

    JS

    2.2K30

    JS代码混淆 | js 逆向系列

    /UglifyJS/ https://github.com/LiPinghai/UglifyJSDocCN/blob/master/README.md 使用方法 npm install uglify-js...-g uglifyjs example.js -c -m --mangle-props -c 代码压缩 -m 代码混淆 --mangle-props 混淆属性名 -b 美化显示 // 原代码 const...JShaman https://www.jshaman.com/ JShaman 是国内公司开发的js代码加密商业产品 免费版可以直接使用 // 原代码 const person = { age...我们输出一下 这里我们就可以对比 eval packer 了,它只是简单的字符串替换,即使将原代码中的部分提取出来,通过数组、字典等各种形式存储、拼接、替换等,最终进行还原,这里面没有利用到复杂的语法以及js...console.log(c) 这次我们设计三个返回值,分别是函数定义、数值、字符串 看到这,我都蒙了,经过查询资料,我找到了两个维度的复杂的原因 JavaScript 中函数只能有一个返回值,你就说这玩意如果没学过 js

    8.1K20
    领券