前端知识点
文章平均质量分 75
前端知识点:html,js,css等
68岁爱用飘柔
纵有疾风起,人生不言弃.
展开
-
datatable的使用
datatable中文官网:http://datatables.club/所需文件:<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.css"><script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.24/j原创 2021-05-09 21:35:50 · 1061 阅读 · 0 评论 -
Bootstrap模态框的使用
模态框https://www.runoob.com/bootstrap/bootstrap-modal-plugin.html模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。与我们所熟知的dialog有所等同。创建模态框<!-- 模态框(Modal) --><div class="modal fade" id="myModal" tabindex="-1" role="dia原创 2021-05-09 21:34:54 · 1025 阅读 · 0 评论 -
Vue相关知识点
Vue笔记花了一个月的事件,终于如愿以偿进入腾讯实习,由于技术栈需要使用Vue,这里是这阶段所学的Vue相关知识点。比较简单的版本,详细版可以查看官方文档。文章目录Vue笔记一、初识Vue二、条件渲染最基础的v-ifif-elseif-else-if-elsev-if和v-show的区别三、列表渲染最基础的列表渲染注意点四、模板语法五、计算属性和监听器六、class和style绑定七、事件监听八、表单输入九、动画用法自定义十、生命周期十一、组件组件的创建父组件传值子组件子组件向父组件传值组件传方法v-m原创 2021-05-02 14:38:23 · 1157 阅读 · 0 评论 -
如何利用ajax往后台传送json数据
如何利用ajax往后台传送json数据后端框架:django,前端:jquery,ajax我们在平常开发的时候会遇到:如果使用表单默认的传送方式,后台就只能从request的body获取到byte值,而python需要用字典时就有些无力,因此我们就可以使用ajax往后台传送json,再利用json库转化即可:方法ajax代码:// 提前构建一个字典类型的数据let SdataParams = { "password": sPassword, "password_repeat":原创 2021-01-26 21:52:24 · 1202 阅读 · 0 评论 -
Submit禁止提交的两种方式:preventDefault
Submit禁止提交的两种方式这是一个很小的错误,但是花了5h去找错误,这里分享给大家。首先,当我们想提交一个表单的时候,他默认的方式是将表单内所有的东西变成一个byte放在request的body里,给后端去使用,而当我们需要使用json数据的时候这个功能就有些鸡肋了,后端会一直报json的错误。此时我们就需要禁止submit的默认提交方式,让程序使用我们自己的函数去提交。默认的方法就是使用preventDefault。问题就出现在这里:对谁去preventDefault。先写一个简单的html原创 2021-01-26 21:44:20 · 4100 阅读 · 1 评论 -
ajax的同步与异步
Ajax的同步与异步 现在的前端开发绝大多是的时候需要用到ajax,而用ajax势必会用到同步与异步属性(async)。 在jquery的ajax中如果我们希望实现同步或者异步我们可以直接设置async发生为真或假即可true false,下面是我实际开发中遇到的一个两个例子:例1:sReturnValue = "";// send sjax$.ajax({ url: "/mobiles/" + sMobile + "/", type: "GET", dataTyp原创 2021-01-25 20:21:12 · 1846 阅读 · 1 评论 -
ajax-json
json-ajax ajax全称 Ansync JavaScript and XML,是一门异步的加载技术,局部刷新步骤:第一步:创建需要的对象,这里主要用到的是XMLHttpRequest,注意需要考虑早期的IE;第二步:连接和发送;第三步:接收;作用:局部刷新 <input type="text" name="a">+ <input type="text" name="b">= <input type="text" name="c"> <原创 2021-01-16 12:00:03 · 83 阅读 · 0 评论 -
JQuery(简单版)
jquery是js文件,在:https://www.bootcdn.cn.jquery/进行仔细检索,主要有完整版和压缩版,使用jQuery可以写少做多一、导入$==jequery$(css选择器)<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>//自己写的script标签需要在他的下面重写。如果放在head标签里,必须套个盒子 $(function (){原创 2021-01-16 11:52:27 · 398 阅读 · 0 评论 -
JQuery知识点
JQuery一、jquery介绍二、jquery加载三、jquery选择器四、jquery样式操作五、绑定click事件六、jquery特殊效果七、jquery链式调用八、jquery动画九、尺寸相关、滚动事件十、jquery属性操作十一、jquery循环十二、jquery事件十三、事件冒泡十四、事件委托十五、jquery元素节点操作十六、滚轮事件与函数节流十七、json十八、ajax与jsonp十九、本地存储二十、jqueryUI一、jquery介绍jQuery是目前使用最广泛的javascript函原创 2021-01-14 14:00:31 · 258 阅读 · 0 评论 -
JS知识点
JS知识点一、JavaScript介绍二、JavaScript嵌入页面的方式三、变量四、获取元素方法一五、操作元素属性六、函数七、条件语句八、数组及操作方法九、循环语句十、获取元素方法二十一、Javascript组成十二、字符串处理方法十三、类型转换十四、调试程序的方法十五、定时器十六、变量作用域十七、封闭函数十八、常用内置对象一、JavaScript介绍JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互。 JavaScript是原创 2021-01-14 13:51:00 · 127 阅读 · 0 评论 -
移动端页面开发
移动端页面开发一、移动端与PC端页面布局区别1.1 视口视口是移动设备上用来显示网页的区域,一般会比移动设备可视区域大,宽度可能是980px或者1024px,目的是为了显示下整个为PC端设计的网页,这样带来的后果是移动端会出现横向滚动条,为了避免这种情况,移动端会将视口缩放到移动端窗口的大小。这样会让网页不容易观看,可以用 meta 标签,name=“viewport ” 来设置视口的大小,将视口的大小设置为和移动设备可视区一样的大小。设置方法如下( 快捷方式:meta:vp + tab ):&l原创 2021-01-14 13:42:58 · 411 阅读 · 0 评论 -
HTML与CSS
HTML5与CSS一、CSS权重CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。1.1 权重的等级可以把样式的应用方式分为几个等级,按照等级来计算权重1、!important,加在样式属性值后,权重值为 100002、内联样式,如:style=””,权重值为10003、ID选择器,如:#content,权重值为1004、类,伪类和属性选择器,如: content、:hover 权重值为105、标签选择器和原创 2021-01-14 13:30:08 · 73 阅读 · 0 评论 -
CSS相关知识点
CSS为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆分开,CSS由此思想而诞生,CSS是 Cascading Style Sheets 的首字母缩写,意思是层叠样式表。有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简洁。一、css基本语法及页面引用1.1 css基本语法css的定义方法是:选择器 { 属性:值; 属性:值; 属性:值;}选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性原创 2021-01-14 13:14:42 · 222 阅读 · 0 评论 -
HTML相关知识点
HTML一、html概述和基本结构1.1 html概述1.2 html基本结构1.3 HTML文档类型xhtml 1.0html51.4 两种文档的区别1.5 html注释:二、html标题标签三、html段落标签、换行标签与字符实体3.1 html段落标签3.2 html换行标签3.3 html字符实体四、html块标签、含样式的标签4.1 html块标签4.2 含样式和语义的标签4.3 语义化的标签五、html图像标签、绝对路径和相对路径5.1 html图像标签5.2 绝对路径和相对路径六、html链接原创 2021-01-14 13:02:07 · 88 阅读 · 0 评论