![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 82
前端
夜飞鼠
忙碌
展开
-
Vue 深入汇总
JavaScript中的对象是引用类型的数据,当多个实例引用同一个对象时,只要一个实例对这个对象进行操作,其他实例中的数据也会发生变化。而在Vue中,我们更多的是想要复用组件,那就需要每个组件都有自己的数据,这样组件之间才不会相互干扰。所以组件的数据不能写成对象的形式,而是要写成函数的形式。数据以函数返回值的形式定义,这样当我们每次复用组件的时候,就会返回一个新的data,也就是说每个组件都有自己的私有数据空间,它们各自维护自己的数据,不会干扰其他组件的正常运行。原创 2024-05-03 09:23:40 · 1017 阅读 · 0 评论 -
Vue 基础汇总
指令本质上是装饰器,是 vue 对 HTML 元素的扩展,给 HTML 元素添加自定义功能。vue 编译 DOM 时,会找到指令对象,执行指令的相关方法。自定义指令有五个生命周期(也叫钩子函数),分别是 bind、inserted、update、 componentUpdated、unbindbind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted:被绑定元素插入父节点时调用。update:被绑定元素所在的模板更新时调用,而不论绑定值是否变化。原创 2024-05-02 21:24:42 · 788 阅读 · 0 评论 -
零基础 HTML 入门(详细)
HTML (HyperText Markup Language) 是指用于创建网页超文本标记语言,通过它可以实现图片、链接、音乐等元素的展示,您可以将 HTML 运行在浏览器上,由浏览器来解析。它是通向Web技术的起点,是前端程序员必要的基本功。原创 2024-04-09 07:12:38 · 1255 阅读 · 0 评论 -
Datatables Ajax源数据
一个简单的jQuery单击事件侦听器用于监视行上的单击,激活时使用row().data()方法获取行的数据,并在警告框中显示有关该行的一些信息。这可以通过使用columns.data选项来完成,使用该选项告诉DataTables要从数据源对象中为每个列使用哪个属性。本节中的示例演示了Ajax在DataTables中加载数据以及客户端处理的使用。在本例中,Ajax源返回一个对象数组,DataTables使用该数组显示表。在本例中,Ajax源返回一个对象数组,DataTables使用该数组显示表。原创 2023-03-06 22:30:00 · 769 阅读 · 0 评论 -
DataTables高级初始化
当DataTables从HTML表读取表内容时,默认情况下,它会将表中的信息读取到DataTables内部存储的数组中。每个数组元素表示一列。DataTables提供很多自定义事件,你可以通过jQuery方式绑定这些事件,需要注意的是必须使用dt这个命名空间。DataTables高级初始化比基本初始化提供更多扩展选项设置,你可以通过选项的组合和回调展现表格所需的内容。本示例通过页面的显示调用的时间,从而确认顺序、搜索和页面事件已被使用。本示例显示了一个在联系人信息上跨多个单元格的标题,其中一列是隐藏的。原创 2023-03-06 21:00:00 · 911 阅读 · 0 评论 -
DataTables API
此示例是每次单机按钮时表格新增单行,使用API的row.add()方法将新行添加到表格中,同理也可以使row.remove()移除数据。不管是新增或是移除单行,都必须调用draw()方法,以便刷新表格。DataTables提供了单个列搜索功能实现列全局搜索,也可以通过多个单独的列实现复杂搜索。DataTables API提供了将子行附加到表格的父行中,下面例子是展示折叠行。光标触碰表格时,突出显示行和列在表格中的位置。相似,不同的是选着了下拉框选着内容搜索。1.2 单个列文本框输入搜索。原创 2023-01-18 23:19:48 · 444 阅读 · 0 评论 -
Datatables非jQuery初始化
从v1.11开始,在不使用jQuery的情况下,可以通过新的DataTable()构造函数初始化DataTables。原创 2023-01-01 11:30:00 · 122 阅读 · 0 评论 -
Datatables样式
dataTables.bootstrap.min.js脚本以及相应的bootstrap.min.css、dataTables.bootstrap.min.css样式。,DataTables的Bootstrap集成还为DataTables中的分页控件提供了一个渲染器,以确保表的分页也由Bootstrap统一样式。此示例显示指定了order列类的DataTables,每一列的行数据都按照字符顺序排序。此示例指定了stripe类的DataTables,行使用不同的颜色交替显示。原创 2022-12-28 18:00:00 · 2042 阅读 · 2 评论 -
使用jsQR识别二维码
若用户拒绝了使用权限,或者需要的媒体源不可用,promise 会 reject 回调一个 PermissionDeniedError 或者 NotFoundError。安装下面方式新建站点,由于手机打开摄像头需要安全连接,需要使用https,所以发布网站的时候,需要用https协议。在现实环境中,我们常常使用手机扫码QR,那么应该怎样解决呢?提示用户许可使用媒体输入,媒体输入会产生一个 MediaStream,里面包含了请求的媒体类型的轨道。扫描网络摄像头流,并将定位,提取和解析其中的任何 QR码。原创 2022-12-27 22:20:47 · 6126 阅读 · 2 评论 -
Datatables基本初始化
DataTables是 jQuery Javascript 库的插件。它是一个高度灵活的工具,建立在渐进增强的基础之上,可以将所有这些高级功能添加到任何 HTML 表格中。原创 2022-08-01 22:07:09 · 2866 阅读 · 0 评论 -
安装Node和Npm
1.Node.js和NpmNode.js是基于Chrome JavaScript运行时建立的平台,它的作用是通过JavaScript语言开发web服务端,而且使得javascript可以脱离浏览器运行。Node.js是一种后端技术,它拥有事件驱动、异步编程、非阻塞式io等等优点。Npm全称node package management,是用来管理软件包的。它是nodejs内置的软件包管理器。很多的开源软件开发者都使用Npm分享和借鉴代码模块。官网地址:https://www.npmjs.c.原创 2022-07-22 11:14:50 · 2316 阅读 · 0 评论 -
初识html5使用jsQR识别二维码
使用纯javascript脚本二维码识别库,打开本地二维码图片,然后识别。 例子超级简单,方便新手了解jsQR库使用。原创 2022-06-23 12:03:30 · 6333 阅读 · 3 评论 -
VSCode详细安装教程
1.Visual Studio CodeVisual Studio Code(简称VS Code)是微软开发的轻量级源代码编辑器,它可以运行在Windows、Linux、macOS软件平台,并且支持C++、C#、Java、Python、PHP、Go开发语言。VS Code 是开源的,源码挂载再github上。源码地址:https://github.com/Microsoft/vscode2.VSCode下载VS Code下载地址:https://code.visualstudio.c..原创 2021-03-05 16:57:52 · 1637 阅读 · 0 评论