lonelydawn的前端猿区-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

lonelydawn的前端猿区

主要用于介绍前端前沿技术框架、工具和理念，并发布一些日常生活中积累和用到的工作经验、技术以及开发组件

专栏成员

75

文章

128671

阅读量

41

订阅数

如何配置npm publish的文件和目录？

npm javascript git

.gitignore 配置的文件不仅会在git中忽略，也会在npm publish时被忽略。

2022-09-16

2.4K0

npm是如何执行scripts中命令的？

npm node.js 编程算法 javascript

过去一直有一个疑问，为什么我在命令行运行 npm start，可以正常启动 webpack，而直接使用 craco start 不行？

2022-09-07

8210

浏览器内核

node.js javascript css 编程算法

网络传输，逻辑上是在传输二进制字节流。浏览器在拿到字节流之后，会先根据资源的编码方式（如UTF-8）进行解码，将字节流转化为字符流。一串 HTML 的字符流，需要经过语法解析，形成节点后，最终生成 DOM 树。

2022-03-30

9520

一款不可多得的火柴时钟

火柴时钟一款有意思的时钟玩具，原生代码编写，使用 CSS 渲染过渡动效，引入 base64 格式 data url 图片。引用 <link rel="stylesheet" type="text

2018-03-29

6500

一款轻量级树形控件EasyTreeview

html javascript

使用方法引入 <link rel="stylesheet" type="text/css" href="./css/index.min.css"> <div id="tree"></div> <script type="text/javascript" src="./js/index.min.js"></script> <script type="text/javascript"> var tv = new EasyTreeview({ el: 'tree', data: [ {

2018-03-29

2.2K0

秒懂 javascript 拖拽上传文件

代码直接贴代码了，复制到本地 .html 文件中即可实现以上演示效果： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>drag file</title> <style type="text/css"> * { margin: 0; padding: 0; } .container { width: 60%; max-width: 600px; height: 320px; pa

2018-03-29

1.5K0

酷炫的progressbar(上限可大于100%)

引用 <link rel="stylesheet" type="text/css" href="./index.css"> <div id="progress"></div> <script type

2018-02-09

9300

打造专属插件之Easy Slider Bar

引用 <link rel="stylesheet" type="text/css" href="./index.css"> <div id="slider"></div> <script type="text/javascript" src="./index.js"></script> <script type="text/javascript"> var sb = new EasySliderBar({ el: 'slider' }) </script> 参数 Name Type

2018-02-09

1.1K0

前端验证码绘制(canvas)

一切尽在代码中 js文件 /** * canvas绘制动画浮动验证码 * code by lonelydawn 2017-04-10 */ var createVeritification = function(){ var GLOBAL_CHAR_NUM = 4; var GLOBAL_CHAR_STRING = ""; var GLOBAL_COLOR_SET = [ "#FFFFFF", "#DDDDDD", "#AAAAAA", "#888888", "#666666", "#4

2018-02-09

9400

javascript生成.xls文件(兼容IE&Chrome&Firefox)

贴代码，一切尽在注释中 <html> <head> <meta charset="utf-8"> </head> <body> <input type="button" value="下载设备模板" onclick="foo();" /> <script type="text/javascript" language="javascript"> var downloadTemplate = function() { /** * 根据所给数据创建并返回单行 tr节点

2018-02-09

9920

绚丽的javascript拾色器（不兼容IE8及以下）

javascript html5

一切尽在注释中 html节点 <div id="colorpicker" style="display:inline-block;"> <input class="color-value" type="text" value="#ffffff" /> <div class="canvas-box" style="display:none;padding:10px;border:1px solid #ccc;"> <canvas id="canvas" style="cursor:crosshair;

2018-02-09

1.5K0

WebStorm 下载 & 破解 & 汉化

WebStorm WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。 WebStorm 官网地址 : http://www.jetbrains.com/webstorm/ 下载 & 教程百度网盘链接： https://pan.baidu.com/s/1i4KA

2018-02-09

5.9K0

一键换肤的简单实现

html javascript

以前看到一键换肤的效果很炫酷，其实想一想，实现很简单，于是乎也写一个吧。上代码： oneBtnChangeSkin.html ( 引入bootstrap.min.css 和 jquery.js ) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"/> <meta http-equiv="cache-control" content="no-cache"/> <title>one button to chang

2018-02-09

1.2K0

ReactJS的简单介绍和使用

react javascript

一、React的家世背景 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。 Facebook的设计理念是独立、小巧、快速、创新，而React的特点也正说明了这一点。二、React 更“轻”的MDV框架先来说一下什么是MDV吧，MDV即Model Driven View，根据model动态生成view。MDV框架将程序员从传

2018-02-09

1.4K0

javascript对dom节点拖拽的简单实现（drag特性）

直接看代码，一切尽在注释中 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Drag</title> <style type="text/css"> *{ margin: 0px; padding:0px; } #con{ width:100%; height:500px; border:1px dotted #999; } #img{ margin-left: 10px;

2018-02-09

1.5K0

js高精度浮点数运算

javascript 编程算法

贴代码: // 自定义高精度浮点数运算 // 对象格式写法 var float_calculator={ /** * 1.记录两个运算数小数点后的位数 * 2.将其转化为整数类型进行运算 * 3.移动小数点的位置 **/ add:function(arg1,arg2){ var r1,r2,m; try{ //取小数位长度 r1=arg1.toString().split(".")[1].length; r2=arg2.toString().split(".")

2018-02-09

6.4K0

requireJs的使用,以canvas绘制星空为例

jquery canvas javascript html https

RequireJS是符合AMD规范（Asynchronous module definition异步模块加载）一种js加载方式，目的是为了防止加载js的时候阻塞html页面渲染，其使用非常简单。首先要去下载一个require.js，网址：http://requirejs.org/docs/download.html 在html文件中引入require.js： <script type="text/javascript" data-main="js/main" src="js/require.js" de

2018-02-09

1.1K0

js多级联动示例（省份和城市二级联动)

javascript html

本文描述的省份和城市二级联动下拉菜单，在js部分设置省份和城市信息，当然也可以将数据保存在数据库中，当需要使用的时候在读取。这里用的是js原生代码在html文件中设置省份、城市下拉列表如下： <select id="pro" onchange="addCity();"></select> <select id="city"></select> 在js中设置省份信息代码如下： var province=["北京","上海","广东","江苏","浙江","重庆","安徽","福建","甘肃","广西", "

2018-02-09

9.3K0

没有更多了

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态