prevent

prevent相关知识

• 关于分辨率缩小时，list-group隐藏为按钮的问题解决方法

  查看了例子中的源码，有个offcanvas.css和offcanvas.js需要加载。 offcanvas.css的源码： /* * Style tweaks * -------------------------------------------------- */ /*html, body { overflow-x: hidden; Prevent scroll on narrow devices } body { padding-top: 70px; } footer { padding: 30px 0; }*/ /* * Off Canvas * -------------------------------------------------- */ @media screen and (max-width: 767px) { .row-offcanvas {
• JavaScript通过preventDefault()

  一、说明取消事件的默认动作。该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。注意，如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。二、语法event.preventDefault()三、示例3.1 阻止<a>元素跳转<a href="http://www.mazey.net/baby/blog" target="_blank" id="a-prevent">点击我看会不会跳转</a><script>document.getElementById('a-prevent').addEven
• 搭建文件服务器

  下载httpd ```.properties yum install -y httpd ## 看看成功了没有 [http://localhost](http://40.72.115.20:9090/file/) ## 配置监听端口和隐藏目录 ```.properties vim /etc/httpd/conf/httpd.conf 修改端口 ```.properties # Listen: Allows you to bind Apache to specific IP addresses and/or ports, instead of the default. See also the directive. # Change this to Listen on specific IP addresses as shown below to prevent
• MySQL NULLIF

  Summary: in this tutorial, you will learn about the MySQL NULLIF function and how to use the NULLIF function to prevent the division by zero error in a query.Introduction to MySQL NULLIF functionThe NULLIF function is one of the control flow functions in MySQL that accepts 2 arguments. The NULLIF function returns NULL if the first argument is equal to the second argument, otherwise it returns the first argu

prevent相关课程

• 前端框架及项目面试 聚焦Vue3/React/Webpack 现在的前端面试几乎必考Vue、React 和 Webpack框架内容，对于求职者 是刚需。在这三者的基础之上，还会考察能力方面，即项目设计和项目经验，最终才能通过。这就是这门课要解决的问题。

  讲师：双越 中级 3129人正在学习

• 为毕业生打造的全栈课 一站解决毕设问题（选题/毕设/论文/答辩） 为计算机专业大学生解决“毕业难题”

  入门 183人正在学习

• 程序员的自我修养与高效学习方法 4大方向必备干货，解决编程上的疑难困惑

  初级 6455人正在学习

prevent相关教程

• 4. 事件修饰符 在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在方法中轻松实现这点，但更好的方式是：方法只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。为了解决这个问题，Vue.js 为 v-on 提供了事件修饰符。实现方法就是在事件名称后面以后缀的形式添加指定的修饰符。知识扩展：event.preventDefault() 用来取消事件的默认动作。event.stopPropagation() 用来阻止事件冒泡到父元素，阻止任何父事件处理程序被执行。Vue 提供了以下事件修饰符：.stop: 阻止单击事件继续传播；.prevent: 只有修饰符，提交事件不再重载页面；.capture: 添加事件监听器时使用事件捕获模式，即元素自身触发的事件先在自身处理，然后交由内部元素进行处理；.self: 只有在event.target是当前元素自身时触发处理函数，即事件不是从内部元素触发的；.once: 点击事件将只触发一次;.passive: 滚动事件会立即触发，不会等待其他串联事件。即prevent会失效。<!-- 阻止单击事件继续传播 --><a v-on:click.stop="doThis"></a><!-- 提交事件不再重载页面 --><form v-on:submit.prevent="onSubmit"></form><!-- 修饰符可以串联 --><a v-on:click.stop.prevent="doThat"></a><!-- 添加事件监听器时使用事件捕获模式 --><!-- 即内部元素触发的事件先在此处理，然后才交由内部元素进行处理 --><div v-on:click.capture="doThis">...</div><!-- 只当在 event.target 是当前元素自身时触发处理函数 --><!-- 即事件不是从内部元素触发的 --><div v-on:click.self="doThat">...</div><!-- 点击事件将只会触发一次 --><a v-on:click.once="doThis"></a>接下来，我们用一个完整的示例来看下这些修饰符的使用方法。586代码解释：代码第 4-7 行，stop 案例中，当我们给按钮 click 事件添加 .stop 修饰符之后，点击按钮，事件不会向上传递。代码第 10-16 行，submit.prevent 案例中，当给 submit 事件添加 .prevent 修饰符之后，提交事件不再重载页面。代码第 19-21 行，capture 案例中，我们给父容器添加了 capture 事件，当点击按钮的时候，会先触发 capture 中的事件函数，然后再触发按钮绑定的点击事件。代码第 24-26 行，self 案例中，我们给父容器的点击事件添加了 .self 的修饰符，所以只有点击父容器的时候才会触发该方法，当点击按钮的时候并不会触发父容器绑定的事件。代码第 29-31 行，once 案例中，我们给按钮的点击事件添加了 .once 的修饰符，所以只有首次点击按钮的时候会触发事件函数，再次点击之后将不会触发事件函数。
• 2.2 Django 中上传文件流程追踪 这部分内容会有点复杂和枯燥，我会尽量简化代码，并使用前面的上传实验帮助我们在源码中打印一些 print语句，辅助我们更好的理解整个上传过程。思考问题：为什么上传文件时，我们能通过 request.FILES['file'] 拿到文件？Django 帮我们把文件信息存到这里面，那么它是如何处理上传的文件的呢？我们现在的目的就是要搞清楚上面的问题，可能里面的代码会比较复杂，目前我们不深入研究代码细节，只是搞清楚整个过程以及 Django 帮我们做了哪些工作。首先，我们打印下视图函数的 request 参数，发现它是 django.core.handlers.wsgi.WSGIRequest 的一个实例，这在很早之前也是介绍过的。我们重点看看 WSGIRequest 类中的 FILES 属性：# 源码位置：django/core/handlers/wsgi.py# ...class WSGIRequest(HttpRequest): # ... @property def FILES(self): if not hasattr(self, '_files'): self._load_post_and_files() return self._files # ...看到这里，我们就大概知道 FILES 属性值的来源了，就是通过 self._load_post_and_files() 这个方法设置self._files 值，而这个就是 FILES 的值。接下来就是继续深入 self._load_post_and_files() 这个方法，但是我们不追究代码细节。# 源码位置：django/http/request.pyclass HttpRequest: """A basic HTTP request.""" # ... def _load_post_and_files(self): """Populate self._post and self._files if the content-type is a form type""" if self.method != 'POST': self._post, self._files = QueryDict(encoding=self._encoding), MultiValueDict() return if self._read_started and not hasattr(self, '_body'): self._mark_post_parse_error() return if self.content_type == 'multipart/form-data': if hasattr(self, '_body'): # Use already read data data = BytesIO(self._body) else: data = self try: self._post, self._files = self.parse_file_upload(self.META, data) except MultiPartParserError: # An error occurred while parsing POST data. Since when # formatting the error the request handler might access # self.POST, set self._post and self._file to prevent # attempts to parse POST data again. self._mark_post_parse_error() raise elif self.content_type == 'application/x-www-form-urlencoded': self._post, self._files = QueryDict(self.body, encoding=self._encoding), MultiValueDict() else: self._post, self._files = QueryDict(encoding=self._encoding), MultiValueDict() # ...一般而言，我们使用的是 form 表单提交的上传，对应的 content-type 大部分时候是 multipart/form-data。所以，获取 _files 属性的最重要的代码就是：self._post, self._files = self.parse_file_upload(self.META, data)咋继续追踪 self.parse_file_upload() 这个方法。class HttpRequest: """A basic HTTP request.""" # ... def _initialize_handlers(self): self._upload_handlers = [uploadhandler.load_handler(handler, self) for handler in settings.FILE_UPLOAD_HANDLERS] @property def upload_handlers(self): if not self._upload_handlers: # If there are no upload handlers defined, initialize them from settings. self._initialize_handlers() return self._upload_handlers @upload_handlers.setter def upload_handlers(self, upload_handlers): if hasattr(self, '_files'): raise AttributeError("You cannot set the upload handlers after the upload has been processed.") self._upload_handlers = upload_handlers def parse_file_upload(self, META, post_data): """Return a tuple of (POST QueryDict, FILES MultiValueDict).""" self.upload_handlers = ImmutableList( self.upload_handlers, warning="You cannot alter upload handlers after the upload has been processed." ) parser = MultiPartParser(META, post_data, self.upload_handlers, self.encoding) return parser.parse() # ...这三个涉及的函数都比较简单，主要是获取处理上传文件的 handlers。settings.FILE_UPLOAD_HANDLERS 这个值是取得 global_settings.py 中设置的，而非项目的 settings.py 文件(该文件默认没有设置该参数值)。但是我们可以在 settings.py 文件中设置 FILE_UPLOAD_HANDLERS 的值以覆盖默认的 handlers。# 源码位置：django\conf\global_settings.py# ...# List of upload handler classes to be applied in order.FILE_UPLOAD_HANDLERS = [ 'django.core.files.uploadhandler.MemoryFileUploadHandler', 'django.core.files.uploadhandler.TemporaryFileUploadHandler',]# ...最后可以看到 parse_file_upload() 方法的核心语句也只有一句：parser = MultiPartParser(META, post_data, self.upload_handlers, self.encoding)最后调用 parser.parse() 方法获得结果。最后要说明的是 parser.parse() 比较复杂，我们简单看下函数的大致内容即可，课后在继续深究函数的细节：# 源码位置：django/http/multipartparser.pyclass MultiPartParser: # ... def parse(self): """ Parse the POST data and break it into a FILES MultiValueDict and a POST MultiValueDict. Return a tuple containing the POST and FILES dictionary, respectively. """ from django.http import QueryDict encoding = self._encoding handlers = self._upload_handlers # HTTP spec says that Content-Length >= 0 is valid # handling content-length == 0 before continuing if self._content_length == 0: return QueryDict(encoding=self._encoding), MultiValueDict() # See if any of the handlers take care of the parsing. # This allows overriding everything if need be. for handler in handlers: result = handler.handle_raw_input( self._input_data, self._meta, self._content_length, self._boundary, encoding, ) # Check to see if it was handled if result is not None: return result[0], result[1] # Create the data structures to be used later. self._post = QueryDict(mutable=True) self._files = MultiValueDict() # Instantiate the parser and stream: stream = LazyStream(ChunkIter(self._input_data, self._chunk_size)) # Whether or not to signal a file-completion at the beginning of the loop. old_field_name = None counters = [0] * len(handlers) # Number of bytes that have been read. num_bytes_read = 0 # To count the number of keys in the request. num_post_keys = 0 # To limit the amount of data read from the request. read_size = None # ... # Signal that the upload has completed. # any() shortcircuits if a handler's upload_complete() returns a value. any(handler.upload_complete() for handler in handlers) self._post._mutable = False return self._post, self._files可以看到，这个函数最后得到 self._post, self._files, 然后返回该结果。有兴趣的话可以自行在这几个重要的地方加上 print() 方法看看对应的 self._post, self._files 的输出结果，有助于加深印象。
• 9-5 freemarker语法 - 指令if Spring Cloud分布式微服务实战
• Scrapy 常用命令及其分析 Scrapy 是最流行的 Python 爬虫框架
• Redis介绍 一站式Redis解决方案
• 14.1【理解】分页与项目架构浅析 .Net Core 开发电商后端API

prevent相关搜索

pack package package文件 padding pages page对象 panda panel panel控件 param parameter parcel parent parentnode parents parse parse error parseint partition pascal

查看更多慕课网实用课程