JavaScript
关注
分享
扫一扫
来小新
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS数组操作
数组声明： 1.rrayObj = new Array(); //创建一个数组 2.转载 2014-05-21 16:01:44 · 475 阅读 · 0 评论 -
JavaScript函数调用返回问题
三种方式，返回同样的结果 let f1 = (): Promise=> { return new Promise((resolve, reject)=> { resolve("f1"); }); }let f2 = (str): Promise=> { return new Promise((resolve, reject)=> { resolve("f2" + str)原创 2016-11-14 10:11:36 · 415 阅读 · 0 评论 -
indexedDB入门
本文主要讲述了indexedDB的初步使用， 主要包括数据的增、删、改、查、和索引的创建和查询 1. 检查浏览器是否支持indexedDBwindow.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB; window.IDBTrans原创 2016-10-21 15:24:07 · 567 阅读 · 0 评论 -
json-server快速“伪造”后台接口
环境需要安装 node https://nodejs.org/en/开始 新建项目 mkdir rest-api-demo && cd rest-api-demo 初始化项目 npm init 安装 npm install --save-dev json-server 在项目根目录下，新建一个 JSON 文件db.json{ "posts": [ { "id": 1, "title":原创 2016-12-06 16:04:57 · 16062 阅读 · 0 评论 -
测试Canvas的drawImage方法
html代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试drawImage</title> <style> * { margin: 0; padding: 0; } </style> </head> <body> <fieldset> <le原创 2016-12-15 10:58:45 · 2556 阅读 · 0 评论 -
SSE：服务器发送事件
详情查看SSE：服务器发送事件概述 传统的网页都是浏览器向服务器“查询”数据，但是很多场合，最有效的方式是服务器向浏览器“发送”数据。比如，每当收到新的电子邮件，服务器就向浏览器发送一个“通知”，这要比浏览器按时向服务器查询（polling）更有效率。 node代码 server.jsvar http = require("http");http.createServer(function (r转载 2016-12-15 17:29:33 · 1425 阅读 · 0 评论 -
使用webpack编译TypeScript，自动编译，自动刷新
1.clone 代码git clone git@github.com:liqianglai/JavaScript-study.git2.全局安装npm install -g webpack webpack-dev-server typescript2.安装项目依赖cd typescript-webpack && npm install3.编译、运行npm run build npm run dev4原创 2016-12-23 14:57:07 · 2786 阅读 · 0 评论 -
requestFullscreen触发事件click/pointerdown
firefox: requestFullscreen click 可以触发，pointer 无效 chrome: requestFullscreen click/pointer 均可触发 参考代码 <!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>requestFullscreen</title> </原创 2017-02-16 16:04:35 · 2110 阅读 · 0 评论 -
自执行函数的优点
保护内部变量不受污染(function() { function init() { console.log('init'); handleA(); } function handleA() { console.log('handleA'); handleB(); } function handleB() { console.log('handl原创 2017-11-08 18:15:40 · 1856 阅读 · 0 评论 -
safari new Date()参数问题
chrome 版本 61.0.3163.100（正式版本） （64 位） new Date(1512704205962); // Fri Dec 08 2017 11:36:45 GMT+0800 (中国标准时间) new Date('2017.12.8 11:36:45'); // Fri Dec 08 2017 11:36:45 GMT+0800 (中国标准时间) new Date('2017-原创 2017-12-08 11:48:09 · 1370 阅读 · 0 评论 -
deepin react-native 开发环境搭建
Nodejs安装 Yarn安装 create-react-native-app expo预览APP 搭建过程二三事 Node.js安装 下载安装包https://nodejs.org/zh-cn/ 安装 # 解压 tar xvf node-v8.9.3-linux-x64.tar.xz # 复制到你喜欢的目录 ~/software/ mv node-v8.9.3-原创 2017-12-23 20:45:22 · 1171 阅读 · 0 评论 -
项目选型
图表的选择 echarts 构建工具 gulp webpack 库的选择 代码规范 技术栈 项目代码 更新时间：2018年1月23日09:37:04 图表的选择 echarts echarts http://echarts.baidu.com/ 国人开发，文档全，便于开发和阅读文档 图表丰富 highcharts https://www.hcharts.cn/ 非原创 2017-03-01 10:15:03 · 668 阅读 · 0 评论 -
字符在字符串中出现的次数和位置
问题：字符e 在字符串 str 出现的次数和位置 var str = 'To be, or not to be, that is the question.'; var count = 0; // 出现的次数 var countArr = []; // 出现的位置 字符串方式实现 ndexOf() 方法返回调用 String 对象中第一次出现的指定值的索引，开始在 fromIndex进行搜转载 2017-11-03 14:40:24 · 3285 阅读 · 0 评论 -
react-create-app打包自动化(zip,ftp)
可能用到的包 filemanager-webpack-plugin webpack-ftp-plugin jsftp 下面四个使用，报错，不知为什吗 zip-webpack-plugin webpack-zip-plugin webpack-ftp-plugin webpack-ftp-upload-plugin 提醒 FTP账户写权限 ...原创 2018-05-22 14:09:29 · 1440 阅读 · 0 评论 -
node+express+mongodb可运行
代码地址：https://git.oschina.net/lailiqiang/blog.git原创 2016-10-03 20:41:28 · 350 阅读 · 0 评论 -
JavaScript栈的实现和回文判断
JavaScript栈的实现：function Stack() { this.dataStore = []; this.top = 0; this.push = function (element) { this.dataStore[this.top++] = element; }; this.pop = function () { return this.dat原创 2016-08-23 14:46:27 · 747 阅读 · 0 评论 -
浏览器 user-agent 字符串的故事
浏览器 User-Agent 字符串的故事 原文：http://webaim.org/blog/user-agent-string-history/ 译文：http://www.cnblogs.com/ifantastic/p/3481231.html 译者：iFantasticMe 你是否好奇标识浏览器身份的User-Agent，为什么每个浏览器都有Mozilla字样？故事还得从头转载 2016-07-01 16:46:19 · 536 阅读 · 0 评论 -
getElementsByName在IE中取到的对象
你能拦截住我弹框吗？嘿嘿能 var objs = document.getElementsByName('test1'); alert(objs.length);原创 2014-07-16 14:09:14 · 788 阅读 · 0 评论 -
JS数组排序的问题
结果： 1 1,2000,5,40,3 5 1,2000,3,40,5 5 1,2,3,4,5 5 1,3,5,40,2000原创 2014-10-21 09:25:10 · 629 阅读 · 0 评论 -
js函数调用
function aaa(){ console.log(“aaa”); } // demo1，点击页面是控制台输出aaa document.onclick = function(){ aaa(); } // demo2，不需要点击，控制台自动输出aaa document.onclick = aaa();原创 2015-05-06 13:12:03 · 415 阅读 · 0 评论 -
iPhone safari冒泡问题
转载自： http://www.cnblogs.com/xdoudou/p/3991163.html iPhone safari浏览器的冒泡问题：1.点击某个DIV或其他元素。2.发现没有处理该事件，继续往上冒泡。3.直到冒泡到body下面的子节点为止，还是没有人处理该事件的话，就把该事件丢弃掉。不再往上冒泡。4.只要在这一条冒泡链当中，有一个节点处理了该事件，它就不会丢弃该事件，会继续往上冒，转载 2015-05-08 10:41:27 · 992 阅读 · 0 评论 -
备课大师控件开发流程
一个控件包含 html代码（控件结构） css代码（控件外观） ts代码（控件编辑态功能） js代码（控件放映态功能）html代码放入 editor-shell.xhtml<div class="virtualtool" data-control="mainbo_virtualtool"> <div class="basket"> <div class="baske原创 2016-06-24 11:36:17 · 466 阅读 · 0 评论 -
Promise系列03：Promise状态
Promise对象只有三种状态。 异步操作“未完成”（pending） 异步操作“已完成”（resolved，又称fulfilled） 异步操作“失败”（rejected） 这三种的状态的变化途径只有两种且不可逆 异步操作从“未完成”到“已完成” 异步操作从“未完成”到“失败”。 因此，Promise对象的最终结果只有两种。 异步操作成功，Promise对象传回一个值，转载 2016-06-15 10:59:16 · 718 阅读 · 0 评论 -
Promise系列01：初识Promise
Promise 对象用于异步(asynchronous ) 计算.。一个Promise对象代表着一个还未完成，但预期将来会完成的操作。// 传统写法 step1(function (value1) { step2(value1, function(value2) { step3(value2, function(value3) { step4(value3, function转载 2016-06-15 10:24:05 · 364 阅读 · 0 评论 -
Promise系列02：Promise创建
ES6提供了原生的Promise构造函数，用来生成Promise实例。下面代码创造了一个Promise实例。var promise = new Promise(function(resolve, reject) { // 异步操作的代码 if (/* 异步操作成功 */){ resolve(value); } else { reject(error); } });re转载 2016-06-15 10:55:57 · 448 阅读 · 0 评论 -
Promise系列04：Promise用法解析
Promise的用法，简单说就是一句话：使用then方法添加回调函数。 但是，不同的写法有一些细微的差别，请看下面四种写法，它们的差别在哪里？// 写法一 doSomething().then(function () { return doSomethingElse(); });// 写法二 doSomething().then(function () { doSomethingElse(转载 2016-06-15 11:23:37 · 1371 阅读 · 0 评论 -
Promise系列05：Promise应用
Ajax操作是典型的异步操作，传统上往往写成下面这样。function search(term, onload, onerror) { var xhr, results, url; url = 'http://example.com/search?q=' + term; xhr = new XMLHttpRequest(); xhr.open('GET', url, true);转载 2016-06-15 17:06:48 · 242 阅读 · 0 评论 -
Promise系列06：Promise API Reference
1. Promise#then promise.then(onFulfilled, onRejected); var promise = new Promise(function(resolve, reject){ resolve("传递给then的值"); }); promise.then(function (value) { console.log(value); }, fu转载 2016-06-15 17:48:11 · 353 阅读 · 0 评论 -
html meta
meta 标签可提供页面元素信息， 使用键值对的定义方式，可以记录网页上的主要信息，可以自定义键值对属性 content（必须） ， name， http-equiv， scheme， lang常用 meta 头：设置编码信息 <meta http-equiv="Content-Type" Content="text/html; Charset=utf-转载 2015-06-25 15:03:43 · 447 阅读 · 0 评论 -
JavaScript Switch
直接上代码function getIconByFormat(format) { var icon = ''; switch (format) { case 'ppt': icon = 'ppt'; break; case 'doc': case 'docx': icon = 'word'; break; case原创 2016-08-04 09:12:15 · 273 阅读 · 0 评论 -
SVG模拟时钟
<!DOCTYPE html> <html><head> <meta charset="utf-8"/> <title></title> <style> * { margin: 0; } </style> </head><body> <svg width="400" height="400"> <title>SVG Analog Clock</titl原创 2016-08-10 15:31:15 · 605 阅读 · 0 评论 -
apply、call、bind
apply 数组参数 call 正常参数 bind 绑定不执行函数，正常参数，可以改变显示传参顺序 function f() { console.log("参数", arguments); } f.apply(null, [1, 2, 3]); // 参数 { '0': 1, '1': 2, '2': 3 } f.call(null, 1, 2, 3); // 参数 { '0': 1, ...原创 2019-07-31 14:59:05 · 186 阅读 · 0 评论