- 博客(60)
- 收藏
- 关注
RSS订阅
转载 七种css方式让容器垂直水平居中
原地址：http://forums.fami2u.com/t/css/76阅读目录方法一：position加margin 方法二： diaplay:table-cell 方法三：position加 transform 方法四：flex;align-items: center;justify-content: center 方法五：display:flex;margi
2017-02-21 10:34:19
821
原创 web前端常用的知识点整理
npm 常用命令详解：http://www.cnblogs.com/PeunZhang/p/5553574.html移动web资源整理：http://www.cnblogs.com/PeunZhang/p/3407453.htmlES6入门：http://es6.ruanyifeng.com/深入理解javascript原型和闭包系列：h
2017-02-20 10:50:48
1044
原创 nest+react+vue3 写一个你自己的博客网站
自己的博客适合想学习 nest,react,vue3,docker 做一套属于自己的博客的同学项目地址: https://github.com/wmy94827/nest-react-blog如果对你有帮助，给你star，谢谢在线演示 - 后台管理在线演示 - 客户端接口文档演示 - 接口文档技术栈后台管理 - react + vite + ts + hooks + windicss （基于 Acro Design Pro 搭建）客户端 - vue3 + vite + ts +.
2022-05-27 14:20:58
295
转载 HTML5实现MP3上传前的预览和播放时长的获取
"utf-8"/> "JavaScript" src="http://code.jquery.com/jquery-1.11.0.js"> $(function () { $("#test").change(function () { var objUrl = g
2017-09-04 14:40:27
5891
转载 使用HTML5+调用手机摄像头和相册
前言：前端时间使用HTML5做了一个WEB端APP，其中用到了H5页面调用手机摄像头的功能，当时也是花了不少时间去研究。最终是采用了HTML5plus（HTML5+）的方式完成了该功能，现将具体方法简单介绍下，并讲解下使用的注意事项。实例：具体流程：点击触发选择拍照或相册-->拍照或相册选择照片-->拿到图片路径进行压缩-->读取文件并显示在页面上首先是html代码，很
2017-07-27 21:33:35
10979
3
转载 支付宝支付的参数配置
public void AliPay() { SortedDictionarystring, string> sParaTemp = new SortedDictionarystring, string>(); sParaTemp.Add("service", "");//接口名称 不可空 sParaTemp.Add("partner", ""
2017-07-27 20:56:05
9973
转载 支付宝APP支付（Java后台生成签名具体步骤）
/** *支付宝支付 * @param orderId 订单编号 * @param actualPay 实际支付金额 * @return */ private String getOrderInfoByAliPay(String orderId,float actualPay) { //回调页面 String ali_call_b
2017-07-27 20:55:41
1364
转载 在webapp上使用input:file, 指定capture属性调用默认相机，摄像，录音功能
## 在webapp上使用input:file, 指定capture属性调用默认相机，摄像，录音功能在iOS6下开发webapp，使用inputz之file，很有用input type="file" accept="image/*" capture="camera">input type="file" accept="video/*" cap
2017-07-20 21:27:31
22192
5
转载 前端对称加密--DES加密
转载自：http://blog.csdn.net/frankcheng5143/article/details/52078764在网上有很多DES加密的js版，有一些是用Java解密不成功的，今天分享一个前端用js的DES加密，后端使用java版的DES解密因为要在后台进行解密，所以采用对称加密。对称加密可以选择很多，这里选择的DES加密。前端采用谷歌的crypto
2017-07-18 10:08:33
4490
转载 移动端web页面使用字体的思考
一直不知道手机端用的什么字体，只是觉得类似雅黑，直到有一次设计师问到设计移动web页面该用什么字体才严肃地想起这个问题。前人已栽树，后人我就直接转来吧…… 回想2年前刚开始接触手机项目，接到PSD稿后，发现视觉设计师们喜欢用微软雅黑作为中文字体进行设计，于是我写页面的时候也定义 font-family 为微软雅黑，后来发到线上后，细心的产品经理发现页面的字体不是微软雅黑，要
2017-07-10 16:55:21
674
转载 实现隐藏滚动条同时又可以滚动
CSS 实现隐藏滚动条同时又可以滚动转载自：http://www.cnblogs.com/alice626/p/6206760.html移动端页面为了更接近原生的体验，是否可以隐藏滚动条，同时又保证页面可以滚动？使用 overflow:hidden 隐藏滚动条，但存在的问题是：页面或元素失去了滚动的特性。由于只需要兼容移动浏览器（Chrome 和 Safari），于是想到了自定
2017-06-20 16:10:07
6474
原创 解构赋值
解构赋值什么是解构赋值:语法上就是赋值的作用。解构:左边一种结构，右边一种结构，左右一一对应进行赋值。解构赋值的分类:数组解构赋值 --重点对象解构赋值 --重点字符串解构赋值布尔值解构赋值函数参数解构赋值数值解构赋值1.数组解构赋值 { let a,b,rest;
2017-06-13 18:01:29
2062
原创 let和const
let和const作用域的概念：ES6之前有2个作用域，一个全局作用域，一个函数作用域.ES6中新增了一个块作用域1.只要被{}包起来的，就是一个块作用域function test() { for (let i=1;i3;i++){ console.log(i); } console.log(i);}被{}包起来
2017-06-13 17:24:53
297
转载 jQuery Mobile使用a标签跳转问题
在jQuery Mobile中使用a标签跳转时，出现页面不跳转情况，这是解决方案：在a标签中加上属性值 target=“_top”。这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。 在这里重新学习下target的其他属性：_blank：在新窗口中打开被链接文档。 _self：默认。在相同的框架中打开被链
2017-06-06 11:08:16
1395
原创 javascript关卡检测——语法
请判断以下代码是否有效？如果有效请给出结果，如果无效请说明原因。// 挑战一var class = 'person';console.log(class); // 无效，因为 class 是关键字。// 挑战二var Class = 'person';console.log(class); // 无效，虽然 Class 是合法的标识符，但是输出的是 class
2017-06-05 16:37:34
313
转载 css3提示文字弹窗代码
原文链接：http://caibaojian.com/css3-tooltip.html给你的项目增加一个工具提示，不需要额外的javascript代码，你可以通过使用css3样式来创建一个类似的效果。css3 提示只适用于高级浏览器：·ChromeFirefoxSafariIE9+css代码/** * CSS3 Tips * * A stylesheet for c
2017-06-05 16:03:28
2232
转载 CSS 技巧
1:让你的照片变成黑白照片:img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
2017-06-05 15:51:55
303
转载 jquery.fly.min.js 拋物插件
插件官方: https://github.com/amibug/fly, 官方例子: http://codepen.io/hzxs1990225/full/ogLaVp 首先加载jQuery.js和jquery.fly.min.js插件。 Html代码 script src="jquery.js">script> script src="
2017-05-22 16:23:34
945
转载 gulp自动化打包（下）
打包流程简介本次打包大致过程是checkout出想要打包的Git版本（可以是tag，也可以是branchName），然后依次读取项目中的html、less、js进行压缩合并等操作，复制项目中所用到的第三方库到输出目录（即plugins中的插件，比如lodash、echarts等，前边压缩合并的js是自己写的js），然后打zip包，发送至目的地。 开始编写gulp脚本声明
2017-04-24 11:01:50
616
转载 gulp自动化打包（上）
转载自：http://blog.csdn.net/j_bleach/article/details/53047467文章概述本文分为上下两篇，上篇主要介绍一些常用的gulp插件（也是此次打包主要用的gulp插件），而下篇主要以一个demo项目为例，从本地checkout出合适的Git版本，压缩、合并、到最后打成zip包，发送至指定目录，做一个全面的演示。 流程预览：
2017-04-24 11:00:12
1498
转载 前端构建工具gulpjs的使用介绍及技巧
gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。本文导航：gulp的安装开始使用gulpgulp的API介绍一些常用的gulp插件1、
2017-04-18 11:00:22
209
转载 把所有的小图标一起做成雪碧图吧 请用gulp-css-spriter.
用gulp-css-spriter很简单。第一步: 在某个文件夹用shitf+鼠标右键 第二步: npm install gulp-css-spriterhttps://www.npmjs.com/package/gulp-css-spriter (官网gulp插件)第三步:在gulpfile.js 文件 12
2017-04-13 11:13:46
2355
转载 三分钟从零单排gulp-less配置
这周的某个晚上，室友拿着她写的todolist代码来找我做review，看到css文件是这个样子“为什么不用less呢？”，我心痛的问她。“不会。”于是我推荐了一款小白级的less入门神器：Koala - a gui application for LESS, Sass, Compass and CoffeeScript compilation.安装之后，只
2017-04-12 11:34:07
1937
转载 react native 真机运行问题
首先按照资料一步步搭建环境运行，然后成功了，很激动，可是，安卓就是没这么容易成功，还是太年轻了could not get batchedbridge, make sure your bundle is packaged correctly找资料解决方案是package.json里面的scripts下标签如果没有bundle-android标签的添加一下，以为就好了接
2017-04-08 16:01:52
2599
转载 Android adb.exe程序启动不起来 具体解决方法
经常遇到 Please ensure that adb is correctly located at 'D:\java\sdk\platform-tools\adb.exe' and can be executed.遇到问题描述：运行android程序控制台输出 [2012-07-18 16:18:26 - ] The connection to adb is
2017-04-08 14:33:37
453
转载 九个Console命令，让js调试更简单
一、显示信息的命令 html> head> title>常用console命令title> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> head> body> script type="text/javascript">
2017-04-03 17:35:01
331
原创 验证码倒计时js
//获取验证码 var countdown = 60; function settime(obj) { if (countdown == 0) { obj.removeAttribute("disabled"); obj.value = "获取验证码";
2017-03-29 18:17:48
220
转载 WebStorm使用教程
WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具任何一个编辑器都需要保存(ctrl + s)，这是所有win平台上编辑类软件的特点，但是webstorm编辑文件右上角是没有那个熟悉的 * 的。好处：省去了ctrl + s之后，在结合Firefox的vim，基本不动鼠标就可以看到结果页面了。 坏处：没有以前的 * 标识，万一键盘误操作
2017-03-27 23:41:06
521
转载 手机端页面时，字体的显示大小与在CSS中指定的大小不一致
最近在做一个手机端页面时，遇到了一个奇怪的问题：字体的显示大小，与在CSS中指定的大小不一致。大家可以查看这个Demo（记得打开Chrome DevTools）。就如上图所示，你可以发现，原本指定的字体大小是24px，但是最终计算出来的却是53px，看到这诡异的结果，我心中暗骂一句：这什么鬼！随后开始对问题各种排查：某个标签引起的？某个CSS引起的？又或者是某句JS代码引起
2017-03-21 20:38:44
6939
转载 用nodeJS搭建本地文件服务器的几种方法
搭建nodejs服务器步骤:1.安装nodejs服务(从官网下载安装)，node相当于apache服务器2.在自己定义的目录下新建服务器文件如 server.js 例如，我在E:\PhpProject\html5\websocket下创建了server.js文件var http = require('http');//引入http模块//开启服务，监听8888端口//
2017-03-15 18:12:23
2624
转载 分页控件layui的使用
$.getJSON( )的使用方法简介$.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )url是必选参数，表示json数据的地址；data是可选参数，用于请求数据时发送数据参数；success是可参数，这是一个回调函数，用于处理请求到的数据。12
2017-03-15 17:58:53
1562
转载 滑块: 基于Bootstrap的jQuery slider插件的使用bootstrap-slider.js
一、插件介绍这是一款在原生bootstrap slider的基础上制作效果非常炫酷的jQuery slider插件。该slider插件可以自定义slider的颜色、形状、透明度和tooltip等属性，美化的效果非常好二、简单Demo1.1 使用CDN服务[html] view plain copy print?link h
2017-03-15 17:57:31
5467
转载 mongoVUE中collections为空，即文件树无法展开问题的解决策略
今天安装MongoDB v3.2.8后，安装了它的一个可视化工具，MongoVUE，但是在操作数据库一切正常的情况下，在MongoVUE中无法查看到collections中的文件，但是在cmd中一切操作正常，也能用find()找到刚才插入的数据。百度了一下，换了很多关键词，找了很久没有找到对策，最后终于发现了一条，并且成功解决了这个问题。原因是mongodb3.2版本以后默认的开启
2017-03-11 20:30:43
235
转载 mongodb 在windows下面配置
mongodb 配置篇。 开启服务器的几种方法：如果看过慕课网教程的直接忽略前面两种方法直接看第二种方法，实现了跟教程一样的方法： (1): 直接型： 安装完成压缩包以后，会这个文件中只有一个二进制的【已经完成编译的文件】bin文件夹跟几个配置文件，如下图：a: 我们可以在里面【E:/mongodb/新建】一个 db 文件夹(名称随便，这个就
2017-03-11 17:55:54
346
转载 windows下安装和配置mongoDB
上次在mac下安装和配置了mongodb,这次在windows下也尝试安装和配置mongodb.1、首先下载mongodb压缩包（官方下载地址：https://www.mongodb.com/download-center#community）,下载后解压到D盘或E盘。如下:2、配置环境变量：桌面—计算机右键—属性—左侧"高级系统设置"—环境变量—找到PATH，点击"编辑"
2017-03-11 17:53:37
289
原创 html5上传图片到页面
我的html代码： 图片上传 function upload() { $("#input-file").click(); } $(function () {
2017-03-09 14:06:58
593
转载 HTML5学习之FileReader接口
用来把文件读入内存，并且读取文件中的数据。FileReader接口提供了一个异步API，使用该API可以在浏览器主线程中异步访问文件系统，读取文件中的数据。到目前文职，只有FF3.6+和Chrome6.0+实现了FileReader接口。1、FileReader接口的方法FileReader接口有4个方法，其中3个用来读取文件，另一个用来中断读取。无论读取成功或失败，方法并不会返回读取
2017-03-09 12:20:48
239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人