文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    现代前端技术解析：前端三层结构与应用

    现在的Web前端应用已经不是简单的三层结构就能轻松解决，而是已经形成了编译流程化、生产环境基础优化结构运行的模式。...内存泄漏&异步方法 JavaScript内存泄漏： （1）闭包函数；（2）全局变量；（3）对象属性循环引用；（4）DOM节点删除时未解绑定事件；（5）Map和Set的属性直接删除；上述都会使内存无法被正常回收...JavaScript直接实现动画是通过JavaScript的setInterval或setTimeout方法的回调函数来持续调用改变某个元素的CSS样式以达到元素样式持续变化的结果【会导致页面频繁重排重绘...目前主流的实现方式：（1）通过判断userAgent来跳转到不同页面完成不同设备浏览器的适配，即维护两个不同站点来根据用户设备进行相应的跳转；（2）使用media query媒体查询手段，让页面根据不同设备浏览器自动改变页面的布局和显示...（1）使用Media query背景图片替换 /* 默认使用1.JPG，小于500px使用2.JPG */ .img { background-position: center center;

    1.1K31

    高质量前端资源 ( 一 )

    ES2015 || ES5 Understanding ECMAScript 6 es6 手册 javascript API文档 Javascript design pattern jstips 每天花两分钟时间就可以了解到一些精选的...如何成为一个JavaScript 大牛？ 这篇文章讲述了如何从一个javascript新手成长为javascript大牛的一般过程，非常值得一看。...I How to Start Contributing to Node.js node.js面试 CSS Use Cases For CSS Vertical Media Queries Styling...query ie8- 兼容实现总结 css3-mediaqueries-js css3-mediaqueries.js 能使得绝大部分浏览器都能支持media query,用法和正常使用媒介查询一样...阮一峰讲webpack babel将es2015的代码转换成什么样子 Debug Chrome 实用调试技巧 [functional-programming functional-programming 函数式编程术语解析

    1.9K11

    2015-2016前端架构体系技术精简版

    UI样式：元素reset、按钮、图片、菜单、表单 组件UI样式：按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告 响应式布局：布局、结构、样式、媒体、javascript...ref，可扩展 filter设计：bool、upperCase、lowerCase，可扩展 表达式设计：if-else等实现 viewmodel结构设计：例如数据，元素，方法的挂载与作用域 数据更变检测：函数触发...响应式 media query与平台判断 **css重置 reset nomalize neat **sass/compass/less/postcss常用语法与使用 常用语法功能 组件化UI设计管理...构建工具实现方案 雪碧图自动合成 iconfont自动接入等等 **media query与常见页面尺寸了解 媒体类型引入和媒体特性引入 device-width适应 retina屏幕适应 **em...Native移动开发方案 运行架构：js引擎 性能缺陷与内存泄露 更新机制 使用场景 **android/ios原生开发与框架 java oc、swift web与native交互 屏幕旋转 摇一摇

    3.9K50

    2023 想进 BAT 的快来，20 道JavaScript必须要面对的面试题(高级)

    JavaScript 中的“严格”模式是什么，如何启用它？ 严格模式是 ECMAScript 5 中的一个新功能，它允许你将程序或函数放在“严格”的操作上下文中。...如何解释 JavaScript 中的闭包以及何时使用它？ 当子函数保持父级作用域的环境时，即使在父级函数已经执行之后，也会创建闭包。闭包是与函数相关的本地声明变量。闭包将在使用它们时更好地控制代码。...它与函数 call（） 不同，因为它将参数作为数组。 5. 如何在 JavaScript 中从超链接中定位特定元素？ 这可以通过使用超链接中的目标属性来完成。...运行时错误：运行时错误是在程序运行期间发生的错误，也称为异常。 7. JavaScript 和 Jscript 有什么区别？ JavaScript 它是Netscape开发的一种脚本语言。...18.什么是JavaScript提升？ 当任何解释器运行代码时，所有变量都会被重新提升到原始范围的顶部。此方法适用于声明，不适用于变量的初始化。这被称为JavaScript提升。

    22150

    700美金的WordPress Dos漏洞CVE-2018-6389分析

    CVE-2018-6389介绍 漏洞点位于load-scripts.php处，该文件是为WordPress管理员设计的，允许将多个JavaScript文件加载到一个请求中，但研究人员注意到可以在登录之前调用该函数来允许任何人调用它...但是在载入JS 文件的过程中未对文件数量和大小进行限制，攻击者可利用该功能耗尽服务器资源发起拒绝服务攻击。本文将使用VulnSpy的在线实验环境来对漏洞进行复现和测试。...jquery-ui-spinner,jquery-ui-tabs,jquery-ui-tooltip,jquery-ui-widget,jquery-form,jquery-color,schedule,jquery-query...,wp-embe,media-views,media-editor,media-audiovideo,mce-view,wp-api,admin-tags,admin-comments,xfn,postbox...jquery-ui-spinner,jquery-ui-tabs,jquery-ui-tooltip,jquery-ui-widget,jquery-form,jquery-color,schedule,jquery-query

    1.2K10

    2015-2016前端架构体系技术精简版

    UI样式：元素reset、按钮、图片、菜单、表单 组件UI样式：按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告 响应式布局：布局、结构、样式、媒体、javascript...ref，可扩展 filter设计：bool、upperCase、lowerCase，可扩展 表达式设计：if-else等实现 viewmodel结构设计：例如数据，元素，方法的挂载与作用域 数据更变检测：函数触发...响应式 media query与平台判断  **css重置 reset nomalize neat  **sass/compass/less/postcss常用语法与使用 常用语法功能 组件化UI设计管理...构建工具实现方案 雪碧图自动合成 iconfont自动接入等等  **media query与常见页面尺寸了解 媒体类型引入和媒体特性引入 device-width适应 retina屏幕适应  **em...Native移动开发方案 运行架构：js引擎 性能缺陷与内存泄露 更新机制 使用场景  **android/ios原生开发与框架 java oc、swift web与native交互 屏幕旋转 摇一摇

    3.2K20

    【推荐收藏】10 个最佳实践来让你的CSS代码更加优雅

    所有表现为红色，则代表未使用。 从上面的例子可以看出，表示有 98% 的 CSS 是未使用的。需要注意的是，事实并非如此，一些 CSS 样式只有在用户在网页上产生交互后才会被应用。...一旦 pre-processor 生成 CSS 后，post-processor 可以运行额外的优化步骤。最流行的 post-processors 之一是 PostCss。...这可以通过创建一个自定义类选择器以及使用 JavaScript 实现切换来简化它。 .confirmation-icon::after { ... } 现在它看起来舒服多了。.../* Mobile-first media query, everything above 600px will get the below styles */ @media (min-width: 600px...) { /* your CSS rules */ } /* Non mobile-first media query, everything below 600px will get the

    53730

    ASP.NET MVC使用Bootstrap系列（3）——使用Bootstrap 组件

    徽章 徽章用来高亮条目，可以很醒目的显示新的或者未读的条目数量，为一个元素设置徽章仅仅只需要添加元素并设置它的class为badge。...可以看到，媒体对象组件是由一系列class为media、media-heading、media-body、media-object的元素组合而成，其中media-object用来表示诸如图片、视频、声音等媒体对象...media-left 和 .media-right 替代了他们，不同之处是，在 html 结构中， .media-right 应当放在 .media-body 的后面。..."~/Scripts/jquery.signalR-2.2.0" )); 5.在客户端建立与服务端的双向通信： @section scripts { javascript..." language="javascript"> $(document).ready(function () { //$(".progress-bar").width('0%'

    6.6K100

    Web安全 | EmpireCMS漏洞常见漏洞分析及复现

    漏洞原理及复现 后台getshell(CVE-2018-18086) 漏洞原理 EmpireCMS 7.5版本及之前版本在后台备份数据库时,未对数据库表名做验证,通过修改数据库表名可以实现任意代码执行。...该漏洞源于外部输入数据构造代码段的过程中，网路系统或产品未正确过滤其中的特殊元素。攻击者可利用该漏洞生成非法的代码段，修改网络系统或组件的预期的执行控制流。 主要漏洞代码位置 执行sql语句处 ?...分析源码定位漏洞出现的位置在localhost/EmpireCMS/e/admin/db/DoSql.php，对sqltext进行RepSqlTbpre函数处理 //运行SQL语句function ExecSql...对$sql参数只做了去除空格、以;分隔然后遍历,没有做别的限制和过滤,导致可以执行恶意的sql语句 //运行SQLfunction DoRunQuery($sql){ global $empire...url=javascript:alert(document.cookie) payload解析： 当浏览器载入一个Javascript URL时，它会执行URL中所包含的Javascript代码，并且使用最后一个

    7.5K20

    超级简单！Elixir和ScyllaDB教你创建CRUD CLI，惊人的效率提升！

    好吧，让我们运行一个简单的命令来描述keyspaces容器中的所有内容。...：$ mix new media_player毕竟， Mix不仅仅是 Elixir 的依赖管理器，通过它我们可以运行和管理整个项目。...，它除了初始化并将连接链接返回到集群之外什么也不做；我们定义run_query/1一个只接受一个参数的函数（只是查询，毕竟集群已经是一个本地函数，我们知道我们总是会对其执行操作）；我们尝试使用该函数执行查询...命令好吧，现在是期待已久的时刻：在我们的应用程序中添加负责执行命令的函数！为此，我们将创建一个lib/media_player名为commands.ex....我们将定义两个函数，即stress初始化命令的函数，以及一个名称为 的私有函数，generate_stress_query该函数接收名称为 的参数some_id，并插入索引。

    48630

    移动搜索SEO：网站移动适配之Meta标注、移动跳转终结篇

    --谷歌、雅虎等移动META申明--> media="only screen and (max-width...php global $wp; /*-- 获取当前页面地址 --*/ $current_url = home_url(add_query_arg(array(),$wp->request)); /*-...②、PHP 通用 I、PC 站点： 在 PC 站点的 head 部分添加 php 函数（WP 可直接加入 function.php 模板中），用于获取当前页面的移动地址： " rel="alternate" media="only screen and (max-width: 1000px)" /> II、移动站点 相应的在移动站点中部署如下函数，用于获取移动站点所有页面对应的...可直接下载张戈博客移动站和 PC 站的 uaredirect.js，放到不同位置，然后相应修改代码中路径即可； ③、PHP 版本中用到的函数带，推荐加入到主题模板的 function 函数模版当中； ④

    2.2K60

    CSS语法与规则 — 重学CSS

    但是 CSS 现在标准的状态非常复杂，所以我们没有办法找到一份像 JavaScript 或者 HTML 中比较完备的现形标准，能把 CSS 的一切都浓缩在内。...: https://www.w3.org/TR/css3-conditional/ Media 不是在我们的 media query 标准里 它在 CSS3 的 conditional 标准里 但是在...media 的 conditional 标准中又去引用了 media query，规定了 media 后面的一部分的查询规则 所以我们常常去讲 media query 是一个新特性，其实它并不是，它是类似一个预置好的函数的一个规范...所以我们就可以用一段代码，直接复制到浏览器的 console 中运行就可以筛选出所有 CSS 相关的文章列表了。...e.children[1].children[0].href })) // 只获取标题名字和链接 ); 最终输入的内容如下： 然后我们点击下方的 "Copy" 即可复制，把这个 JSON 内容保存在一个 JavaScript

    72441

    【学习笔记】尚硅谷Webpack5入门到原理 | 基础篇

    功能介绍Webpack本身功能是有限的：开发模式：仅能编译JS中的 ES Module语法，箭头函数等ES6语法不会编译生产模式：能编译JS中的ES Module语法，还能压缩JS代码开始使用资源目录webpack_code...rules: { semi: "error", // 禁止使用分号 'array-callback-return': 'warn', // 强制数组方法的回调函数中有 return 语句，否则警告...主要用于将 ES6 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中配置文件配置文件由很多种写法：babel.config.* ：新建文件，位于项目根目录...babel-loader", }, ], }, plugins: [], mode: "development",};打开打包后的 dist/static/js/main.js 文件查看，会发现箭头函数等...MiniCssExtractPlugin = require("mini-css-extract-plugin");// 获取处理样式的Loaders// 谷谷太贴心了 上面代码耦合度比较高 这里直接写了一个函数处理

    2.3K00
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券