经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 JavaScript

25个JavaScript数组方法代码示例

摘要: 通过代码掌握数组方法。 要在给定数组上使用方法,只需要通过[].方法名即可,这些方法都定义在 Array.prototype 对象上。在这里,咱们先不使用这些相,反,咱们将从简单的方法开始定义自己的版本,并在这些版本的基础上进行构建。 没有比把东西拆开再重新组装起来更好...[2019/9/20]

刷新页面后让控制台的js代码继续执行

在各种限时,秒杀活动中,有个自动循环的点击的工具是很重要的。 为了方便起见,我们把Js代码放在浏览器的控制台执行,但是刷新页面后,js代码就清空了,也就无法执行。 可以用js代码实现一个不受页面刷新影响不断执行的代码,如下: 1. 必要的知识 prompt() 弹出对话框,...[2019/9/20]

layui 中select下拉change事件失效的解决方法

layui 中select下拉change事件失效的解决方法

layui 中select下拉change事件失效的处理方法 1.select中添加 lay-filter=“test” <select lay-filter="test">< elect> 2.处方方法 form.on(''select...[2019/9/20]

前端 页面加载完成事件 - onload,五种写法

在js和jquery使用中,经常使用到页面加载完成后执行某一方法。通过整理,大概是五种方式(其中有的只是书写方式不一样)。 1:使用jQuery的$(function){}; 2:使用jquery的$(document).ready(function(){}); 前两...[2019/9/20]

nodejs实现聊天机器人

技术栈 服务端: koa、koa-route、koa-websocket、request。 客户端: html、c 、js、websocket。 远程聊天API: http: api.qingyunke.com/api.php?key=free&appid=0&a...[2019/9/20]

vue-Element-axios搭建调用api进行数据展示

1全局安装vue-cli 输入命令:npm install vue-cli -g 2创建项目框架 输入命令:vue init webpack vueapi 3依次按照提示输入,项目名、项目描述、项目作者等等, 4.进入vueapi目录 输入命令...[2019/9/20]

利用js代码自动删除稿件的普通弹幕

事情的起因是在b站投稿了一个高级弹幕测试的视频(av9940487),但是由于b站的弹幕池机制是新的弹幕顶掉旧的弹幕,所以导致一些人发的高级弹幕很快就被顶掉了。 所以就想着写个脚本来自动删除属性为普通的弹幕,语言用的是javascript,在chrome的控制台就可以执行这个脚本。 ...[2019/9/20]

javascript:变量声明&&赋值的提升和函数声明&&定义的提升在不同情况下的表现

console.log(a);              undefined console.log(show);             函数的定义 show();                       aaa123 var a ...[2019/9/20]

Angular/Vue多复选框勾选问题

Angular/Vue多复选框勾选问题

  此页面效果以Angular实现,Vue也可按照其大致流程实现,其核心本质没有改变。   功能效果为:页面初始化效果为要有所有角色的复选框,要求初始化默认勾选的角色要显示勾选,之后,能按照最终勾选的状态提交发请求。   先查看效果:可以看到初始页面的此用户被赋予的角色只有一个&ldq...[2019/9/20]

js中Date的构造函数解读

javascript中的内置对象是我们经常会用到的,那么今天我们就来说说Date的四种构造方法吧   一、new Date()   这是我们最常使用也最熟悉不过的Date对象的构造方法了,通过无参数的构造函数我们可以默认获取到一个代表实例化时的Date对象 &n...[2019/9/20]

call和apply,函数伴侣

Predefined:js中的this指向直接运行上下文。   call和apply是ECMASCRIPT 3在函数原型上所定义的方法,目的在于改变或指定this的指向,从而改变函数直接执行上下文。两者的不同之处在于传参,call接受多个参数,而apply接受数组。   1:隐藏...[2019/9/20]

封装一个简单的动画函数

/**  *   * 动画函数多个目标值之间移动  * 1、如果是正值,则向大取整 2、如果是负值,则向小取整  *   *   *  &nb...[2019/9/20]

JSON:结构化数据格式

  JSON是javascript的子类,也是作为更好的互联网传输结构化数据格式逐渐取代XML,因此要理解JSON,重要的是理解它是一种数据格式,不是一种编程语言。   语法    javascript var object = { "name":"li...[2019/9/20]

js — 字符串

目录 1. 拼接字符串 2. 获取字符的方法 3. 字符串操作方法(切片) 4. 字符串位置方法 — 索引 5. trim()方法 6. 字符串大小写转换...[2019/9/20]

js — 数组Array

js — 数组Array

目录 1. isArray 2. 转换方法 3. 分割字符串 join 4. 栈方法 5. 队列方法 6. 重排序方法 7. 操作方法 ...[2019/9/20]

React入门-JSX和虚拟dom

1.JSX理解 举例: const element = <h1>Hello, world!</h1>; 这被称为 JSX,是一个 JavaScript 的语法扩展。建议在 React 中配合使用 JSX,JSX 可以生成 React “...[2019/9/20]

Stanford公开课《编译原理》学习笔记(1~4课)

目录 一. 编译的基本流程 二. Lexical Analysis(词法分析阶段) 2.1 Lexical Specification(分词原则) 2.2 Finite Automata...[2019/9/20]

基于js实现抽红包并分配代码实例

这篇文章主要介绍了基于js实现抽红包并分配代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 将 50000元随机分给10个人,其中3个人必须分到百位数,4个人分到千位数,3个人分到万位数,每个人所得金额 <!DOCTY...[2019/9/20]

layui对工具条进行选择性的显示方法

layui对工具条进行选择性的显示方法

layui工具栏根据状态动态显示 代码 <script type="text/html" id="structoption1"> 此处id为layui中 toolbar: ''#structoption1''(是表单中的工具条) {{# if(d.level==1...[2019/9/20]

用原生JS实现爱奇艺首页导航栏代码实例

最近接到领导的任务,要给外面的学生上几节前端课,备课的时候准备了一些小项目,在此记录一下。 以下是爱奇艺首页的一个导航栏,用原生js写的,静态页面效果如下: 代码如下: <html> <head> <title>爱奇艺</...[2019/9/20]

基于layui的table插件进行复选框联动功能的实现方法

实际项目功能: 给员工账号进行分配权限(增加权限,修改权限) 实现思路: 用表格展示权限列表–>勾选分配该账号的权限–>调用接口 出现的问题: 因为某些权限之间是有关联的,比如: “ 查看材料 ” 和 “ 修改材料 ” ,这两个权限是有联系的,当你勾选 “ 修改材料...[2019/9/20]

layui 数据表格复选框实现单选功能的例子

layui 数据表格复选框实现单选功能的例子

我就废话不多说了,大家直接看代码吧!希望能帮助到你 如下所示: 点击选中(单选) 单击行勾选checkbox事件 $(document).on("click",".layui-table-body table.layui-table tbody tr", functio...[2019/9/20]

layui默认选中table的CheckBox复选框方法

layui默认选中table的CheckBox复选框方法

方法一:如何根据条件判断是否默认选中table表格前面的复选框 table.render({ elem: ''#userTable'' , url: ''.. ysRole/getUserList'' , title: ''用户列表'' , page: true...[2019/9/20]

基于layui table返回的值的多级嵌套的解决方法

我在学习layui的过程中遇到了table返回值的问题,如果服务器端返回给你的数据是多级嵌套的话,那你在前台是解析不了的,在table.js源码中 它渲染数据是用了 data = res[options.response.dataName] || [] 这个意味着它源码不支持嵌...[2019/9/20]

JavaScript之JSON&AJAX

  今天为大家讲解JavaScript中的数据传输形式JSON和AJAX技术。同时,这也是JavaScript系列的最后一篇。   一   JSON   JSON的全称是JavaScript Object Notation(js对象表示法),它是一种存储和交换文本信...[2019/9/19]

我终于搞懂了什么是JavaScript闭包

正如标题所述,JavaScript闭包对我来说一直有点神秘,看过很多闭包的文章,在工作使用过闭包,有时甚至在项目中使用闭包,但我确实是这是在使用闭包的知识。 最近看国外的一些文章,终于,有人用于一种让我明白方式对闭包进行了解释,我将在本文中尝试使用这种方法来解释闭包。 准备 在理解闭包之前,有个...[2019/9/19]

mac上安装npm

检查brew -v是否安装了homebrew这个macOS 缺失的软件包的管理器。如果安装,跳转到第3步,否则跳转到第二步; 安装homebrew。安装跳转到官网指导。等待安装好之后,输入brew -v,如果出现版本号说明已经安装好: 执行brew update更新home...[2019/9/19]

JavaScript之深入对象(二)

上一篇随笔讲解了构造函数、原型及原型链相关的知识,今天让我们一起来探讨另一个问题:this。   一     this 的指向 1,  函数预编译过程中,this指向window   我们在讲解函数预编译过程的时...[2019/9/19]

console.log的高级用法

console.log的高级用法

基本用法 console.log(''最常见用法\n换行'');console.error(''输出错误信息 会以红色显示'');console.warn(''打印警告信息 会以黄色显示'');console.info(''打印一般信息'');con...[2019/9/19]

前端开发JS——数组

前端开发JS——数组

25、数组 1)声明数组:   ①构造函数创建数组 var arr = new Array(); console.log(arr):         []   var arr = new Array(20);   设...[2019/9/19]

js 判断当前时间是否处于某个一个时间段内

js 判断当前时间(或者所选时间)是否在某一时间段 我们可以使用 jutils - JavaScript常用函数库的 isDuringDate 函数来实现 传入 beginDateStr (开始时间), endDateStr(结束时间) 使用方法 jutils.isDuring...[2019/9/19]

使用ice-plugin-fusion给icedesign的模板加个主题(theme)

最近一直处于半失业状态,好多年没有更新对前端的理解了,闲来看看前端技术的发展。因为一直是个草台班子,身兼多职东看看西看看,一直没太搞清楚iceworks、ant design, fusion等等一堆阿里系的开源项目。用了半小时用iceworks搭了一个react的模板出来,感觉好像自己突...[2019/9/19]

记录--js中出现的数组排序问题

  这是今天在写vue项目时发生的一个小问题,在此记录一下,方便自己的回顾。项目是前后端分离的,前台主要使用了vue-cli3.0 + mintui,是一个移动端的web app包括了后台发布管理的一些功能,其他就先不介绍了,项目后期方便的话我会截取一些代码发布在我的github上,自己...[2019/9/19]

JS继承——原型链

许多OO语言支持两种继承:接口继承和实现继承。ECMAScript只支持实现继承,且继承实现主要依赖原型链实现。 原型链 基本思想:利用原型让一个引用类型继承另一个引用类型的属性和方法。 构造函数、原型和实例的关系:每个构造函数均有一个原型对象,原型对象均包含一个指向构造函数...[2019/9/19]

vue-froala-wysiwyg 富文本编辑器

近期需要在vue3项目上做一个富文本编辑器,找了很多插件组件,最终决定用 froala。虽然不是免费的,但是功能实在是太强大了。 froala 文档:https: www.froala.com/wysiwyg-editor/doc overview froala 官方demo:&...[2019/9/19]

js获取时间,循环执行任务,延迟执行任务

0918自我总结 js获取时间,循环执行任务,延迟执行任务 一.获取时间 核心方法创建一个时间对象:new Date() 时间对象相关操作 时间对象.函数名 函数名 功能 getYear() 获取四位数的年份 getMonth() 获取2位数的月数, 这个是从 0 ...[2019/9/19]

vue 实现模糊检索,并根据其他字符的首字母顺序排列

  昨天让我做一个功能,实现一个模糊检索,我就想,那做呗,然后开始正常的开发   代码如下:    HTML       VUE   因为是实时的,所以写了将逻辑写到了watch中        五分钟搞定。   &nbs...[2019/9/19]

js vue 页面添加水印

vue 微信页面添加水印                        &...[2019/9/19]

javascript实现二叉搜索树

在使用javascript实现基本的数据结构中,练习了好几周,对基本的数据结构如 栈、队列、链表、集合、哈希表、树、图等内容进行了总结并且写了笔记和代码。 在 github中可以看到  点击查看,可以关注一下我哈。   树的基本术语 二叉树节点的存储结构 ...[2019/9/19]

js字符串相关方法

<script> 使用索引位置来访问字符串中的每个字符: var carname = ''Volvo XC60''; var character = carname[7]; console.log(character)< cript>...[2019/9/19]

博客园美化夜间模式

博客园美化夜间模式 一.点击控制样式 主要看思路,自己增删改查,里面样式只针对我的博客 一.触发点击 二.修改按钮样式以及对于类名 三.将模式信息存入se ionStorage中 四.更具按钮的类名,自己博客样式进行跟换 <!--夜间模式点击事件js--> <...[2019/9/19]

uni-app自定义导航栏按钮|uniapp仿微信顶部导航条

uniApp原生导航栏 uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框,只需在page.json里面做一些配置即可。设置app-plus,dcloud平台对app-plus做了详细说明:app-plus配置,不过目前暂支持H5、App端,不支持小程序。  ...[2019/9/19]

JavaScript-三种弹窗方式

0918自我总结 JavaScript-三种弹窗方式 一.alert 带内容的弹框 用法: <script> alert('弹窗显示的内容') 会弹出框没有点确定不会执行下面的代码会发生阻塞 .... < cript> 二....[2019/9/19]

vue图片预加载

目的: 图片预加载能够使得用户在浏览后续页面的时候,不会出现图片加载一半导致浏览不流畅的情况。 一、方法一 项目打开的时候要对图片进行预加载,在App.vue里面的beforeCreate添加预加载程序 App.vue beforeCreate(){ let ...[2019/9/19]

使用layui 的layedit定义自己的toolbar方法

使用layui 的layedit定义自己的toolbar方法

官方文档:http: www.layui.com/demo/layedit.html 官网文档目前是不支持layedit扩展式的。 自己手动实现扩展,定义自己的样式toolbar: 1.样式代码分析 分析页面初始化后加载的样式. layeditIndex=layedit...[2019/9/19]

layui输入框中只允许输入整数的实现方法

layui输入框中只允许输入整数的实现方法

如下所示: <input cla ="layui-input" onkeyup="value=zhzs(this.value)" lay-verify="required|number" id="" name="" value="" maxlength="7"> 转化正...[2019/9/19]

layui lay-verify form表单自定义验证规则详解

官方文档详见:https: www.layui.com/doc/module form.html#verify 虽然layui的官方文档已经是写的比较详细,但是初次使用的时候总会懵一下,这里纪录一下lay-verify自定义验证规则的时候到底放哪。 html: <inpu...[2019/9/19]

layui复选框限制选择个数的方法

复选框限制选择个数的方法 html <div cla ="layui-form-item"> <label cla ="layui-form-label">xxx</label> <div cla ="layui-input-b...[2019/9/19]

layui 富文本编辑器和textarea值的相互传递方法

1.富文本编辑器传递值给textarea <div cla ="layui-form-item layui-form-text"> <label cla ="layui-form-label">资讯内容</label> <div...[2019/9/19]

layui 富文本赋值,取值,取纯文本值的实例

layui 富文本赋值,取值,取纯文本值的实例

layui 富文本赋值: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ...[2019/9/19]

101
2
记录数:5214 页数:1/10512345678910下一页尾页
加载更多