214 jQuery案例：王者荣耀手风琴效果
效果 思路分析: 1.鼠标经过某个小li 有两步操作： 2.当前小li 宽度变为 224px， 同时里面的小图片淡出，大图片淡入 3.其余兄弟小li宽度变为69px， 小图片淡入， 大图片淡出 ? 代码实现略。(详情参考源代码) ... 查看全文
vue超简单加载字体方法,解决scss难加载字体的问题
vue超简单加载字体方法,解决scss难加载字体的问题 scss在加载字体方面一直不太好用,需要繁杂的配置才能达到想要的效果,这里说一种非常简单的方法 在 的`style style`的lang不要写,就使用原生css 示例引入 然后想要的位置设置font family为pingfang即可,自己定 ... 查看全文
JavaScript图片预览
预览选中的图片文件 jQuery $("#selectImage").change(function(){ $("#image").attr("src",URL.createObjectURL($(this)[0].files[0])); }); Vue data:{ image:"" }, met ... 查看全文
JavaScript 事件
HTML 事件是发生在 HTML 元素上的“事情”。 当在 HTML 页面中使用 JavaScript 时，JavaScript 能够“应对”这些事件。 HTML 事件 HTML 事件可以是浏览器或用户做的某些事情。 下面是 HTML 事件的一些例子： HTML 网页完成加载 HTML 输入字段被修 ... 查看全文
linux安装最新(任意)版本nodejs
首先在终端中使用命令 uname -a 查看系统版本 uname -a x86_64 是64位的 所以要安装64位对应的nodejs 打开nodejs中文网里的下载 找到64位的文件 点击后就下载了 这里 复制它的链接 使用wget下载 wget https://npm.taobao.org/mir ... 查看全文
深入理解 js this 绑定 ( 无需死记硬背，尾部有总结和面试题解析 )
js 的 this 绑定问题，让多数新手懵逼，部分老手觉得恶心,这是因为this的绑定 ‘难以捉摸’，出错的时候还往往不知道为什么，相当反逻辑。让我们考虑下面代码: var people = { name : "海洋饼干", getName : function(){ console.log(thi ... 查看全文
generator.next (Generator) – JavaScript 中文开发手册
[JavaScript 中文开发手册generator.next (Generator) - JavaScript 中文开发手册The next() method returns an object with two properties done and value. You can also p... ... 查看全文
JavaScript Math 对象
JavaScript Math 对象允许您对数字执行数学任务。 实例 Math.PI; // 返回 3.141592653589793 亲自试一试 Math.round() Math.round(x) 的返回值是 x 四舍五入为最接近的整数： 实例 Math.round(6.8); // 返回 7 ... 查看全文
Arison [JS]window.location获取url各项参数详解
https://www.cnblogs.com/Arison/p/5286368.html 对于这样一个URL代码如下 复制代码 http://www.php230.com :80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere 我 ... 查看全文
ELK学习实验014：Nginx日志JSON格式收集
1 Kibana的显示配置 https://demo.elastic.co/app/kibana#/dashboard/welcome_dashboard 环境先处理干净 安装nginx和httpd-tools 2 使用压测工具产生日志 [root@node4 ~]# ab -n 100 -c 10 ... 查看全文
解决coredns-7f9c544f75-2sjs2一直处于ContainerCreating
#查看所有pod的状态 kubectl get pod --namespace=kube-systemNAME READY STATUS RESTARTS AGEcoredns-7f9c544f75-2sjs2 0/1 ContainerCreating 0 3d16hcoredns-7f9c544 ... 查看全文
jq设置checkbox默认选中状态 jQuery控制input不可编辑
1.后台发送的数据 是spring框架中的对象model.addObject(“student”,stu); 前台页面由隐藏的接收对象 页面代码： <input id= 查看全文
JavaScript 设置日期方法
使用“设置日期”方法可以设置日期对象的日期值（年、月、日、小时、分钟、秒、毫秒）。 日期设置方法 设置方法用于设置日期的某个部分。下面是最常用的方法（按照字母顺序排序）： 方法描述 setDate() 以数值（1-31）设置日 setFullYear() 设置年（可选月和日） setHours() ... 查看全文
RangeError (Errors) – JavaScript 中文开发手册
[JavaScript 中文开发手册RangeError (Errors) - JavaScript 中文开发手册RangeError对象标明一个错误，当一个值不在其所允许的范围或者集合中。] 本文标题：RangeError (Errors) – JavaScript 中文开发手册 - Break易... ... 查看全文
JavaScript isFinite() 函数
[JavaScript isFinite() 函数 JavaScript 全局函数定义和用法isFinite() 函数用于检查其参数是否是无穷大。提示： 如果 number 是 NaN（非数字），或者是正、负无穷大的数，则返回 false。语法isFinite(value)参数描述value必需。要... ... 查看全文
JavaScript 数组迭代方法
数组迭代方法对每个数组项进行操作。 Array.forEach() forEach() 方法为每个数组元素调用一次函数（回调函数）。 实例 var txt = ""; var numbers = [45, 4, 9, 16, 25]; numbers.forEach(myFunction); fun ... 查看全文
JavaScript 逻辑
JavaScript 布尔（逻辑）代表两个值之一：true 或 false。 布尔值 通常，在编程中，您会需要只能有两个值之一的数据类型，比如 YES / NO ON / OFF TRUE / FALSE 鉴于此，JavaScript 提供一种布尔数据类型。它只接受值 true 或 false。 B ... 查看全文
你不需要基于 CSS Grid 的栅格布局系统
在过去的几个星期里，我开始看到基于 CSS Grid 的布局框架和栅格系统的出现。我们惊讶它为什么出现的这么晚。但除了使用 CSS Grid 栅格化布局，我至今还没有看到任何框架能提供其他有价值的东西。他们沉醉于模仿过去的做法，而不是着眼于未来。这使得发展受到限制。其中一个常见的问题就是，这些框架仍 ... 查看全文
前端开发 css、less编写规范
壹 ? 引 早在大半年前，我在负责整理定义了前端组JavaScript开发规范与less、css样式开发规范。一直想将两个规范整理成文章，但在整理了JavaScript规范后，我花了较多的时间在学习JavaScript基础知识，所以对于样式规范一直处于放置状态。直到上周我收到了一条关于JavaScr ... 查看全文
JavaScript For 循环
循环可多次执行代码块。 JavaScript 循环 假如您需要运行代码多次，且每次使用不同的值，那么循环（loop）相当方便使用。 通常我们会遇到使用数组的例子： 不需要这样写： text += cars[0] + "<br>"; text += cars[1] + "<br>"; text += ... 查看全文
JavaScript 类型转换
Number() 转换数值，String() 转换字符串，Boolean() 转换布尔值。 JavaScript 数据类型 JavaScript 中有五种可包含值的数据类型： 字符串（string） 数字（number） 布尔（boolean） 对象（object） 函数（function） 有三种 ... 查看全文
JavaScript 比较和逻辑运算符
比较和逻辑运算符用于测试 true 或 false。 比较运算符 比较运算符在逻辑语句中使用，以判定变量或值是否相等。 我们给定 x = 5，下表中解释了比较运算符： 运算符描述比较返回测试 == 等于 x == 8 false 试一试 x == 5 true 试一试 x == "5" true 试 ... 查看全文