- 博客(110)
- 资源 (16)
- 收藏
- 关注
RSS订阅原创 用Astro建立一个静态站点
Astro是一个相对较新的web框架，它可以帮助你轻松地建立快速干净的网站。Astro能够与目前主流的JavaScript前端框架一起工作，如React,Vue或solid
2023-01-06 19:23:58
3384
3
转载 Symbol.toStringTag 特殊的内置对象
Symbol.toStringTag 是一个内置 symbol，它通常作为对象的属性键使用，对应的属性值应该为字符串类型，这个字符串用来表示该对象的自定义类型标签，通常只有内置的 Object.prototype.toString() 方法会去读取这个标签并把它包含在自己的返回值里。Symbol.toStringTag 属性的属性特性：writablefalseenumerablefalseconfigurablefalse描述许多内置的 JavaScrip
2020-07-30 17:35:38
1397
转载 vue页面加载闪烁问题的解决方法
解决vue页面加载时出现{{message}}闪退方法一：v-cloakv-cloak指令和css规则如[v-cloak]{display:none}一起用时，这个指令可以隐藏未编译的Mustache标签直到实例准备完毕。 v-cloak 指令可以像css选择器一样绑定一套css样式然后这套css会一直生效到实例编译结束。 eg: // <div> 不会显示，直到编译结束。 [v-cloak]{ display:none; } <div v-cloak&
2020-07-27 11:29:50
1032
原创 Css 打字机效果，文字循环 逐个出现，逐个删除
最近在做个人网站，想实现下面的效果，在网上搜了下，基本都只有打字机效果，没得出现后再删除的效果，于是就自己简单写了个，功能比较简单，详细的描述在注释中都有说明。效果如下：html 文本<h1 id="box"></h1>css 样式// keyframes 可根据展示的文本长度，自行添加，我的格式为： @keyframes ‘type’+'文本长度'@keyframes typing10 { from { width: 0; } 50% {
2020-05-21 16:49:48
5280
原创 前端使用docker，travis+dockerhub
演示环境：Windows项目名称：docker_demo(注意不能有大写字母)一、安装Docker下载官网的Docker安装包，然后直接安装https://www.docker.com/Docker官网下载地址安装后直接打开打开终端命令行，输入docker,会出现以下信息，那么说明安装成功Docker的两个核心知识点container(容器)和image(镜像)Docker的...
2019-12-07 14:44:56
359
转载 如何在NSIS中执行BAT文件
如果BAT不带参数，脚本内容如下： SetOutPath '$INSTDIR' ExecWait '$INSTDIR/A.bat' 如果BAT需要参数时，要把带参数的命令写入另外一个新的BAT中，执行新BAT： B.bat内容： CALL A.bat install NSIS 脚本： SetOutPath '$INSTDIR' ExecWait '$INSTDIR/B.bat'...
2018-05-28 16:34:25
6335
原创 NodeJs串口通信
前言：最近这两天在研究如何实现web页面和串口间通信，在网上也查了各种资料，electron、nw或者chrome serial，发现对于我来说都太难实现了，一来可用的资料太少，二来安装东西老是出问题，算了还是放弃吧，自己用常用且最熟悉的方式来实现吧，作为一名前端码农，选用的肯定是node作为服务器了，然后网页请求方式用ajax或websocket都可以，实现方式下文都有。 先说说基本需求：硬件...
2018-05-23 16:20:38
34709
16
原创 vue src动态加载请求获取的图片
一. 加载本地图片1.图片目录 2. 在data中配置图片路径 data() { return { formData: { avatar: require('@/assets/icon1524737568182.png'), motto: 'xxxxxxxxxx' },...
2018-05-18 14:56:20
62205
5
原创 mCustomScrollbar报错Cannot read property 'autoUpdate' of undefined
使用mCustomScrollbar时，报错： Cannot read property ‘autoUpdate’ of undefined 解决方法：try{ !!$(DOMId).data("mCS") && $(".search-tooltip").mCustomScrollbar("destroy"); //Destroy}catch (e){ ...
2018-03-27 15:19:08
1713
2
原创 mCustomScrollbar再次渲染无效
滚动条插件mCustomScrollbar，异步加载的过程中当再次渲染区块时，需先销毁之前的渲染：$(".main_body").mCustomScrollbar("destroy"); //Destroy
2017-11-16 11:24:30
4252
原创 vue之路——单页面管理系统
博主也是初学vue，参考相关文档写了一个管理系统的小框架，具体编写步骤还是来详细记录下，分享给需要学习的童鞋们，有不足的地方文章下面留言哈，废话不多，先看下界面实现的样子吧（gif图失贞有点严重，看下效果就行）
2017-09-26 17:41:47
2101
转载 分享一些前端开发中最常用的JS代码片段
HTML5 DOM 选择器// querySelector() 返回匹配到的第一个元素var item = document.querySelector('.item');console.log(item);// querySelectorAll() 返回匹配到的所有元素，是一个nodeList集合var items = document.querySelectorAll('.item');
2017-07-27 18:08:51
434
原创 个人项目习惯配置gulpfile
个人项目习惯配置gulpfile：var gulp = require('gulp'), plugins = require("gulp-load-plugins")({ pattern: '*' //让gulp-load-plugins插件能匹配除了gulp插件之外的其他插件 }), merge = require('merge-stream'),
2017-07-13 15:57:11
981
原创 websorm环境下，react+webpack搭建项目环境
一、创建基本目录结构新建项目新建项目工程：reactProj 配置jsx安装 webpack在此之前你应该已经安装了 node.js.npm install webpack -g参数-g表示我们将全局(global)安装 webpack, 这样你就能使用 webpack 命令了.webpack 也有一个 web 服务器 webpack-dev-server, 我们也安装上npm install
2017-07-10 18:10:20
1207
原创 gulp、MockJs、NodeJs、Mustache脱离后台环境，只通过模拟数据运行项目
项目需求：在node环境下开发的项目，发布后不依靠后台数据，只通过模拟数据能正常运行（做项目demo）；[TOC] 用到的主要技术：gulp（构建工具），MockJs（模拟数据），NodeJs（文件读写流），Mustache（拿到数据后页面渲染）； 开发中遇到的问题说明：模拟数据采用MockJs，之前的思路是将数据用json文件的形式写成，然后用Mock拦截url返回从json文件中读取出数据作
2017-06-24 18:01:34
1645
原创 nodeJs读写流（读取json目录文件后，自定义写入新文件中）
需求：将data目录下的所有json文件中的内容，依次读取出来按照一定的规则封装后输出到MockData.js文件夹中 输出： 解决方法想到了3种方式： 1. 在MockData.js中，将mock函数的url先配置好请求链接，然后循环使用ajax请求得到json数据写入对应的数据模版中；（ajax的url不能和mock函数的url同名） 2. 在node环境中，将所有文件中的jso
2017-06-19 17:34:07
8036
原创 nodejs多个目录文件合并成一个
var fs = require('fs');var baseUrl = './data';var createJson = './data.json';fs.readdir(baseUrl, function(err, files) { if (err) { throw err; } var filePath = '';
2017-06-15 18:24:18
6584
原创 echarts3相关配置及图示
xAxis.boundaryGap配置为false,默认为 true。 （1） 图例： 代码：var power=10;var totalPower=14;var percent = (100*power/totalPower).toFixed(2);option = { title: { text: power+"KW", x: "cente
2017-06-14 16:24:04
1420
原创 gulp构建工具之项目体验
首先确保你已经正确安装了nodejs环境。1、新建一个空的项目根目录2、在根目录下创建package.json，根据项目需要，自定义配置好package.json{ "private": "true", "engines": { "node": ">=0.10.0", "npm": ">=2.5.0" }, "dependencies": { "amd-opt
2017-06-14 16:09:00
399
转载 前端构建之gulp与常用插件
gulp是什么？http://gulpjs.com/ 相信你会明白的！与著名的构建工具grunt相比，有什么优势呢？易于使用，代码优于配置 高效，不会产生过多的中间文件，减少I/O压力 易于学习，API非常少，你能在很短的事件内学会gulp 那些常用的gulp插件 No.1、run-sequenceLinks: https://www.npmjs.com/package/run-sequen
2017-06-14 13:53:51
409
转载 远程登陆MySQL-指定ip和端口号
远程登陆MySQL，同时指定对应的端口和ip。假设远程的ip为：10.154.0.43端口为：3341输入如下命令：mysql -uroot -p -h10.154.0.43 -P3341回车后：会需要输入密码。
2017-06-05 16:48:19
1996
原创 js实现窗口拖拽效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box { width: 300px; background-color: green; position: absolute; } h2{ width:100%} </style> </
2017-03-16 14:14:36
7915
1
原创 百度地图 JS API 隐藏信息弹窗自带的关闭按钮
隐藏信息弹窗自带的关闭按钮var infoWindow = new BMap.InfoWindow(appendDiv); // 创建信息窗口对象infoWindow.addEventListener('open',function(type, target, point){ //窗口打开是，隐藏自带的关闭按钮 $('.BMap_pop>img').hide();})
2017-03-01 15:37:59
13273
原创 H5资源工具
1，图片在线压缩神器，压缩比高达50-80% （1）摘要：一款支持在线上传图片和压缩的神器，前后图片对比基本无差，支持jpg,png等，压缩比高达50-80% 工具地址：https://tinypng.com/ （2）http://zhitu.isux.us/index.php2，logo设计生成http://emblemmatic.org/markmaker/#/【更多资料htt
2017-01-12 14:12:48
709
原创 echarts相关配置及图示
xAxis.boundaryGap配置为false,默认为 true。(1)var power=10;var totalPower=14;var percent = (100*power/totalPower).toFixed(2);option = { title: { text: power+"KW", x: "center",
2017-01-11 14:47:23
3804
原创 jquery 实现弹框拖拽
function dragWin( opt ){ var _options = $.extend({ tit : $('.ui-dialog-titlebar'), win :$('.ui-dialog'), dom : $('html') },opt) var clicked =
2017-01-11 14:15:54
602
原创 常用的js处理方法(数字每隔三位加逗号分开，日期)
(1)把数字每隔三位加逗号分开function FormatNum(str){ var str = ''+str; var newStr = ""; var count = 0; if(str.indexOf(".")==-1){ for(var i=str.length-1;i>=0;i--){ if(count % 3 ==
2017-01-11 14:07:05
3799
2
原创 echarts柱状图 渐变色
效果图： var xAxisData = [];var data = [];for (var i = 9; i < 16; i++) { xAxisData.push('5月' + i + '日'); data.push(Math.round(Math.random() * 500) + 200);}option = { title: { text:
2016-12-23 13:42:30
33033
3
转载 for ... of循环和for ... in循环有何区别？
for … in循环由于历史遗留问题，它遍历的实际上是对象的属性名称。一个Array数组实际上也是一个对象，它的每个元素的索引被视为一个属性。当我们手动给Array对象添加了额外的属性后，for … in循环将带来意想不到的意外效果：var a = ['A', 'B', 'C'];a.name = 'Hello';for (var x in a) { alert(x); // '0',
2016-12-21 17:37:49
7313
转载 十分钟玩转 jQuery、实例大全
十分钟玩转 jQuery、实例大全文档来源于：http://www.cnblogs.com/suoning/p/5683047.html
2016-07-26 10:50:44
499
原创 使用ajax来实现页面的局部加载
点击头部即右上角的链接时，页面会根据相应的链接加载新的内容，显示在下方；在中间区域有3栏，当点击1栏中的链接，2栏中会显现相应的内容，点击2栏中的内容，3栏中的内容又会根据2栏的链接来加载显示内容。 页面效果如下： js代码如下：$("header a").on("click",function(e){ e.preventDefault(); //阻止事件默认行为
2016-03-14 23:52:02
2195
转载 为什么ajax发GET请求就成功，POST请求则报错
为什么ajax发GET请求就成功，POST请求则报错？ （1）首先说明的是请求的URL是一个静态资源，比如一个json文件。 （2）现在现象是发GET请求就成功，POST请求则报错。 （3）最新发现：就算是GET请求，如果把JSON数据的序列化字符串直接作为query string也会导致报错。就是这样：some_url?{%22username%22:%22username%22,%22pa
2016-03-14 17:46:52
6840
转载 jQuery Ajax
一、.load()方法.load()方法是最简单的jQuery Ajax方法。它可以用来加载来自服务器的HTML，当服务器响应时，返回的HTML会自动被加载到一个jQuery选择器中。 模拟练习：点击导航链接，不跳转页面来加载相应的新内容load.html<nav> <a href="load.html" class="current">Home</a>
2016-03-10 17:28:00
387
转载 CSS、HTML命名规则
CSS命名规则 头：header 内容：content/containe 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot
2016-03-10 15:35:43
585
转载 WEB前端开发成长指南
小编注：相比起网页射击狮，操纵代码的前端攻城狮凭着双手在键盘巴拉巴拉敲出的字符，就能赋予二次元的静态页面生命，各种lovely的~~fabulous的~~elegant的交互效果，那叫一个锦上添花哈~~不过，要修炼成一个百战百胜的攻城狮，那是得从基本的JavaScript开始，一点一滴积累hacking技能。日前小编在茫茫信息汪洋里瞟到这神级干货，本着你好我好大家好的精神，怎能收着掖着不分享叻？想成
2016-03-10 14:13:47
420
翻译 js中Math方法的小技巧
/* * Math.round() 将数字四舍五入到离它最近的整数 * Math.ceil() 将数字舍入到离它最近并大于它本身的整数 * Math.floor() 将数字舍入到离它最近并小于它本身的整数 * Math.random() 获取一个从0（包括）到1（不包括）的随机数 * */ var randomNum = Math.
2016-03-08 17:16:19
414
prefixfree.min.js
2015-12-07
Struts2输入校验
2014-06-26
基于J2EE的交友社区网站开发
2014-06-26
Tomcat-7.0.28.rar
2014-04-27
struts常用Jar包
2014-04-27
基于struts的登陆注册源码
2014-04-27
Android SQLite实现增删查改
2013-12-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人