javascript
Lewis_1993
这个作者很懒,什么都没留下…
展开
-
Electron + Puppeteer 初体验
如何快速开始使用 electron-webpack-quick-start作为项目的脚手架工具,完成项目的快速搭建如何设置 icon推荐使用electron-builder对项目进行构建,然后在package.json中添加build字段"build": { "productName": "Boom", "copyright": "Copyright © 2020 Lewis", "mac": { "icon": "icon.icns" }}推荐使用Image2Ico原创 2020-11-09 14:42:30 · 2652 阅读 · 4 评论 -
深入理解 JavaScript 中 call()与 apply()方法
1. 作用 在特定的作用域调用函数,等于改变函数体内 this 的指向,以扩充函数赖以运行的作用域。window.color="red";var o={color:"blue"};function getColor(){ console.log(this.color);}getColor.call(this); //redgetColor.call(window...原创 2017-05-20 10:50:54 · 560 阅读 · 0 评论 -
Sticky Header 的两种实现方式
<p style="margin-bottom:100px;">Scroll this page.</p><div class=&a原创 2018-06-15 11:11:33 · 4964 阅读 · 0 评论 -
Sticky Footer 的三种实现方式
<div class="content"> <div class="content-inside"> <h1>Sticky Footer with Negative Margin 2</原创 2018-06-15 13:57:40 · 283 阅读 · 0 评论 -
NodeJS 实现视频转码
var fs = require('fs')var ffmpeg = require('fluent-ffmpeg')ffmpeg('xiaodu_1_6_8.mov') .format('mp4') .on('error', function(err) { console.log('An error occurred: ' + err.message); }) .o...原创 2018-06-25 15:27:26 · 3215 阅读 · 0 评论 -
笛卡尔积的 JS 实现
function descartes(...args) { if (args.length < 2) { return args[0] || []; } return [].reduce.call(args, function (col, set) { let res = []; col.forEach(functio...原创 2018-06-26 20:14:07 · 1760 阅读 · 0 评论 -
封装 react-router 实现在新标签页中打开外链
import React from 'react';import { Link as RouterLink } from 'react-router-dom';import URL from 'url-parse';export default function (props) { const { to, children, newTab, className } = props;...原创 2018-09-05 15:17:55 · 6099 阅读 · 0 评论 -
Handlebars实用教程
最近一直忙于写JS,大部分UI效果都是用插件实现的,不知道原来很多效果完全可以用CSS3写出来,比如checkbox、select(基本上可以替代select2了)demo-1 checkbox预览地址原创 2017-09-20 17:23:29 · 915 阅读 · 0 评论 -
箭头函数与function的区别
原文地址:http://es6.ruanyifeng.com/#docs/function#箭头函数箭头函数有几个使用注意点。(1)函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。(2)不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。(3)不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用 rest 参数代替。(4)不可以使用y转载 2017-10-25 15:46:51 · 3426 阅读 · 0 评论 -
使用ajaxSetup()为ajax请求瘦身
当页面有很多ajax请求,且这些请求的参数比如url、type、dataType都一样,你会在每个请求里把这些参数都写一遍还是另辟蹊径?其实ajax有一个ajaxSetup方法,它就是用来设置全局ajax默认选项的。有了它,再也不用在每个ajax请求中把相同的参数都写一遍了。coding time$.ajaxSetup({ url: '/api/', type: 'post',原创 2017-09-02 17:03:54 · 2209 阅读 · 0 评论 -
Ajax进度条
<div style="margin:100px 0;"></div><div id="p" class="easyui-progressbar" style="width: 400px;"></div> var timerId;$(function() { timerId = setInterval(getForm, 500);});function getForm() {原创 2017-08-30 14:25:00 · 621 阅读 · 0 评论 -
延迟加载(Lazyload)三种实现方式
延迟加载也称为惰性加载,即在长网页中延迟加载图像。用户滚动到它们之前,视口外的图像不会加载。这与图像预加载相反,在长网页上使用延迟加载将使网页加载更快。在某些情况下,它还可以帮助减少服务器负载。转载 2017-05-18 08:39:31 · 1353 阅读 · 0 评论 -
140字评论特效
Document var maxstrlen = 140; function Q(s) { return document.getElementById(s); } function checkWord(c) { len = maxstrlen; var str = c.value; my原创 2015-08-07 15:02:52 · 618 阅读 · 0 评论