随笔分类 - javascript
摘要：步骤1：安装vant2、consola、less、vite-plugin-style-import 说明： 因为vant2需要consola，所以必装； 安装加载vant组件样式，必装：vite-plugin-style-import，版本注意是2.0以上 步骤2：vite.config.js配置：
阅读全文
摘要：很简单，引入以下CSS即可： <style> /* 分页符 */ .print_gap{page-break-before: always;} .print_gap .gap_line {height: 1px; background: #e5e5e5; margin: 40pt 0 30pt; }
阅读全文
摘要：1.首先下载nw.js的SDK： https://nwjs.org.cn/download.html 2.SDK目录下新建myapp文件夹： 3.myapp文件夹内新建package.json文件： 4.package.json内容如下： 5.在myapp文件夹下执行 npm install 安装依
阅读全文
摘要：2.查看python目录：打开我们的cmd命令输入 Python 输入 import sys 输入 print(sys.path) 3.下载Zadig：http://zadig.akeo.ie/ 为打印机安装WinUSB驱动，否则报错：LIBUSB_ERROR_NOT_SUPPORTED 4.NW
阅读全文
摘要：项目开发中，前端在配置后端api域名时很困扰，常常出现:本地开发环境: api-dev.demo.com测试环境: api-test.demo.com线上生产环境: api.demo.com， 这次是在Vue.js项目中打包，教大家个方法： 使用 npm run build -- xxx ，根据传递
阅读全文
摘要：这个是微信小程序的picker-view组件，开发的省市区3级联动，体验还不错，就分享给大家了， 此版本的省市区数据为本地JS数据，免去请求加载数据了，大家直接看源码，先看下面的动图： 项目地址：https://github.com/pannysp/cityarea-wechat
阅读全文
摘要：在 node.js 中模块分为核心模块和文件模块两种，核心模块是通过 require('xxxx') 导入的，文件模块是以 require('/xxxx') 或 require('./xxxx')、require('../xxxx') 形式导入的；核心模块是用c/c++编译的二进制模块，而文件模块是...
阅读全文
摘要：前言一个触屏网站到底和传统的pc端网站有什么区别呢，交互方式的改变首当其冲。例如我们常用的click事件，在触屏设备下是如此无力。手机上的大部分交互都是通过touch来实现的，于是，对于触屏的交互式网站，触摸事件是相当重要的。Apple在iOS 2.0中引入了触摸事件API，Android正迎头赶上...
阅读全文
摘要：PC 上的 Firefox、Chrome 和 Safari 等浏览器，都会自动把未激活页面中的 JavaScript 定时器（setTimeout、setInterval）间隔最小值改为 1 秒以上；而移动设备上的浏览器往往会直接冻结未激活页面上的所有定时器」。今天继续聊一聊 JavaScript ...
阅读全文
摘要：var navigator = window.navigator, userAgent = navigator.userAgent, android = userAgent.match(/(Android)[\s\/]+([\d\.]+)/), ios = userAgent....
阅读全文
摘要：闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。...
阅读全文
摘要：一直以来没注意这个问题，今天本想搞个这样的： var str = 'hello world 8024';str.substr(-4,4);负数是从末尾开始倒数。 应该返回：8024但发现IE6-IE8，substr参数不支持负数，返回的是：hell，你们可以测试下。所以呢，我们还是不推荐用这个s...
阅读全文
摘要：先看效果图吧： JS代码先放上来给大家看下思路。具体实现还是需要css和html代码的，可以看我的在线源代码和效果： 全屏，chrome，浏览最佳 http://runjs.cn/detail/j9qlhajc $(function(){ $('#brand-waterfall')...
阅读全文
摘要：无聊时候用canvas练了一下时钟，但感觉画面不是很舒服，可能canvas用的不是很精炼。 随后又用css3重写了下，还是蛮漂亮的，呵呵，先看效果图吧； canvas版: CSS3版： 在线浏览：http://runjs.cn/detail/a9lrocko canvas版源代码: ...
阅读全文
摘要：先上图演示下： 看完图就直接上代码吧，其中有几处写死的地方，我有提示，你们自己改下就是了。 //@显示用户列表(function($) { //判断是否为子元素 function isParent(obj,pobj){ while (obj != undefined && obj...
阅读全文
摘要：$("a.login_submit").click(function(){ $("form").submit();}); 以上代码是不是觉得很正常啊。 但是IE6下就是不提交且跳转，测试琢磨后，终于发现了一个秘密。 如果提交按钮是用a标签做的按钮，则需要在click事件中return ...
阅读全文
摘要：项目开发完，测试说IE6下只要上传图片就崩溃，一开始还以为JS哪里写的不对，找啊找，都找不到，我自己都崩溃了要。 记录下： .qq-uploader{position: relative; width: 250px;} width的属性必须要写哦，不然IE6就崩溃，真不知道怎么回事。。。唉
阅读全文
摘要：Uploadify是JQuery的一个上传插件，实现的效果非常不错，带进度显示。官方提供的实例是php版本的，您可以点击下面的链接进行浏览或下载。 官方下载 官方文档 官方演示 效果图： 部署和代码介绍： JSP前台页面: 开始上传 取消所有上传java后台：Str...
阅读全文
摘要：在B/S模型的Web应用中，客户端常常需要保持和服务器的持续更新。这种对及时性要求比较高的应用比如：股票价格的查询，实时的商品价格，自动更新的twitter timeline以及基于浏览器的聊天系统（如GTalk）等等。由于近些年AJAX技术的兴起，也出现了多种实现方式。本文将对这几种方式进行说...
阅读全文
摘要：如何确定一个js是否加载完全或者页面中的所有js加载完全，具体办法如下： function loadScript（url , callback）{ var script = document.createElement("script"); script.type...
阅读全文