前端小白入门之再学JavaScript (一)

JavaScript(缩写:JS)是一门完备的 动态编程语言。当应用于 HTML 文档时,可为网站提供动态交互特性。由布兰登·艾克( Brendan Eich,Mozilla 项目、Mozilla 基金会和 Mozilla 公司的联合创始人)发明。 JavaScript 的应用场合极其广泛。简单到幻灯片、照片库、浮动布局和响应按钮点击。复杂到游戏、2D 和 3D 动画、大型数据库驱动程序,等等。 JavaScript 相当简洁,却非常灵活。开发者们基于 JavaScript 核心编写了大量实用工具,可以使 开发工作事半功倍。其中包括:

  • 浏览器应用程序接口(API)—— 浏览器内置的 API 提供了丰富的功能,比如:动态创建 HTML 和设置 CSS 样式、从用户的摄像头采集处理视频流、生成3D 图像与音频样本,等等。
  • 第三方 API —— 让开发者可以在自己的站点中整合其它内容提供者(Twitter、Facebook 等)提供的功能。
  • 第三方框架和库 —— 用来快速构建网站和应用。

-------https://developer.mozilla.org [MDN] script标签简单介绍:

所有浏览器都支持 <script> 标签。
属性        值
type       MIME-type   指示脚本的 MIME 类型。    
async      async       规定异步执行脚本(仅适用于外部脚本)。    
charset    charset     规定在外部脚本文件中使用的字符编码。    
defer      defer       规定是否对脚本执行进行延迟,直到页面加载为止。    
language   script      不赞成使用。规定脚本语言。请使用 type 属性代替它。    
src        URL         规定外部脚本文件的 URL。    
xml:space  preserve    规定是否保留代码中的空白。

上面属性简单了解一下就OK,因为html5以后标签的type不是不是必须所以新手的话只需要记住标签写法就可以,如果外链脚本加上src属性就好了。

写下我们第一个JavaScript脚本

听起来是不是很兴奋????,学习js的前提我假设大家已经学习过了html+css后面不再做过多解释哈。 对于我们程序猿来说当然第一个代码就是输出一个hello world。 新建一个index.html,然后输入

<!DOCTYPE html>
<html>
    <head>
        <title>我的第一个JavaScript脚本</title>
    </head>
    <body>
        <h1>学习</h1>
        <script>
            document.write("Hello World!")
        </script>
    </body>
</html>

这样我们一个就完成了万里长征的第一步,很简单是不是 下面我们再尝试一下js的dom(document object model文档对象模型,简单理解有一下可以操作问题的API)操作能力

<script>
    var title = document.querySelector('titl

    title.innerHtml = '学习JavaScript';

</script>

以上就是一个简单的js开发上手实践,后面文章我们正式学习js基础知识,后面每篇文章大致分为俩部分:基础概念和手写实践。

iOS 13 不只有深色模式,这 15+ 个新功能同样值得关注

按照惯例,苹果于北京时间 6 月 4 日凌晨的 WWDC 上发布了各个平台的新一代操作系统。相比去年专注于性能和稳定性的 iOS 12,今年的 iOS 13 有了大幅改动,带来了众多系统新特性,以及原生应用也得到了大幅改进。

系统外观:姗姗来迟的深色模式

自 iPhone X 发布以来,iOS 的深色模式就成了许多媒体每年 WWDC 预测的保留部分。在两年之后,苹果终于在 iOS 13 中将深色模式带到了 iPhone 上。 刷上 iOS 13 并在设置中开启深色模式后,我发现 iPhone 的锁屏页面、主屏幕、通知中心小组件页面以及原生应用的背景都会相应变为深色。此外,iOS 13 还提供了一组与 macOS Mojave 类似的壁纸,可以随深色模式的开关而变化。 你可以在「设置-显示与亮度」中更改深色模式的设置。除了手动更改外,还可以选择根据日出与日落时间进行自动更改,或是自定义深色模式的时间段。 除了在设置中开启 / 关闭深色模式,你也可以在控制中心长按亮度选项,借助弹出的选项来更加方便地切换系统外观。 虽然苹果在系统界面和内置应用上下了不少功夫,但要实现全方位的一致外观,还离不开第三方 App 的支持。iOS 13 也为开发者提供了新的 API,使第三方应用也能更容易地适配深色模式。 除了深色模式,iOS 13 还对整体的设计语言进行了微调,向 iOS 12.3 中的钱包 app 的风格靠拢。例如,备忘录等应用新增了卡片式的视图;许多应用右上角也新增了「…」的选项按钮。

摄影:除了拍,后期修图和管理也很重要

苹果除了在 iPhone 上会通过硬件提升拍照的能力,还通过系统软件来提升拍照的体验,其中就包括了照片和相机应用的大幅优化。

照片:全新的浏览视图,增强的编辑功能

照片应用在原本的「所有照片」之外,又新增了「年度」、「月」和「日」三个维度。不同维度间的过渡动画颇为流畅,并会自动播放实况照片和视频。相比「所有照片」平铺式的显示方式,新的显示模式进一步优化了浏览体验,帮助使用者更好地重温回忆。 借助机器学习技术,照片应用会隐藏重复照片、屏幕截图、白板照片等干扰,并自动选取一张最佳照片进行放大展示。如果你正在按年份浏览,照片会尽量选取往年的今日照片进行展示;按照月份浏览时,照片还会根据照片展示的事件对图片进行分类,并显示事件的名称、位置等信息。 尤其值得一提的是,当应用检测到生日照片时,还会对照片中的人物进行识别,并与通讯录中的生日信息进行对照,从而在标题中显示寿星的名字。 在浏览照片拥有了更合理的方式之外,iOS 13 还增强了编辑图片和视频的功能。现在,包括自动增强在内,你可以通过滑动来调节色温、色调、对比度、噪点消除等 16 项参数,并可以实时预览效果。在添加滤镜时,应用同样允许你调节滤镜强度,并实时展示滤镜效果。 此外,原本的旋转和裁剪页面还加入了矫正畸变的功能。 值得一提的是,以上功能同样适用于视频编辑。总的来看,更新后的照片 app 已经足以满足一定的后期需求。美中不足的是,原生照片 app 缺失了局部编辑功能,因而依然无法替代泼辣修图等更为专业的修图应用。

相机:人像光效更进一步

iOS 13 进一步提升了最新一代 iPhone 的人像模式效果。你可以调节不同光效的光源距离,从而实现更为理想的成像效果。 此外,人像模式还新增了名为「High-Key Mono」的光效模式,帮你拍摄出对比强烈、风格独特的人像。不过遗憾的是,本次相机的更新仅适用于 iPhone Xs、iPhone Xs Max 和 iPhone XR 机型。 样张来源:苹果官网

原生应用:全新的设计,更多的功能

这次 iOS 13 更新苹果继续在自家的应用上发力,为提醒事项、备忘录、地图、Safari、文件等应用都带来新设计和更加强大的功能。

提醒事项:更实用的筛选功能

iOS 13 带来了全新的提醒事项 App。新设计的主页可以帮你更清楚地浏览任务。你还可以在创建列表时自定义使用的图标和颜色。 此外,创建提醒也更为容易。除了会在键盘上方提供可能的触发方式,提醒事项还会通过自然语义识别功能进一步协助你创建提醒。当你在信息 App 中聊天时,Siri 将会根据对话内容,为你创建建议的任务;当你在提醒事项 App 中输入任务时,Siri 可以根据你的输入提供建议的提醒时间。 创建提醒事项后,你还可以在详情中进一步编辑,如添加子事件,添加图片和链接作为附件等。 提醒事项还提供了新的触发方式。现在,除了设置在某一时间提醒、到达某一地点提醒,你还可以选择让提醒事项在你与选定的联系人发送短信时进行提醒。

备忘录:查看、编辑、分享更为便捷

借助备忘录的列表页面新增的选项,备忘录可以将笔记以缩略图的形式呈现。相比之前的列表,新的视图更方便你查找带有图片和 Apple Pencil 标注的笔记。 除此之外,备忘录的搜索功能也得到了提升。新增的搜索建议功能可以帮你按照不同的类别进行检索。当你输入关键词后,备忘录可以在包括笔记中添加的图片、扫描的文档等在内的位置查找关键词。 iOS 13 还为备忘录带来了多层级的文件夹系统。你可以新建一个文件夹,然后点击右上角的「…」将其移动到另一个文件夹之下。 不仅如此,备忘录还完善了其协作功能。你可以将笔记甚至整个文件夹共享给其他用户来进行协作,并可以控制协作者之间的权限。

Safari 浏览器:新增下载管理器

Safari 浏览器的空白标签页也在 iOS 13 中发生了变化。「经常访问的网页」变为了与「个人收藏」平级的项目。如果你并不需要,可以在设置中将其关闭。 尽管苹果只在 iPadOS 中提及了 Safari 浏览器的下载管理器,但实际上 iOS 13 也为 Safari 浏览器加入了这一功能。你可以在「设置-Safari 浏览器-下载项」中更改下载文件的默认存放位置。值得一提的是,下载过程中并不需要保持 Safari 浏览器在前台。 除此之外,Safari 浏览器还允许你针对每个网页设定不同的显示和隐私选项。点击智能搜索栏左侧的图标,即可调整字体大小,并选择是否开启阅读模式。在「网页设置」中,你还可以进一步更改该网页的权限。在打开阅读模式后,你还可以进一步调整背景色和字体。 值得一提的是,「请求桌面网站」选项同样出现在了 iOS 的 Safari 浏览器上。尽管 iPhone 的屏幕并不适合桌面网站,但这一功能可以绕开知乎等网站强制要求打开 App 才能进一步阅读的障碍。 除了上文所述之外,Safari 浏览器还有以下更新:

  • 上传图片时,可以更改图片尺寸;
  • 当你搜索的关键词与已经打开的标签页相关时,建议栏可以让你直接跳转到该标签页;
  • Safari 浏览器会在你用弱密码注册账号时进行警告;
  • 通过 iCloud 同步的 Safari 浏览器浏览记录和打开的标签页会被端到端加密。

总的来说,本次更新为 Safari 浏览器带来了不少实用的功能,已经可以在一定程度上实现 iCab 等 进阶型浏览器 的功能。

文件:朝访达迈出的又一步

iOS 13 也进一步增强了文件 App 的功能。首先,你可以与其他用户共享 iCloud Drive 中的文件夹,从而进行远程协作。要为文件夹添加协作用户,只需选中文件夹后,在分享页面选择「Add People」即可。 此外,苹果还更新了长按文件后弹出的操作页面,并新增了数个功能:

  • 压缩与解压缩。相应的操作不再需要绕道捷径;

  • 快速查看。通过这个功能可以直接在文件应用中浏览文件,而无需跳转到第三方应用;

不仅如此,iOS 13 还将备忘录中的扫描文档功能带到了文件 App 中。点击应用首页的「…」,选择「扫描文稿」即可。扫描后的文档可以直接分享,或是存储到文件 App 中。虽然这一原生功能并没有类似 Scanner Pro 等应用的 Workflow 选项,但扫描并保存文档的流程要比第三方 App 便捷不少。 文件 App 的搜索还增加了关键词过滤的功能。你可以在输入文件的格式后,点击搜索建议的提示对搜索结果进行过滤,从而更快地找到所需的文件。 值得一提的是,iOS 13 的文件 App 同样支持 iPadOS 中外接 USB 设备和连接服务器的功能。不过,目前苹果官网在售的相应配件只有一款 闪电转 USB 相机转换器 ,其是否能支持连接 U 盘等设备还有待测试。

地图:更详尽,更智能

得益于苹果的测绘工作,新版本的地图精细度有了极大的提升。 新旧地图精细度对比 除此之外,新版地图还加入了类似 Google Maps 的街景功能,从而方便用户获取更为准确的道路和地址等信息。苹果计划于未来两年内将这一改进应用至更多国家和地区。不过鉴于国内对测绘的管理,这一新特性能否应用至国内尚未可知。 街景功能 此外,地图还对收藏位置的显示进行了优化。现在,你可以对不同的地点进行分类,设定家庭、工作等多个预设地址,并将这些地点和预计到达时间分享出去。 新版地图的导航功能也得到了提高。增强的 Siri 导航功能会用类似「下个红绿灯左转」的指示代替过去的「500 米后左转」指令,并在导航快要结束前,引导你前往目的地的入口处。 除了上述的内容外,新版地图还可以实时更新你的航班信息,自动获取公交线路的时刻表,并额外为开发者提供了新的 API 接口 。

健康:个性化与新增功能

iOS 13 的健康应用也获得了全新的界面。通过机器学习,健康应用会将一天中最重要的健康信息呈现给你,并将其 与之前一周的情况进行对比,激励你更加重视个人健康。当然,你也可以选择将部分数据加入收藏,从而使其始终在应用顶部显示。你也可以在「搜索」标签页中查看所有健康数据。 健康应用还同时新增了数个模块,包括:

  • 月经周期记录。在「搜索」标签页中点击「周期跟踪」,即可根据提示进行设置。应用会根据记录数据对排卵期等进行预测和提醒。
  • 噪音检测。如果你有 Apple Watch 与 iPhone 配对,Apple Watch 将会对你的周围环境噪声进行监控,并为你提供其对听力的损害情况。此外,这一模块还会收集你使用的耳机音量,帮你判断是否需要将其调小。
  • 口腔健康。你可以在「搜索」标签页的「Other Data-刷牙」中手动记录每日的刷牙时长,或是通过带有相应功能的牙刷自动记录。
  • 教育模块,以短文的形式出现在主页面底部,为你普及健康知识。

查找:找朋友找设备合二为一

iOS 13 将查找我的朋友和查找我的设备进行了合并,组成了新的「查找」应用。不过更引人关注的则是应用在查找离线设备上的进步。当其他人的 iPhone 检测到周围你的离线设备的蓝牙信号后,iOS 会自动将这一信息发送至云端,从而帮你定位丢失的设备。整个过程通过端到端加密来保证隐私安全,并且不会额外占用 iPhone 的数据流量。

Siri 和捷径:更自然的声音、自动化的触发机制

相比此前 Siri 将多段语音拼合在一起的发音方式, iOS 13 采用了 TTS 模型,利用深度学习技术直接生成完整的句子,从而使 Siri 的声音听起来更为自然。此外,你还可以通过 Siri 来收听无线电广播、播客和有声书等内容。 iOS 13 也为捷径带来了新的重要功能:自动化。你可以设置通过时间、闹钟、体能训练、位置、打开应用、设备状态、NFC 贴纸等方式,自动触发相应的捷径。 这一新模块的加入,又进一步增加了捷径的玩法和实用性。例如,你可以令捷径在早晨闹钟结束后,自动为你播报今天的天气等信息。相比之下,Launch Center Pro 的订阅吸引力又小了不少。美中不足的是,目前捷径创建自动化时,其触发的动作无法设定为已经存在的捷径,制作起来略为繁琐。

系统功能:更好玩,更安全

拟我表情(Memoji)与动话表情(Animoji):在线化妆,还能做贴纸

iOS 13 为拟我表情带来了大量的可调节特性,如眼线、眼影、耳饰等。在发布会上,苹果还特意请来了 Youtube 网红 Patrick Starrr 和 Desi Perkins 进行了 演示新增的人物细节 动话表情也得到了更新,新增了老鼠、章鱼和奶牛三款形象。此外,制作完毕的 Memoji 和动画表情还会被自动转化为一套贴纸,可以和 Emoji 一起在表情键盘中使用,不再仅局限于信息 App 中。 3 款新增动话表情 值得一提的是,尽管动话表情需要 iPhone X 及更新机型才能使用,Memoji 贴纸和动话表情贴纸可以在所有搭载 A9 及更新处理器的机型上使用。

新的文本编辑和浏览手势

iOS 13 还带来了数个新的手势功能,更好地利用多点触控屏的优势来编辑和浏览文本:

  • iOS 13 可以让你直接拖动并移动光标,不再需要长按;
  • 长按并拖动光标可以选取文本,不再需要双击光标;
  • 三重点击文本可以选取整句话,四重点击可以选取整段文字;
  • 在浏览较长的文章或网页时,可以长按屏幕侧面的滚动条来快速跳转和预览;
  • 在文件、邮件、信息等 App 中,可以通过双指轻点的方式进入文件选择模式,顺势滑动还可以快速多选文件;
  • 在选中文本后,三指捏合即可复制文本,捏合两次即可剪切;张开三指可以粘贴文本。

屏幕使用时间:One More Minute

屏幕使用时间的功能也在本次 WWDC 上得到了优化,主要包括:

  • 在应用达到时间限额后,iOS 13 额外提供了「多一分钟」的选项,方便你快速保存或退出当前的工作;

  • 在「设置-屏幕使用时间-应用限额」中,你现在可以精确地选取所需的 App 来组成一组应用限额,不再只局限于同时选择某一类别的所有应用;

应用限额页面

  • 屏幕使用时间还新增了「通信限制」的选项,可以设置允许设备拨打电话、收发短信、使用 FaceTime 通话等功能的时间段和联系人;
  • 屏幕使用时间的数据保存时间延长至 30 天,从而方便你具体对比本周和过去数周的数据。

隐私与安全性

iOS 13 还进一步提升了对隐私的保护力度,主要包括了以下方面:

  • 当 App 请求获取位置信息时,新增了「只允许一次」的选项;
  • 当 App 在后台使用你的位置信息时,iOS 13 会通过弹窗进行提醒,你可以据此选择是否更新对该应用的隐私权限设置;
  • 在分享图片时,可以在「Options」中选择是否抹除照片的地理位置信息;

  • 改进后的 API 使应用更难通过 Wi-Fi 和蓝牙信息获取当前位置。此外,iOS 13 还提升了 Safari 浏览器阻止网页追踪的能力。

除此之外,苹果还在 iOS 13 中推出了「通过 Apple 登陆」(Sign In with Apple)的选项。相比常见的通过 Facebook、Google 登陆,通过 Apple 登陆不会向网页泄露除名称和邮箱地址外的任何个人信息。 如果你希望更进一步,还可以在登录时隐藏真实邮箱地址,而以苹果创建的随机邮箱地址进行替代。你甚至还可以为不同应用设置使用不同的匿名邮箱。通过 Apple 登陆不需要设置密码,借助面容 ID 或 触控 ID 即可登陆,还可以通过双重验证来进一步提高安全性。

AirPods 和 HomePod

iOS 13 也为 AirPods 和 HomePod 带来了新功能。现在,当使用了 SiriKit 的应用接收到消息后,AirPods 会自动为你朗读内容,并可以让你即时通过 Siri 来回复。此外,当你使用 AirPods 听音乐时,还可以通过轻触设备的方式与另一名 AirPods 使用者共享当前歌曲。这一功能同样适用于所有使用了 SiriKit 的第三方 App。 来源:WWDC 2019 与此同时,HomePod 带来了对多用户的支持。通过对不同家庭成员声音进行分析,HomePod 可以对联系人、短信、通话等指令做出更为个性化的回答。 家庭 App

其他

除了上文的主要更新外,iOS 13 还带来了以下变化:

  • 在没有 3D Touch 的手机上使用 Haptic Touch 可以获得 Context Menu 的效果;
  • 新增 Image Capture API,允许第三方 App 直接打开外接设备中的图片,无需再经过照片 App;
  • App Store 界面调整,新增订阅服务 Arcade 界面,应用更新移动至个人页面;

  • 音量调节页面更新,不再占用过多屏幕面积,并可以在屏幕上直接滑动调节;

  • 图书 App 新增了每日阅读目标功能,鼓励你坚持每日读书;

  • 音乐 App 采用了新的播放页面,并新增了歌词滚动显示功能;

  • 邮件 App 可以屏蔽特定邮箱的来信,并新增了自动补全邮箱地址、改良的工具栏等功能;
  • 家庭 App 提升了对 HomeKit 配件的保护,自动化可以触发捷径。此外,苹果还推出了新的 HomeKit 监控,符合这一标准的配件将可以在不占用 iCloud 空间的情况下,通过 iCloud 发送录像内容;
  • 你可以在「设置-电话」中开启「静音未知来电」选项,减少骚扰电话的干扰;
  • 优化了充电方式,通过学习用户的充电习惯,并暂缓充电至 80% 以上,来减缓电池的老化;
  • 支持游戏时使用 PlayStation 4 和 Xbox One S 的手柄;
  • 在控制中心长按 Wi-Fi 和蓝牙图标后,可以直接选择要连接的网络 / 设备;

  • 可以在「设置-信息-共享姓名和照片」中设置是否在开始新对话时,发送自己的头像和姓名给对方;
  • 可以用 Memoji 为通讯录中的联系人添加头像;
  • 分享页界面得到了更新,并会根据使用习惯,建议可能的分享对象;

  • 可以在 App Store 中下载字体使用,并在设置中进行管理;
  • 截图标注页面更新,加入了直尺工具。编辑后的图片可以直接保存至文件 App;

  • 系统键盘加入了滑动输入的功能,可以通过指尖在键盘区域不间断地滑动来实现更流畅地输入,并减少误触的情况;
  • 表情成为了系统键盘的一枚独立的按键。在多个语言之间切换时,将不会再收到表情键盘的干扰;
  • iPhone Xs、iPhone Xs Max 和 iPhone XR 增加对杜比全景声效的支持;
  • 解除了蜂窝网络环境下不能下载超过 200MB 的应用的限制;

相比往年,苹果今年并没有放出 iOS 13 的 Developer Beta 版描述文件,并在相关界面特别提醒普通用户应等待 Public Beta。在我的体验中,iOS 13 的测试版也存在发热、卡顿等问题。如果你希望提前体验 iOS 13,不妨等待 7 月推出的 Public Beta 测试版。

传说中图片防盗链的爱恨情仇

原理

注:这里有个很有趣的就是 Referrer 和 Referer 的故事了感兴趣的自行去了解以下

我们先来了解了解防盗链的原理,在http 协议中,如果从一个页面跳到另一个页面,header字段里面会带个 Referer。图片服务器通过检测 Referer 是否来自规定域名,来进行防盗链。如果盗用网站是 https 的 协议,而图片链接是 http 的话,则从 https 向 http 发起的请求会因为安全性的规定,而不带 referer,从而实现防盗链的绕过。官方输出图片的时候,判断了来源(Referer),就是从哪个网站访问这个图片,如果是你的网站去加载这个图片,那么Referer就是:你的网站地址;你的网址肯定没在官方的白名单内,(当然作为可操作性极强的浏览器来说referer是完全可以伪造一个官方的URL这样也也就也可以饶过限制????)所以就看不到图片了。 因此,若不发送Referer,也就是没有来源。那么官方那边,就认为是从浏览器直接访问的,所以就能加载正常的图片了。

目的

盗链是指在自己的页面上展示一些并不在自己服务器上的内容。通常的做法是通过技术手段获得它人服务器上的资源地址,绕过别人的资源展示页面,直接在自己的页面上向最终用户提供此内容。比较常见的是一些小站盗用大站的资源(图片、音乐、视频),对于这些小站来说,通过盗链的方法可以减轻自己服务器的负担,因为真实的空间和流量均是来自别人的服务器。对大站造成的影响确实徒徒增加了服务器压力,用户还不是自己的。。。 防盗链就是防止这种行为的产生,实施防盗链系统后,因为屏蔽了那些盗链的间接资源请求,从而可以大大减轻服务器及带宽的压力,也正如此,越来越多的站点都开始实施防盗链技术。

实现

> nginx

location ~* \.(gif|jpg|png|bmp)$ {    
    valid_referers none blocked *.ttlsa.com server_names ~\.google\. ~\.baidu\.;    
    if ($invalid_referer) {        
        return 403;        
        #rewrite ^/ http://www.xxx.com/403.jpg;    
    }
}

以上所有来至xxx.com和域名中包含google和baidu的站点都可以访问到当前站点的图片,如果来源域名(白名单列表)不在这个列表中。 那么$invalid_referer等于1,在if语句中返回一个403给用户,这样用户便会看到一个403的页面,如果使用下面的rewrite,那么盗链的图片都会显示403.jpg。 > apache 在根目录下创建.htaccess 文件

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^$ [NC]
RewriteCond %{HTTP_REFERER} !phpddt.com [NC]
RewriteCond %{HTTP_REFERER} !google.com [NC]
RewriteCond %{HTTP_REFERER} !baidu.com.com [NC]
RewriteCond %{HTTP_REFERER} !feedburner.com [NC]
RewriteCond %{HTTP_REFERER} !feedsky.com [NC]
RewriteRule .*\.(rar|zip)$ http://www.xxx.com/ [R,NC,L]

这段话也可写在Apache配置文件当中 .htaccess文件将影响其所在的目录及其子目录。你可以将其放在根目录或项目的子目录 上面这段代码也是很容易理解的: RewriteCond %{HTTP_REFERER} !^$ [NC] 允许空的来源,即用户浏览器手动属于则允许访问文件。 RewriteCond %{HTTP_REFERER} !phpddt.com [NC] 允许站点自身访问,同理,后面还要允许百度,谷歌,和一些订阅源访问。 RewriteRule .\.(rar|zip)$ http://www.xxx.com/ [R,NC,L] 这里可以设置防止盗链的类型,如果盗链可以跳转到网站首页,本站没有做图片防盗链,如果你做图片防盗链可以设置被盗链的替代图片: RewriteRule .\.(gif|jpg|png)$ http://xxx.com/logo.png [R,NC,L]

破解

????道高一尺魔高一丈既然知道原理那么就来看看一些常用的破解方案如果你有更好的记得给我留言。 >1. 如果盗用图片资源是http协议那么盗用网址可以使用https去请求会因为安全性的规定,而不带 referer,从而实现防盗链的绕过。 >2. 在HTML代码的head中添加一句 <meta name="referrer" content="no-referrer" /> >3.

function showImg( url ) {
        var frameid = 'frameimg' + Math.random();
        window.img = '<img id="img" src=\''+url+'?'+Math.random()+'\' />
        <script>window.onload = function() { parent.document.getElementById
        (\''+frameid+'\').height = document.getElementById(\'img\').height
        +\'px\'; }<'+'/script>';
        document.write('<iframe id="'+frameid+'" src="javascript:parent.img;
        " frameBorder="0" scrolling="no" width="100%"></iframe>');
}

6. 前面也提到来可以服务端伪造请求头具体不同的语言自行搜索对应方案,这里就不一一列举了。

反破解

既然有破解就当然有常用的防御机制???? 1、不允许referer为空(不建议,因在某些开启隐私模式的浏览器中,或https页面引用下,referer是空的) 2、地址变更(lighttpd的是根据有效时间,nginx的根据是md5,IP地址变化) 3、登录校验(如必须登录网站帐号后才能访问) 以下是防止网站被镜像,被iframe 1.防止网站被镜像(被恶意解析和转发等) 现象:他人域名访问到的是我的网站解析的ip地址我的 解决方法: http.ini里可以这样写

<script type=”text/javascript> 
   if(window!=parent) 
  window.top.location.href = window.location.href; 
< /script>

代码的意思也很简单,用js方法检测地址栏域名是不是当前网站绑定的域名,如果不是,则跳转到绑定的域名上来,这样就不怕网站被别人iframe了。

小涴熊漫画CMS-开源免费的采集漫画连载系统,带采集API

源码简介

小涴熊漫画CMS,开源免费,基于ThinkPHP 5.1及Redis缓存,自带火车头api方便我们采集发布,功能就不多说了,可以看下面的截图,漫画系统都差不多。作者更新也积极,貌似还计划加入会员系统等其他功能,这里就发一下。

图片预览

小涴熊漫画CMS-开源免费的采集漫画连载系统,带采集API小涴熊漫画CMS-开源免费的采集漫画连载系统,带采集API小涴熊漫画CMS-开源免费的采集漫画连载系统,带采集API小涴熊漫画CMS-开源免费的采集漫画连载系统,带采集API

安装教程

环境要求:PHP 5.6-7.2、MySQL >= 5.7、Redis、Redis扩展 1、安装环境 这里依旧走简单路线,使用宝塔面板做演示,使用命令: CentOS系统

if (!-e $request_filename) {    
      rewrite  ^(.*)$  /index.php?s=/$1  last;    
      break;    
    }

然后打开域名开始安装程序。 如果要开启404,而不让cms报错信息显示出来,需要修改config/app.php文件: 去掉第一排的//即可

‘exception_tmpl’         => Env::get(‘app_path’) . ‘index/view/pub/404.html’,  
‘exception_tmpl’         => Env::get(‘think_path’) . ‘tpl/think_exception.tpl’,

采集

通常情况下,漫画站图片资源分两种,一种本地化,一种盗链方式,这里建议将图片本地化,这样能保证网站资源稳定性,并且该程序还提供了火车头采集器的API,能够很简单的对接火车头采集器进行漫画和章节图片的采集。 首先我们需要一个火车采集器,官网→传送门,不过分为免费版和收费版,但免费版由于某些功能限制,没法满足图片本地化需求,所以暂时不适用,如果你有钱可以买一个收费版的,不过没钱也没事,可以直接使用火车头企业破解版,大概目前最新的一个破解版,也可以满足该程序的采集需求,具体怎么下载,就自行百度,很多网站提供下载链接。 注意:由于火车头V7和V8没有url编码解码功能,所以不能采集带有中文链接的漫画网站,但V9版本可以,有钱可以直接上。 采集api说明: 采集api地址:域名/api/index/save。 请求方式:post 表单字段及说明: book_name 漫画名 nick_name 漫画别名 tags 分类,多个分类用|隔开 author 作者名字 src 采集源 end 状态,1代表完结,0代表连载中 cover_url 封面图远程地址 chapter_name 章节名 images 由图片标签组成的字符串,示例:

<img src=“http://www.m.com/1.jpg”>
<img src=“http://www.m.com/2.jpg”>
<img src=“http://www.m.com/3.jpg”>

api_key 用于身份验证,要和后台配置的api密钥相同 summary 漫画简介 由于采集过程有点复杂,不是很好发,所以有兴趣且不会采集的可以看下官方的使用教程→传送门,大致步骤就是打开火车头采集器主界面-发布-新建-内容发布参数,然后发布模块编写完之后,开始找目标站并写采集规则,最后采集发布即可。 Github地址:https://github.com/hiliqi/xiaohuanxiong

苹果公布 2019 年度设计大奖,这 9 款 App 是今年的赢家

除了开幕演讲外,每年的 WWDC 最受人瞩目的还有 Apple Design Awards(苹果设计奖)。苹果每年都会为在设计、技术和创新方面有突出表现的开发者颁发此奖。今年共有以下 9 款应用和游戏获得这份奖项。

花园之间:控制时间来解谜

花园之间 曾获 2018 年度 Mac 游戏的奖项,并于今年 5 月移植到了 iOS 平台。在游戏中,玩家将与一对朋友共同经历从相识、相知到离别的过程。

花园之间最吸引人的自然是它绝美的画面。无论是在 Mac 还是 iOS 设备上,它都能给玩家带来惊艳的视觉效果。不同于常规游戏的是,在游戏中,你不能操纵主角的行走,但你可以通过操控时间来为其铺设道路。

精美的画面只是吸引玩家的第一步,这款游戏真正击中玩家内心的是它的叙事。游戏对时间、友情的讨论,让玩过本作的玩家无一不沉浸其中。

你可以在 App Store 购买花园之间,售价 ¥30。

Ordia:画风优美的跳跃游戏

Ordia 是一款平台动作游戏,玩家需要操控主角在诡谲的星球上跳跃、探索。游戏在动画效果方面极为出色,无论是主角与跳跃点的融合,还是外星生物的突然袭击,弹性效果都十分流畅、自然。

Ordia 共有 30 个关卡,每个关卡都拥有挑战模式供玩家选择。在游戏过程中,玩家也可以解锁成就和隐藏关卡。出色的动画效果、丰富的关卡设计再加上一只手指就能游玩的操作设计,为 Ordia 赢得了苹果设计奖。

你可以在 App Store 购买 Ordia,售价 $3.99,国区暂未上架。

Flow:高颜值绘本笔记

在笔记界,Moleskine 凭借颜值吸引了不少拥趸,Moleskine 的应用给人的感觉也都是精致、优雅。Flow 作为一款主打绘图的笔记应用,内置了高度可自定义的笔刷工具,你可以根据自己的喜好组合出一套专属笔刷。

Flow 支持无限宽度的绘图区域,你可以通过双指横向滑动来无限延长你的画作,让你的灵感在纸上尽情挥洒。除了拥有可无限延长的纸张外,你还可以对纸张样式进行修改。

Flow 将「滑动」这一元素完美地融入到应用中。无论是更换笔刷、选择纸张样式,或是调整颜色、打开菜单,你都可以通过滑动来完成。滑动时的动画效果也正如应用名字 Flow 一样,具有流动感。

你可以在 App Store 免费下载 Flow。

Flow 由 Moleskine 呈现

相关文章狂野飙车 9:传奇:令人震撼的视觉盛宴

《狂野飙车》系列一直是移动平台最受欢迎的赛车游戏之一,狂野飙车 9:传奇(下简称狂野飙车 9),更是给玩家带来了令人震撼的视觉盛宴。

狂野飙车 9 拥有极其真实的赛车建模和环境效果,在泥泞的道路上行驶,你的车身也会沾上泥土。在高速行驶时,周围景物的动态模糊效果极大地加强了「速度感」。游戏内置的回放系统,也让玩家可以保存自己在赛场上驰骋的精彩瞬间。

一款优秀的赛车游戏应该能让所有玩家体验游戏乐趣,同时也能让硬核玩家不断突破操作的极限。狂野飙车 9 加入了点按操作,游戏会自动帮你驾驶,而你要做的只是在岔路口点按选择方向。

在 WWDC 的开幕演讲上,苹果也以狂野飙车 9 作为例子展示了 Project Catalyst。在不久的将来,我们也能在 Mac 上体验竞速的快感。

你可以在 App Store 免费下载狂野飙车 9:传奇,国区暂未上架。

Pixelmator Photo:让 AI 帮你修图

Pixelmator Photo 使用了超过 2000 万张照片进行 AI 训练,即使你对图片后期一无所知,也可以利用 Pixelmator Photo 修出好看的照片。

Pixelmator Photo 兼顾了入门用户和专业用户的需求。对于入门用户而言,你可以直接点击自动调整,随后进行简单的裁切即可。专业用户则可以呼出工具栏,对各项参数进行细致的调整。得力于 iPad 的高素质屏幕,你可以对照片色彩实现更精准的把控。Pixelmator Photo 还支持导入 RAW 格式的照片,让随拍随修成为现实。

你可以在 App Store 购买 Pixelmator Photo,售价 30 元。

ELOH:弹射游戏与打击乐的美妙结合

ELOH 作为一款解谜游戏,不但没有让玩家因为谜题的困难而感到焦虑,反而让玩家在动听的打击乐中放松下来。ELOH 设计团队的前作 回忆之旅 也曾获得 2017 年苹果设计奖。

ELOH 最大的乐趣就在于它恰到好处的音乐。玩家需要移动图腾来让子弹弹射到接收器中,子弹在发射和反弹时会发出「咚」和「叮」的声音,两种声音此起彼伏,演奏出不同的旋律。游戏的关卡设计极为巧妙,无论玩家怎么摆放图腾,都能演奏出和谐动听的旋律。

ELOH 手绘风格的精致画面和恰到好处的音乐,让玩家可以在不经意间放松下来。游戏没有任何的文字描述,但任何人都能快速上手并演奏出动听的旋律,让人有种「欲罢不能」的感觉。

你可以在 App Store 购买 ELOH,售价 18 元。

Thumper: Pocket Edition:备受赞誉的视觉跑酷游戏


Thumper: Pocket Edition(下简称 Thumper)是一款太空科幻风格的视觉跑酷游戏,在各平台备受赞誉。游戏的配乐采用了重金属电子乐,时刻刺激着玩家的肾上腺素。

Thumper 的操作根据移动端进行了优化,玩家只需进行简单的点按、滑动即可完成所有游戏操作。80 年代霓虹灯的画风和极具速度感的游戏画面相结合,给玩家带来了强烈的视觉刺激,让人大呼过瘾。

你可以在 App Store 购买 Thumper: Pocket Editon,售价 30 元。

HomeCourt:AI 篮球教练

在 iPhone Xs 的发布会上,苹果第一次向我们展示了 HomeCourt 这款智能篮球教练应用。通过机器学习和 AR 跟踪,它可以记录你每一次的投球,并为你提供专业建议。

你可以利用 HomeCourt 在家进行篮球训练,也可以通过它的社交功能与健身房、教练互动,获取更专业的建议。HomeCourt 最大的亮点便是采用了机器学习对人物进行跟踪,得益于 A12 仿生处理器的强大性能,你可以实时获得精准的投球数据。

你可以在 App Store 免费下载 HomeCourt。

Butterfly iQ:随时随地进行超声波检查

Butterfly iQ 是一款支持全身超声波检查的应用,需要搭配专门的仪器来使用。应用经过 CE 认证,FDA 批准,在安全性上有足够的保障。

图片来自官网

Butterfly iQ 对单手操作进行了优化,你可以一个人进行自我检查。你不需要拥有专业的医疗知识,应用会通过 AR 和机器学习来帮助你进行超声波检查。Butterfly iQ 所拍摄的超声波图像可以上传到云端,与医生、家人共享。

你可以在 App Store 免费下载 Butterfly iQ,国区暂未上架。

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×