抢完misc的一血后回来看web了，简单看了看两题后决定先看ez_blog这个题，原因的话也很简单，sql注入我确实不太熟悉，比赛结束后一定去好好学一学，然后这个题也是比较快速的发现的注入点觉得算是心里有谱能做下去吧，就差不多8-11点左右出了个misc后11点到17点这段时间都在做这个题。
埋点统计在我们业务里经常有遇到，或者很普遍的，我们自己网站也会加入第三方统计，我们会看到动态加载方式去加载jsdk,也就是你常常看到的insertBefore操作，我们很少考虑到为什么这么做，直接同步加载不行吗？统计代码会影响业务首屏加载吗？同步引入方式，当然会，我的业务代码还没加载，首屏就加载一大段统计的jsdk,在移动端页面打开要求比较高的苛刻条件下，首屏优化，你可以在埋点统计上做些优化，那么页面加载会有一个很大的提升，本文是一篇笔者关于埋点优化的笔记，希望看完在项目中有所思考和帮助。
jQuery顶级对象 缩写$ window.jQuery window.$
json相信大家都用的多，jsonp我就一直没有机会用到，但也经常看到，只知道是“用来跨域的”，一直不知道具体是个什么东西。今天总算搞明白了。下面一步步来搞清楚jsonp是个什么玩意。 同源策略
此块内容参考Ajax文档部分。 主要复习内容： 1.JavaScript核心对象 2.浏览器BOM对象 3.文档对象模型DOM 4.常见事件 5.Ajax编程(web交互2种方式的对比) 6.传统Ajax编程的步骤以及从服务器端返回的数据格式 7.JSON数据格式的转换操作 8.jQuery选择器 9.jQuery的Ajax编程(常见方法) 浏览器跨域问题： json相信大家都用的多，jsonp我就一直没有机会用到，但也
这几天做系统开发涉及到actionbar的style修改，要从framework层改，不知道？android:attr/是从哪儿引用的属性，给开发带来了很大的困难 参考链接文章也可以看到，一般在开发中资源的引用分以下几种 1，引用自定义或者本包下的资源：格式：@[package:]type/name 举个例子：@drawable/filename，@string/stringitem， 2，引用系统资源（存储位置为frameworks/base/core/res/res）： 在介绍对系统资源的引用时先介绍一
vue是一个mvvm框架，双向绑定是vue的一个核心功能，所谓双向绑定就是当试图发生改变的时候传递给VM(ViewModel ),让数据得到更新，当数据发生改变的时候传给VM(ViewModel ),使得视图发生变化！概念都知道，但是vue怎么做到的呢？看下面的一张图（图是搬运别人的）
经常提到 6 核 12 线程，4 核 8 线程是什么意思？一核会定义处理一个线程，但是为提高效率，经常会将物理虚拟成逻辑处理单元，让一个物理核为2个虚拟核，每个核两个线程。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
解释： | 表示位的或运算，将十进制数字转为二进制，然后两数的每一位进行比较，只要有1就为1， 两位均为 0，才为 0 计算过程：
如下图(此方案中使用的是Element Table官网copy的代码(多用于OA, CMS, ERP这类系统中)
whisper是一个在线客服系统源码，采用thinkphp5+Gatewayworker编写，性能强悍。自己搭建，控制在自己，也无需为您的数据安全担心，您可以应用在任何的正规的网站，只需要添加一段简单的js代码，就可以使您的网站拥有在线客服功能。
最近在模仿今日头条，发现它的很多属性都是通过自定义控件并设定相关的配置属性进行配置，于是便查询了解了下declare-styleable，下面我把自己的使用感受和如何使用进行说明下。
不知道有没有朋友有这种经历。雄心勃勃的打开一个开源框架的源码，开始看，一行一行的看下去，看了几行就感觉，“我艹，这什么玩意儿”，然后就看不下去了。如果你有类似的经历，可以看看本文，本文会以几个常见开源库为例讲解几种常见的开源框架的代码架构，从架构出发，帮你轻松读懂框架源码。记住以下两个要点：
------------------------------------盒子模型常用的八个属性--------------------------------- Js盒子模型 Js盒子模型指的是通过js提供的一系列的属性和方法，获取页面中元素的样式信息值 client系列(当前元素的私有属性) clientWidth/clientHeight:内容的宽度/高度+左右/上下填充，（和内容溢出没有关系） clientLeft:左边框的宽度(borderLeftWidth) clientTop:上
真正面试中，面试官往往采用的是由难到易的套路，那js和jQuery就是重中之重了，以及针对项目和所用技术方面的一些问题也就是你的必备储粮啦！ JavaScript 什么是闭包（closure），为什么要用它？ 闭包简单的说就是一个函数能访问外部函数的变量，这就是闭包，不理解就看代码，例如： function aa(x){ var num=1; function bb(y){ console.log(x+y+(++num)); } } aa函数中的bb函数就是
首先来看一下今天的第一个工具，each()。这个我们上节课好像用过。什么时候用的？大家还记得吗？在遍历多选框的时候我们用的就是each()。each顾名思义 大家都明白是用来遍历的，今天我们就主要用each()来遍历一下数组 和 对象。怎么遍历数组和对象呢？咱们来看一下。
CSS选择器可分为4类：选择器（如body{}）、选择符（如相邻兄弟关系选择符+）、伪类（如:hover）和伪元素（如::before）。
在过去的两年里，我们看到很多数据可视化基于新冠疫情开展研究工作。这些可视化图表通过为我们提供有关特定城市/地区病例数的信息，帮助人们更快捷地理解疫情的发展情况。
image.png 这个问题我就不等大家的回答了，相信大家也明白，我并不是闲的无聊这么问。JS本身语法并不难，它困难的地方在哪呢？主要在于以下几点： 1，怎么样去把具象的问题抽象化？ 就是面对一个很具
在过去的两年里，我们看到很多数据可视化基于新冠疫情开展研究工作。 这些可视化图表通过为我们提供有关特定城市/地区病例数的信息，帮助人们更快捷地理解疫情的发展情况。
今天就来探索 VNode 的源码，VNode 是 Vue2 渲染机制中很重要的一部分，是深入Vue 必须了解的部分
最近看企鹅群 ，发现li的value有个‘好玩’的默认“规则”，搜索一番发现是Property 与Attribute 的缘故，无奈最初不清楚，最后搜到如下一篇文章，算是了解了点。现偷偷运输过来，供大家欣赏（最后附有原文以及其他”可能”有帮助的）。
最近在做公司的网站，但是有一个是比较麻烦的事情就是需要做的一个国际化，我们都知道后端其实做国际化的话是直接可以配置的，相对来说是比较简单的，但是前端做国际化的话是很麻烦的一件事情，但是不是说不可以做，我之前呢是准备直接做两套网站，这样一样可以实现国际化的效果，其实这也是过去网站国际化的一个做法，包括现在也有人这样做，这个办法我们就不具体的写了，因为很简单，直接一模一样的写两份，一份是中文的一份是英文的就行了！其实我没写之前看了很多的资料，关于国际化的，很多的大神提供了很多的办法，但是都不是很详细，写的很模糊，所以我查看很多资料以后决定写这篇博客，总结一下自己的想法，同时希望可以帮助很多的人解决这个问题！
下面这个正则表达式是什么意思？ ((d{3,4})|d{3,4}-)?d{7,8}$ 这是一个很简单的表达式，相信很多同学都不能马上明白，需要认真看一会儿 再看下面这个图，表达的是什么意思？
如果我们的插件设置很简单，只需一个或两个参数的时候，可以考虑添加到设置->常规的页面中，这样就无须再新增页面了
今天在网上看到一篇关于python语言中类和元类(metaclass)的一些讲解和简单运用，感觉对python入门的童鞋非常有帮助，分享出来，希望大家喜欢。 (一) python中的类 今天看到一篇好文，然后结合自己的情况总结一波。 这里讨论的python类，都基于python2.7x以及继承于object的新式类进行讨论。 首先在python中，所有东西都是对象。这句话非常重要要理解元类我要重新来理解一下python中的类。 class Trick(object): pass 当python在执行带class语句的时候，会初始化一个类对象放在内存里面。例如这里会初始化一个Trick对象。 这个对象(类)自身拥有创建对象(通常我们说的实例，但是在python中还是对象)的能力。 为了方便后续理解，我们可以先尝试一下在新式类中最古老厉害的关键字type。 input: class Trick(object): pass print type('123') print type(123) print type(Trick()) output: <type 'str'> <type 'int'> <class '__main__.Trick'> 可以看到能得到我们平时使用的 str, int, 以及我们初始化的一个实例对象Trick() 但是下面的方法你可能没有见过，type同样可以用来动态创建一个类 type(类名, 父类的元组（针对继承的情况，可以为空），包含属性的字典（名称和值）) 这个怎么用呢，我要用这个方法创建一个类 让我们看下下面的代码 input: print type('trick', (), {}) output: <class '__main__.trick'> 同样我们可以实例化这个类对象 input: print type('trick', (), {})() output: <__main__.trick object at 0x109283450> 可以看到，这里就是一个trick的实例对象了。 同样的这个方法还可以初始化创建类的父类，同时也可以初始化类属性: input: class FlyToSky(object): pass pw = type('Trick', (FlyToSky, ), {'laugh_at': 'hahahaha'}) print pw().laugh_at print pw.__dict__ print pw.__bases__ print pw().__class__ print pw().__class__.__class__ output: hahahaha {'__module__': '__main__', 'laugh_at': 'hahahaha', '__doc__': None} (<class '__main__.FlyToSky'>,) <class '__main__.Trick'> <type 'type'> 下面我将依次理一下上面的内容，在此之前我必须先介绍两个魔法方法： __class__这个方法用于查看对象属于是哪个生成的，这样理解在python中的所有东西都是对象，类对象也是对象。如果按照以前的思维来想的话就是类是元类的实例，而实例对象是类的实例。 __bases__这个方法用于得到一个对象的父类是谁，特别注意一下__base__返回单个父类，__bases__以tuple形式返回所有父类。 好了知道了这两个方法我来依次说一下每行什么意思。 使用type创建一个类赋值给pw type的接受的三个参数的意思分辨是(类的名称， 类是否有父类(), 类的属性字典{}) 这里初始化一个类的实例，然后尝试去获得父类的laugh_at属性值，然后得到结果hahahaha 取一个pw的也就是我们常见类的类字典数据 拿到pw的父类，结果是我们指定的 FlyToSky pw的实例pw()属于哪个类初始化的，可以看到是class Trick 我们再看class trick是谁初始化的？ 就是元类type了 (二) 什么是元类以及简单运用 这一切介绍完之后我们总算可以进入正题 到底什么是元类？通俗的就是说，元类就是创建类的类。。。这样听起来是不是超级抽象？ 来看看这个 Trick = MetaClass() MyObject = Trick() 上面我们已经介绍了，搞一个Trick可以直接这样 Trick = type('Trick', (), {}) 可以这样其实就是因为，Type实际上是一个元类，用他可以去创建类。什么是元类刚才说了，元类就是创建类的类。也可以说他就是一个类的创建工厂。 类上面的__metaclass__属性，相信愿意了解元类细节的盆友，
写在之前 很多人都有做数据采集的需求，用不同的语言，不同的方式都能实现，我以前也用C#写过，主要还是发送各类请求和正则解析数据比较繁琐些，总体来说没啥不好的，就是效率要差一些， 用nodejs写采集程序还是比较有效率（可能也只是相对C#来说），今天主要用一个示例来说一下使用nodejs实现数据采集器，主要使用到request和cheerio。 request :用于http请求 https://github.com/request/request cheerio:用于提取request返回的h
apply方法： 语法：apply([thisObj[,argArray]]) 定义：应用某一对象的一个方法，用另一个对象替换当前对象。 说明： 如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。 如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj， 并且无法被传递任何参数。
本系列 D3.js 数据可视化文章是古柳按照自己想写的逻辑来写的，可能和网上的教程都不太一样，至于会写多少篇、写成什么样，古柳也完全心里没数，虽然是奔着初学者也能轻松看懂的目标去的，但真的大家看完觉得有什么感受，古柳也不清楚，所以希望大家多多反馈，后续文章能改进的也继续改进，并且有机会的话基于这个系列再出个视频教程，但那是后话了。
instantclick是一个预加载的js文件，就是能提前加载网页内容的东西，他有几种模式，第一种就是鼠标放在超链接上就开始预加载，第二种就是鼠标放上去xx毫秒后(时间可自定义)进行预加载，第三种就是鼠标点击后进行预加载。 项目官网：http://instantclick.io/ 项目地址：https://github.com/dieulot/instantclick
1、如果调用者在函数返回时无法获得预期的结果，但在未来需要通过一定的手段获得，那么函数是异步的。
DOMPurify是一个开源的基于DOM的快速XSS净化工具。输入HTML元素，然后通过DOM解析递归元素节点，进行净化，输出安全的HTML。
题目与上面的两篇文章有所重复，但是内容与上两篇上有所区别，本文中，实现的图片集展示的效果为：
1、caller是函数对象的一个属性，它指向调用当前函数的函数，例如A调用B，B.caller指向A()。
在某些浏览器中（比如 Chrome），你给他赋什么值，它就返回什么值。在 IE 中则比较痛苦，它会格式化输出、会把属性大写、会改变属性顺序、会去掉最后一个分号，比如：
目前水平确实不足，下午看了几个小时的题目只出了一道web签到题，感觉这DAS的比赛纯粹为了CTF而出题，就像Ez to getflag这个题目，作为一个用户来说上传了一个1.png然后输入1.png查询查不到的话，这应该很难认为是个能用的web服务，纯ctf技巧题吧，比赛时候也做了非常久。
首先是__name__这样的叫私有变量名,这里是开启esp32的uart0做debug用
曾经听说很多人被问到过虚拟DOM和DOM-diff算法是如何实现的，有没有研究过？
pjax工作原理 用大白话来说，就是ajax的升级版--可以动态记录历史记录的ajax技术。我们之前用ajax来做无刷新分页，一个最大的不足之处就是无法通过uri来标识这个资源以及历史记录倒退问题，通过利用html5 pushState的api，我们可以轻松达到发送ajax请求的同时，动态的记录状态，这就是pjax! 准备工作 pjax是什么东西,我们懂了之后，就要开始用它了！但是我们要写一套复杂的js去pushState么？答案是不需要的，已经有人封装好了JqueryPjax插件，我们只需用人家写好的插件
背景 jQuery想必各个web工程师都再熟悉不过了，不过现如今很多网站还采用了很古老的jQuery版本。其实如果早期版本使用不当，可能会有DOMXSS漏洞，非常建议升级到jQuery 1.9.x或以上版本。前段时间我就主导了这件事情，把公司里我们组负责的项目jQuery版本从1.4.2升级到了jQuery 1.11.3。jQuery官方也为类似升级工作提供了jQuery Migrate插件。 言归正传。 坑从何处来 jQuery 1.11.3是1.x时代的最后一个版本（作者更新：2016年1月8日，jQu
Hash：本次打包的一个标识。 Version：使用的webpack版本 Time：本次打包耗时 Built at: 生成时间
HTML Doctype作用？严格模式与混杂模式如何区分？它们有何意义? HTML5 为什么只需要写 ？ 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 页面导入样式时，使用link和@
作者：@markyun markyun.github.io/2015/Front-end-Developer-Questions/ HTML Doctype作用？严格模式与混杂模式如何区分？它们有何意
英文 | https://javascript.plainenglish.io/as-a-front-end-engineer-10-javascript-tricks-and-tips-you-should-know-about-6f4df0082407
上篇博文我们依葫芦画瓢已经将hello world 展现在界面上啦，但是是不是感觉心虚虚的，总觉得这么多文件，项目怎么就启动起来了呢？怎么访问到8080 端口就能进入到我们的首页呢。整个的流程是怎么样的呢？
想弄一个数据库，由于需要一些人名，所以就去百度一下，然后发现了360图书馆中有很多人名
这个表达式又是什么？其实这里说的是 js的表达式。翻译成土话就是，js代码，也就是说，vue里面，我们一样可以写js代码。怎么样，我说应该先学js吧？不学的话很多基础的计算都没法搞了。
1、JS引擎主要对JS代码进行语法、语法等分析，通过编译器将代码编译成可行的机码，使计算机执行。
如果文本框的样式中有width属性，没有height属性就会出现此问题，不知道是什么原因
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
