对未来的恐慌,和想成为一名自由开发的梦想.让我觉得应该点亮一个新的技能:WEB前端开发. 重新学习JS以及jQuery,让我在日常code的过程中可以更得心应手,毕竟,我爱代码. 这篇文章主要记录的内容是JS相关的基本指令,只有基本内容,没有理论分析.比较深的理论知识会在后续的文章中进行对比分析. 和HTML以及CSS一样,JS也是一个纯文本语言,不需要用新的工具来编译,创建一个新的记事本,把记事本的格式改成js即可. 按照学习语言的惯例.从Hello world!开始. 首先,创建一个hell…

1.六种数据类型 5种基础的:Undefined,Null,Boolean,Number,String(其中Undefined派生自Null) 1种复杂的:Object(本质是一组无序键值对) 2.字符串转数字 Number(str):先求值再转换(先valueOf再toString都不行就是NaN),一般与我们的预期结果不一样,比如Number(”)=Number(false)=Number(null)=0而var x;Number(x)=NaN...所以一般都用下面两种方式 parseInt…

整理自官网教程 -- https://cn.vuejs.org/ 1. 在HTML文件底部引入Vue <script src="https://cdn.jsdelivr.net/npm/vue"></script> 2. 基础HTML标签和属性 <div id="app"> <!--v-bind:title 可缩写为 :title --> <!--添加v-once属性时,能执行一次性地插值 --> <…

前言:本博客系列为学习后盾人js教程过程中的记录与产出,如果对你有帮助,欢迎关注,点赞,分享.不足之处也欢迎指正,作者会积极思考与改正. 目录 定义: 字符串的连接: 标签模板的使用: 字符串的基本方法: 截取字符串的三种方法 查找字符串 替换字符串 重复字符串 字符串的类型转换 定义: 两种方法,存在一点点区别.new方法定义出来的是对象,方法2是字符串,但使用上没多大区别,后台会自动将字符串转化为对象,因此也可以使用对象的方法. // 方法1 let str=new String("abc&…

事件:JavaScript中的事件是由访问web页面用户的一系列操作引起的,比如点击鼠标,键盘按键等.当用户执行某些操作的时候再去执行一些代码. 事件模型:内联模型.脚本模型.DOM2模型 内联模型:事件处理函数是html元素的一个属性,即把事件处理函数代码写在html文件中 //在HTML中把事件处理函数作为属性来执行JS代码 <div id="d1" onclick="alert('事件函数')">测试DIV</div> //注意其中的单…

整理自官网教程 -- https://cn.vuejs.org/ 1. v-bind绑定Class与Style a. 绑定Class 语法:v-bind:class="{classname:boolParam} | object" 其中,classname为类名,boolParam为data中声明的bool变量,object为类对象. 也可将class绑定到数组,数组内可为class变量名或带bool的class.以下例子渲染结果均为<div class="active…

js连接RabbitMQ达到实时消息推送 最近在自己捯饬一个网站,有一个功能是需要后端处理完数据把数据发布到MQ中,前端再从MQ中接收数据.但是前端连接MQ又成了一个问题,在网上搜了下资料,点进去一篇IBM DW后发现竟然是超哥写的,真是巧哈~因为超哥写的很好所以很多我就直接摘抄过来了,他应该不会介意的(逃. 参考 基于 RabbitMQ 的实时消息推送 rabbitMQ官网 实现服务器端推送的几种方式 Web 应用都是基于 HTTP 协议的请求/响应模式,无法像 TCP 协议那样保持长连接,因…

[JS中的事件分类] 1.鼠标事件 click/bdlclick/onmouseover/onmouseout 2. HTML事件 onload/onscroll/onsubmit/onchange/onfocus 3. 键盘事件 keydown:键盘按下时触发 keypress:键盘按下并松开时的瞬间触发 keyup:键盘抬起时触发 [注意事项] ①执行顺序:keydown-->keypress-->keyup ②当长按时,会循环执行keydown-->keypress ③有keydo…

node learning 学习node,是为了后续项目可以正常开展,现在写个项目,若不是连接后台,请求数据,一切都不叫着项目了.正好借助掘金的小册,来推进学习 学习资料 YouTube 1 掘金 hapi.js 以下皆是按照掘金小册加上自己扩展一步步走过来的 hapi 学习 使用 hapi 时,对应的一些插件,由于插件很多,目前暂时写着用到的一些吧 hapi-swagger 用来生成 接口文档, 地址 服务地址/documentation env2 读取 .env 文件,可以用来配置文件 jo…

前言 JavaScript 3D library The aim of the project is to create an easy to use, lightweight, 3D library. The library provides <canvas>, <svg>, CSS3D and WebGL renderers.(该项目的目标是创建一个易于使用,轻量级的3D库.该库提供了<canvas>,<svg>,CSS3D和WebGL渲染器.) 示例 …