![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 58
bobobocai
这个作者很懒,什么都没留下…
展开
-
js -- 输出内容([removed])和空格
document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。<script> var str="hello world!"; document.write("hello world!"); //内容用""括起来,""里的内容直接输出。 document.write(str); //直接写变量名,输出变量存储的...原创 2017-06-30 13:58:05 · 3876 阅读 · 0 评论 -
artTemplate--js模板引擎
编写模板<script id="test" type="text/html"><h1>{{title}}</h1><ul> {{each list as value i}} <li>索引 {{i + 1}} :{{value}}</li>原创 2018-04-28 16:41:34 · 333 阅读 · 0 评论 -
js -- ES6(三)-- 变量的解构赋值(根据阮一峰ES6标准入门整理 更新中。。。)
6>目前正在学习ES6,学到哪更新到哪里,都是基本的知识,复杂的目前还不会,涉及的代码都是亲自运行过的,若发现错误请指正。三、变量的解构赋值1、数组的解构赋值解构:按照一定模式,从数组和对象中提取值,对变量进行赋值基本用法从数组中提取值,按照位置的对应关系对变量赋值,只要等号两边的模式相同,左边的变量就会被赋予对应的值 ① 解构成功let [A,,[[B]],原创 2018-01-12 15:28:22 · 892 阅读 · 0 评论 -
js -- ES6(一)-- 简介(根据阮一峰ES6标准入门整理)
目前正在学习ES6,根据阮一峰的ES6入门2,学到哪更新到哪里,都是基本的知识,复杂的目前还不会,涉及的代码都是亲自运行过的,若发现错误请指正。ES6 提供了许多新特性,但是并不是所有的浏览器都能够完美支持,所以我们需要把 ES6 转化成 ES5 。Babel 转码器Bable (http://babeljs.io/) 转码器,可以将ES6转码为ES5代码,从而在浏览器或其他环境原创 2018-01-09 17:33:29 · 1240 阅读 · 0 评论 -
js -- ES6(二)-- let 和 const 命令(根据阮一峰ES6标准入门整理)
目前正在学习ES6,根据阮一峰的ES6入门2,学到哪更新到哪里,都是基本的知识,复杂的目前还不会,涉及的代码都是亲自运行过的,若发现错误请指正。ES6声明变量的方法:var、function、let、const、import、class二、let 和 const 命令1、let 命令基本用法let 命令用于声明变量,类似于var,但是所声明的变量只在let命令所在原创 2018-01-12 15:26:04 · 525 阅读 · 0 评论 -
一些常用的 js和jq的对比
1.遍历 / 事件 // jsvar liList = document.querySelector('ul').querySelectorAll('li');for(var i = 0; i < liList.length; i++){ liList[i].onclick = function () { }}// jq$('.optionUl li')...原创 2018-03-26 14:11:23 · 541 阅读 · 0 评论 -
js -- 设置、获取、删除cookie
/** * @param name 名字 * @param value 值 * @param expireHours 保存时间 * */var cookie = { set: function (name, value, expireHours) { var cookieString = name + "=" + escape(value) + "; path=...原创 2017-08-07 14:20:35 · 390 阅读 · 1 评论 -
js -- 对象排序(根据对象的某一属性)
//假设有一个数组对象,根据id从小到大排序var list = [ { name: "zhangsan", id: "45"}, { name: "bocai", id: "21"}, { name: "qingyi", id: "33"}]; //定义一个函数function compare(pro) { return function (obj1,原创 2017-09-19 12:01:51 · 17115 阅读 · 4 评论 -
js -- 设置输入框光标位置(在模拟微信表情输入的时候遇到的)
项目中需要自己制作一个类似微信表情包输入的效果,在输入表情的时候光标总是显示在刚刚输入的表情的前面,再输入文字的时候会在这个表情前面显示,而输入表情则正常显示。此时就需要利用js设置光标的位置// true 为开始位置,false 为末尾function placeCaret(el, atStart) { el.focus(); if (typeof window.getS...原创 2017-08-17 11:36:26 · 5300 阅读 · 0 评论 -
js -- 设置滚动条随着输入内容滚动(在模拟微信表情输入的时候遇到的)
项目中需要自己制作一个类似微信表情包输入的效果,在输入表情的时候滚动条只会随着输入的文字滚动,却不会随着输入的自定义表情滚动 // 滚动条跟着输入内容滚动function add() { var now = new Date(); var div = document.querySelector('article'); div.scrollTop = div....原创 2017-08-17 11:46:14 · 2339 阅读 · 0 评论 -
js -- 打开新窗口(window.open)、关闭窗口(window.close)
open() 方法可以查找一个已经存在或者新建的浏览器窗口。语法:window.open([URL], [窗口名称], [参数字符串])参数说明:URL:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。窗口名称:可选参数,被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2."_top"、...原创 2017-06-30 14:31:42 · 38143 阅读 · 0 评论 -
js -- 消息对话框
我们在访问网站的时候,有时会突然弹出一个小窗口,上面写着一段提示信息文字。如果你不点击“确定”,就不能对网页做任何操作,这个小窗口就是使用alert实现的。 警告(alert 消息对话框) 我们在访问网站的时候,有时会突然弹出一个小窗口,上面写着一段提示信息文字。如果你不点击“确定”,就不能对网页做任何操作,这个小窗口就是使用alert实现的。语法:<stro...原创 2017-06-30 14:08:49 · 550 阅读 · 0 评论