精华内容
下载资源
问答
  • 图/文:迷神做前端开发都有多多少少有过这样的经历,“呕心沥血做的网页设计网站,H5游戏等等,做了几个月才做完,JS代码写了好几个月,被他人一夜全抄走。。。。”,气得要死。出现这样的情况,主要是前端...

    图/文:迷神

    做前端开发都有多多少少有过这样的经历,“呕心沥血做的网页设计和网站,H5游戏等等,做了几个月才做完,JS代码写了好几个月,被他人一夜全抄走。。。。”,气得要死。

    出现这样的情况,主要是前端JavaScript代码、h5游戏,网站基本上全是透明代码,发布到网上后,随便什么人都可以看到,只要懂点技术的,轻轻松松就可以复制走,进行修改和二次开发啥的。

    如何防止前端JS代码一夜被全抄走?那就用 这个产品吧:萨满JS保护(JShaman)。

    萨满JS保护,绝非广告,只是觉得不错,分享出来而已,有免费的,也有收费的,强度不同自行选择。

    比如,正常的一段代码:

    function hello_world(){  alert("hello world");}hello_world();
    48e15f616a172223c767305b1d116142.png

    经JShaman保护,代码会成为:

    var _0x2147=['hellox20world'];(function(_0x123291,_0x4eaa74){var _0x2c77da=function(_0x5bd636){while(--_0x5bd636){_0x123291['push'](_0x123291['shift']());}};_0x2c77da(++_0x4eaa74);}(_0x2147,0x146));var _0x12ee=function(_0x5b330d,_0x1ea728){_0x5b330d=_0x5b330d-0x0;var _0x5db47e=_0x2147[_0x5b330d];return _0x5db47e;};function hello_world(){alert(_0x12ee('0x0'));}hello_world();

    如果我们在代码插入一些限制,这时代码已经不能识别,而且抄一般会改一些内容,比如版权、文字内容,这时的代码变的很乱,已经不容易被抄了。

    展开全文
  • 学会用网页前端加密防360浏览器拦截,加密自己的网页防止复制、保护版权。利用“前端万能解密”无视一切...网页设计师、编码人员、前端工程师、前端网页设计网站美工、程序员、网站维护、网站管理员。 课程简介...

    学会用网页前端加密防360浏览器拦截,加密自己的网页防止复制、保护版权。利用“前端万能解密器”无视一切前端加密,解密别人加密的html代码来参考学习。课程内容还包括了代码解密的原理分析、最详细易懂的js/HTML乱码分析,帮助你彻底摆脱乱码困扰。

    适用人群

    网页设计师、编码人员、前端工程师、前端网页设计、网站美工、程序员、网站维护、网站管理员。

    课程简介

    作 者:Lccee 
    语 言:普通话/网络用语 
    类 别:HTML代码加密解密/HTML网页设计乱码分析/html实用技法/XHTML
    进 度:更新完毕 

     介:包含了HTML乱码分析、代码的压缩与优化、JavaScript/html前端代码加密解密、前端加密防止360浏览器拦截、html代码解密原理、前端万能解密神器、手动解密等。

    课程亮点:学完本课,能给自己的网页加密,也能解密别人的网页参考学习,防止自己的创意被抄袭,对网站后台的样式和版权进行分文件加密,增加后台页面被修改的难度。并且提供万能解密神器,对加密的网页文件一键解密,课程中还涉及了一些SEO优化等

    课程匹配:如何给网页前端代码加密?前端代码加密如何破解?html出现乱码什么办?前端加密防360浏览器拦截。HTML网页设计乱码原因分析、js文件加密方式、网页前端代码加密解密。HTML5的加密解密、XHTML的加密解密、压缩代码对SEO优化有哪些好处?




    课程类型:视频           课程完成度:100%           课件完成度:100%          讲师:Lccee



    课程观看地址:http://edu.51cto.com/course/course_id-6246.html



    欢迎光临Lccee博客,查看更多博文:http://lccee.blog.51cto.com/


    51CTO相关文章推荐:

    自定义设置任意PHP版本教程:http://lccee.blog.51cto.com/10514884/1886154

    PHP连接MSSQL数据库案例:http://lccee.blog.51cto.com/10514884/1889722

    PHPWAMP在云服务器上的应用:http://lccee.blog.51cto.com/10514884/1887604

    网页加密与网页乱码最详细的分析:http://lccee.blog.51cto.com/10514884/1886461

    虚拟主机搭建网站的全程视频案例http://lccee.blog.51cto.com/10514884/1886460

    强制修改所有mysql数据库密码:http://lccee.blog.51cto.com/10514884/1886402

    强制去除域名端口号(独家功能):http://lccee.blog.51cto.com/10514884/1886424

    700个PHP版本随时切换,共生模式与多开档位:http://lccee.blog.51cto.com/10514884/1890945














    本文转自Lccee老师里冲51CTO博客,原文链接:http://blog.51cto.com/lccee/1886461 ,如需转载请自行联系原作者



    展开全文
  • 前端必备网站

    2019-04-26 00:11:00
    1, Animate.css 56401 ★ ...可以直接在浏览器中进行设计和设置的动画库,带有一个完整的网页构建,只需添加一个组件,选择预设,然后你就可以得到CSS 代码了 和其他的同类工具不同的地方在于...

    1,

    Animate.css

    • 56401 ★
    • 一个跨浏览器的动效基础库,是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效,一应俱全。
    • 文件大小:55.2 kB.

    Bounce.js

    • 5754 ★
    • 可以直接在浏览器中进行设计和设置的动画库,带有一个完整的网页构建器,只需添加一个组件,选择预设,然后你就可以得到CSS 代码了
    • 和其他的同类工具不同的地方在于,它不仅仅是一个库,而是有这用户可以直接操作的实际功能,它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直接在浏览器中进行设计和设置的动画库之一。
    • 文件大小:16 kB.

    Anime.js

    • 21084 ★
    • 支持 CSS,DOM,SVG,和JS对象
    • 点击Documentation,查看animejs的动效组件说明文档;点击Codepen,进入anime的动效库,查看可编辑的动效演示和示例。
    • 将动画加持在LOGO、按钮、图像等各种各样的元素上。它支持各种常见的触发机制,比如点击、悬停、滑动,你可以借助它定义一系列的动画。
    • 缺少自定义特效
    • 作为Three JS的潜在替代方案

    Magic Animations

    • 5754 ★
    • 与Animate.css十分类似,也是一个预定义了一系列动效的CSS库。但与Animate.css的最大区别可能是,它定义的那些动效更炫也更酷一些
    • 许多基于CSS3的动画效果,并且带有许多在别的地方根本找不到的自定义样式。这是一个非常大的CSS3代码库合集
    • 文件大小:36.5 KB.

    AniJS

    • 3427 ★
    • 通过JavaScript控制的动效库
    • 号称“无需编码即可提升网页设计的图书馆”,通过 if、on、do、to 等简单的命令更加直观地处理动效还能用来控制前面 Animate.css 来创造动效。
    • 文件大小:10.5 kB.

     

    CSShake

    • 3781 ★
    • 元素颤抖效果。一个疯狂摇动的动效库,包括方向(水平、上下),类型(固定、疯狂),强度(强、弱)等等
    • 动画效果非常的疯狂、独特,它并不一定适合每个网站。
    • 文件大小:78.8 kB.

     

    Velocity.js

    • 14692 ★
    • 一个简单易用、高性能、功能丰富的轻量级JS动画库。它能和 jQuery 完美协作,且不依赖 jQuery。
    • 支持原生js,jq,react写法,作为vue粉,失望的是,暂时没有vue相关的插件
    • 文件大小:34.8 kB.

    Vivus.js

    • 10365 ★
    • SVG动效库
    • 一个轻量级的JavaScript动效库,跟Lazy Line Painter一样,它也是创建SVG路径动画的,里面有各种不同的动画可供选择,以及创建自定义脚本的选项,可以以你喜欢的任何方式绘制SVG。动画类型有延迟、同步和依次绘制三种,还有定时功能
    • 没有任何依赖。除了使用SVG之外,Vivus JS还可用于创建漂亮的按钮,也有其他令人惊叹的动画可供使用。

    Hover.css

    • 20544 ★
    • 鼠标悬浮效果。提供了大量的Hover效果,包括2D变换,图标变换,背景变换等等。而且几乎可以应用于所有元素,包括链接,按钮,logo,SVG甚至图片等等。
    • 文件大小:104.2 kB.

     

    Snabbt.js

     

     

    Dynamics.js

    • 7034 ★
    • 一个JS库,能为你提供9种标准的动效,你可以制定其中的持续时间、频率、预期尺寸和强度等数据,创造出符合物理效果的动效。

     

    GSAP(GreenSock JS)

    • 7767 ★
    • 可能目前最炫酷的免费动画库之一了。它运行于纯粹的 JavaScript 之上,是目前最强健的动画资源库之一。以SVG、画布元素甚至 jQuery 对象良好地协同,诸如 EaselJS 这样的库也可以和 GSAP 联动。一个强大的网页动画库。


    Popmotion

    • 13777 ★
    • 一个只有 12KB 的 JavaScript 运动引擎,可以用来实现动画,物理效果和输入跟踪
    • 一款用于UI界面的JavaScript动画库,包含了四个强大的开源工具:pose、popmotion、stylefire和framesync
    • 一款与Anime JS类似的动画库,可用于创建精彩的浏览器动画。该库还具有指针跟踪,弹簧物理,3D动画等功能,并可用于创建功能型,反应型的动画

    scrollreveal.js

    • 15499 ★
    • 一款特定动画的JavaScript库
    • 非常酷炫的进场效果。
    • 创建十分酷炫的滚动特效,是一个轻量级的工具(没有任何依赖)
    • 适用于DOM节点,多个容器,异步内容,并且支持3D旋转。ScrollReveal JS可能是创建滚动特效最好用的工具,它支持大量的浏览器,只要它们支持CSS Transform和CSS Transition特性。

    Lazy Line Painter

    • 1478 ★
    • SVG动效库
    • 一个用于SVG路径动画的JQUERY插件,可以使用它轻松创建SVG路径动效。在AI中输出SVG文档,上传到转换器中,它就能帮你将它处理成为动效,生成jQuery 文档。你还可以编辑代码进行微调。

    It's Tuesday.

    • 371 ★
    • “一个古怪的CSS动画库。”,里面的动效都比较“冷淡”
    • 借助这个库,你可以有效的控制页面中元素的出现和消失的方式。
    • 动画并不是那种炫酷屌炸天的,相反它们是非常微妙的,真正从美学和用户体验的层面提升整个页面的设计。
    • 动效大多以流畅和优雅著称

    CSS Animate

    • (没找到github仓库)
    • 能让你设置更多的动效参数,比如你可以同时设置动效起始和终止状态的坐标,大小,以及透明度,能做出更复杂的动效

    AOS

    • 6613 ★
    • 更多地依赖于CSS,包含了一系列有滚动事件触发的漂亮的预定义动效。
    • 开发人员可以在向下滚动时为页面元素添加动画,然后在向上滚动时恢复之前的动画状态。这个库还附带了许多可由滚动事件触发的预定义事件

     

     

    CSS3 Animation

    • (没找到github仓库)
    • 一个非常简单易用的动效工具,你可以在它提供的简单图形界面里,通过拖拽一些进度条来控制你的动效,生成的CSS代码会自动显示在下面的一个文本框里,你可以拷贝粘贴到你的应用中直接使用

     

    Particles JS

    • 15612 ★
    • 一款特定动画的JavaScript库,用于创建点和线组成的精彩动画
    • 轻量的粒子动效 JS 开源库
    • 允许开发人员切换诸如粒子的密度,颜色,不透明度,形状和大小之类的东西。但是,由于它仅适用于粒子背景,因此不适合用来创建其他类型的动画

    Three JS

     

     

    Single Element CSS Spinners

    • 5767 ★
    • 一组非常漂亮的可用于加载中状态的CSS3动效

     

     

    Odometer

    • 6531 ★
    • 用来给数字作动效的,比如通过它你可以很好地呈现网站人数的增加,倒计时等与数字相关的动画效果

     

     

    Wicked CSS

    • 189 ★
    • 主要是基于CSS代码的,让对象进行旋转、翻转、划入等不同类型的动画效果

     

     

    Animate Plus

    • 5124 ★
    • 一个轻量级的动效库,它只有2KB,但是它有着自定义 JavaScript 动画所需的全部基本功能。
    • 可以通过npm安装

    matter.js

    • 7989 ★
    • 吊炸天了,接近现实生活中的物理运动、碰撞、惯性动画库

     

     

     

     

    parallax.js

    • 13601 ★
    • 这个效果也很常见,类似于视觉差效果。
    • 官网看起来很不错

     

     

    DynCSS

    • 486 ★
    • 用动态CSS来打造你的网页
    • 文件大小:36.5 kB

     

     

    Favico.js

    • 8150 ★
    • 可以使用视频、标志或图片来设计站点的Favicon
    • 文件大小:8.9 kB

     

     

     

    Kute.js

    • 1605 ★
    • 一个纯粹的动效引擎,拥有出色的性能。它可以兼容许多不同的浏览器,包括一些相对传统的浏览器

     

     

    SVG.js

    • 6601 ★
    • 为你提供一个更加直观的编辑SVG动效的环境。它足够小巧,语法也简单,并且提供统一的API。

     

     

    Motion UI

    • 857 ★
    • 借助SASS 来创建有趣的CSS动效。其中包含了一整套预定义的特效,可以运用到不同的HTML组件当中去。除了IE9,其他浏览器都可用。

     

     

    WAIT! ANIMATE

    • 179 ★
    • 更加轻松自如的方式来创造延时和等待的动效。通过调整控制面板上的参数,你可以创造出更加自然的效果

     

     

     

    choreographer.js

    • 1693 ★
    • 通过自定义参数实现对复杂动效的设计

     

     

    sequence.js(最后维护时间4年前)

    • 3373 ★
    • 是一个CSS驱动下的动效框架,用来构建基于步骤的响应式的动效

     

    shifty(官网感觉已经不维护)

    • 940 ★
    • 一款性能优异,速度够快且足够灵活的补间动画引擎,它是公认的 GreenSock 替代方案

     

     

     

    bonsai.js

    • 1965 ★
    • 一个用来做高级图形处理的JS库,它有着非常简单易用的API和SVG渲染器。

     

    太多了,具体可以:https://juejin.im/post/5cc089eae51d456e7d189f9d

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     


    https://codepen.io/#
    CodePen.io是一个浏览器内编码环境,专为学习编码和快速原型创作而设计,最大限度地减少麻烦。

    转载于:https://www.cnblogs.com/Knowledge-is-infinite/p/10771979.html

    展开全文
  • 是由百度web前端研发部开发所见即所得富文本web编辑,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码... 特别适合多文本的页面生成等 2.http://hao.shejidaren.com/ 设计,前端...

    1.UEditor

    https://ueditor.baidu.com/website/index.html 

    是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码...  特别适合多文本的页面生成等

    2.http://hao.shejidaren.com/

    设计,前端等

    展开全文
  • 在进行网站设计时,我们可以通过借助现有的html模板,在适当地修改后,变为适合需求的web界面。因此,对于一个后端的程序员来说,找到一个合适的html模板就变得非常重要。 目录 1. 源码之家 2. Bootstrap ...
  • 每个开发人员都知道为用户创建美观的设计以便与任何网站进行交互非常重要。 如果你不太了解CSS及其选择,那么在最短的时间内巧妙地对网页进行样式设置并不是一件容易的事。 CSS选择针对HTML文档中的指定元素,并...
  • 互联网发展日新月异,有大量工作需要前端来做:1日常办公软件(复杂应用,并且慢慢从桌面程序演化为Web):Office、Email、文档管理、产品设计、项目管理、代码编辑;2大数据/AI配套软件(复杂应用,并且慢慢从桌面...
  • 使用CSS Dig ,您可以直接从Chrome浏览器分析任何网页的所有CSS选择 , 特性和唯一属性 。 该扩展完全免费,为前端开发人员提供了强大的功能。 另请阅读: 网页设计:Chrome开发者工具入门 在检查样式表时,...
  • 其实这个部分,元一没有讲的特别通俗易懂(大概是高手不屑于普及这种小白问题T.T),我倒是在知乎上看到一个很赞的说法:在你手机(电脑)上跑的代码前端,在机房里跑的代码是后端。……太形象了! 说得正经点:...
  • 001 CodePen - 前端代码神器 CodePen 是面向前端设计人员和开发人员的社交开发环境。你可以在这里建立和部署网站,展示你的工作,通过做各种测试来学习、调试或者寻找灵感。 https://codepen.io/ *002 Neumorphism ...
  • 这篇主要是总结JavaScript常见简单实用的特效,主要从代码量短、简单实用几个方面进行叙述。其中特效包括: 1.鼠标悬停图片切换查看; 2.鼠标移动图片放大; 3.鼠标移动切换内容; 4.贵财下拉菜单案例; 5.JS...
  • 课程目标 HTML和CSS是组成WEB前端开发最核心的技术,结合第一季的... 课程内容包括:CSS使用的三种方式,CSS基础知识,CSS选择,什么是盒子模型,如何设置网站的首页,CSS的定位机制,结合案例演示,掌握实战技能。
  • Editplus(代码编辑,根据需求可选) FlashFXP(FTP软件,根据需求可选) Adobe Dreamweaver(样式设计) photoshop PS 一、进行需求分析 当客户提出想做一个什么样网站的时候,我们就必须弄...
  • 网站描述:基于vue 的element UI 表单设计代码生成,可视化设计表单,一键生成原生的vue单页表单代码; vscode插件:form-generator-plugin 具体实现 1、 2、前台页面如何使用 为了方便我们自己测试,就先...
  • 一套以“一切皆组件、最少化代码量、最少框架限制”为设计理念的<code>Web UI框架。 <code>star:9900</code></li><li><a href="https://github.com/meteor/meteor">meteor</a> 一个超简单的纯<code>javascript...
  • <div><h2>3月份前端资源分享 <h4>1. Javascript <ul><li>使用judge.js做信息判断</a></li><li><a href="https://segmentfault.com/a/1190000004430888">javascript----事件概述</a></li><li><a href=...
  • 随着网络技术的发展建设网站的方式也是越来越多同时也带动了软件行业的发展用于制作网站页面的工具软件也越来越丰富从最基本的HTML编辑到之前非常流行的Flash互动网页制作工具各种各样的网站页面制作软件工具也是...
  • 3.利用并集选择也可以精简代码,同时,要熟练掌握一些伪类选择的应用,比如nth-child(),:not(:last-child)等 4.单行导航可以使用a标签,更加方便省事 5.对于伪类的使用,:before和:after,可以应用于一些网站中...
  • 设计的时候我们总是想创建更有创意和风格的网站,无论创建怎么样的网站,有些CSS代码是必须要掌握的,可以说这是核心,掌握这样的一些CSS代码前端布局方面基本上再不成问题,什么边框圆角,工具提示,浏览器...
  • tob主题是由国内知名WP主题制作团队themebetter出品,适用于各种图片展示网站、新闻站、电影站、美图站、资源站等等,扁平化设计、公众号展示、打赏功能、列表无限加载、相册功能等。站长个人非常喜欢themebetter的...
  • 进而之昊通过给我们展示视频TED上的四维飞行http://v.youku.com/v_show/id_XNTc0MTEwNDcy.html通过自学习找到平衡提出了新的设想,用游戏的思维来设计网站,现在的很多游戏利用游戏引擎创造了一个世界,游戏设计师...
  • 选择优先级,样式冲突,以及抽离样式模块怎么写,说出思路,有无实践经验 <h4>2. JavaScript 基础 <p>1)JavaScript 里有哪些数据类型,解释清楚 null 和 undefined,...
  • 我们对Markdown编辑进行了一些功能拓展与语法支持,除了标准的Markdown编辑功能,我们增加了如下几点新功能,帮助你用它写博客: 全新的界面设计 ,将会带来全新的写作体验; 在创作中心设置你喜爱的代码高亮...
  • CSS—30个代码片段

    2012-12-11 21:00:01
    设计的时候我们总是想创建更有创意和风格的网站,无论创建怎么样的网站,有些CSS代码是必须要掌握的,可以说这是核心,掌握这样的一些CSS代码前端布局方面基本上再不成问题,什么边框圆角,工具提示,浏览器...
  • 网站开发初识及准备

    2019-10-02 00:51:11
    web前端开发工程师(H5开发):设计稿->代码 三大核心技术:HTML :结构 CSS :样式 Javascript:行为 web后端开发工程师 #最好使用代码编辑,这里使用VS Code为例 代码编辑:VS Code (微软、开源、...
  • 设计的时候我们总是想创建更有创意和风格的网站,无论创建怎么样的网站,有些CSS代码是必须要掌握的,可以说这是核心,掌握这样的一些CSS代码前端布局方面基本上再不成问题,什么边框圆角,工
  • 分享30个开发人员有用的CSS...在设计的时候我们总是想创建更有创意和风格的网站,无论创建怎么样的网站,有些CSS代码是必须要掌握的,可以说这是核心,掌握这样的一些CSS代码前端布局方面基本上再不成问题...
  • 设计的时候我们总是想创建更有创意和风格的网站,无论创建怎么样的网站,有些CSS代码是必须要掌握的,可以说这是核心,掌握这样的一些CSS代码前端布局方面基本上再不成问题,什么边框圆角,工具提示,浏览器...

空空如也

空空如也

1 2 3 4 5 ... 9
收藏数 173
精华内容 69
关键字:

网站前端代码设计器