评论(0)
css 宽高100%无效 body宽高100%
解决html设置height:100%无效问题
通常我们需要让自己的网页内容能够更好的适配各种屏幕大小，会采用height：100%，但是我们发现问题出来了，height：100%无效，其实解决办法很简单
解决：你只需要在css处添加上html, body{ margin:0; height:100%; }即可。
原因：你让div的height="100%"，执行网页时，css先执行到，而整个网页中的内容还没有完全载入，是获取不到div外面的<body>等的高度的，所以hei...
评论(0)
js iOS 图片高度自适应
$("img").each(function(i){
var img = $(this);
var realWidth,realHeight,realT;//真实的高度
var disWidth = img.width(),disHeight = img.height();
var bi = disWidth / disHeight;
//这里做下说明，$("<img/>")这里是创建一个临时的img标签，类似js创建一个new Image()对象！
$("<img/>").attr("src", $(img).attr(...
评论(0)
Thinkphp compoer tp6 thinkphp6
安装tp6.0
操作步骤：
composer create-project topthink/think tp6
出现的错误：
[InvalidArgumentException]
Could not find package topthink/think with stability stable.
解决方案：
删除之前的镜像：composer config -g --unset repos.packagist
结果：
报错解决，可以正常安装tp6.0框架，TP5有时也生效！
评论(0)
jquery 图片大小 动态改变图片大小
当我们要显示后台传过来若干个尺寸不一的图片时，为了保证图片大小的一致性及比例的协调，需要动态改变图片显示尺寸。通过搜索，我们可以从网上找到实现此功能的jQuery代码如下。这段代码可以使图片的大小保持在一定范围内，如果图片的原始尺寸都大于max*值，则显示出来的图片宽度都相等。
原始代码:
$(document).ready(function() {
$('.post img').each(function() {
var maxWidth = 100; // 图片最大宽度
var maxHeight = 100; // 图片最大...
评论(2)
html页面引用公共部分 静态页面
如果没有母版页，那么大量相同布局的页面会有很多相同的代码，那么这就提到了一个概念，叫重用性；
可以将相同布局的代码放在一个单独的文件，里面写一些公共模块，那么在其他页面只需要在指定位置引入他们就可以了
写一个头部，在top.html写入(只写需要添加的)：
<div style="width: 100%;height: 100px;background: green;text-align: center;line-height: 100px;">
这是头部
</div>
在center.html写入：
<div style="width:...
评论(0)
HBuilder MUI uniapp uni-app html5+app app首次运行 弹用户协议和隐私政策
用户协议和隐私政策弹窗提醒:
1.在uni-app或者5+APP项目manifest.json文件的源码视图中,找到app-plus（5+app是plus）
2.在app-plus（5+app是plus）节点下，添加privacy
"privacy" : {
"prompt" : "template",
"template" : {
//prompt取值为template时有效，用于配置模板提示框上显示的内容
"title" : "欢迎下载并使用秀小主",
"message" : " 欢迎使用秀小主App，在你使用时，为了更好的保护您的个人信息安全，请您充分了解在登录...
评论(0)
npm node run dev npm内存溢出
执行npm相关命令时，报错：
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
如图：
解决方案：全局安装increase-memory-limit
命令行cmd ,dos窗口运行：cnpm install -g increase-memory-limit，
进入项目文件夹，运行：increase-memory-limit
暂可解决问题...
评论(0)
css css边框 css渐变 css边框渐变
在实际开发中，我们经常遇见边框需要背景渐变的实现要求，那么如何去实现呢，今天给大家分享依稀几种情况
1.直角的背景渐变
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" con...
评论(0)
js javascript js获取url参数 javascript获取url参数 js获取localhost参数
做网站的时候，经常会遇到当前页的分类高亮显示，以便让用户了解当前处于哪个页面。之前一直是在每个不同页面写方法。工程量大，也不便于修改。一直在想有什么简便的方法实现。后来在网上查到可以用获取当前URL的详细信息来判断。所以收集了JQUERY获取URL的函数的资料。
设置或获取对象指定的文件名或路径。
window.location.pathname
例：http://localhost:8086/topic/index?topicId=361
alert(window.location.pathname); 则输出：/topic/index
设置或获取整个 URL 为字符...
评论(0)
layer layui layui弹出层嵌套 layer弹出层嵌套
当打开了一个layer.open()之后，如果在open的页面上面还有一个layer.open()去再次打开一个弹出层，这时候第二个打开的弹出层是在最早打开的基础上，然后镶嵌在里面的。
如果第一个弹出层很大，而第二个弹出层比较小，可能不会太影响用户体验；但是如果第一个弹出层很小，而第二个弹出层却很大，这时候效果就很不理想了。
想要这个第二个弹出层不嵌套在第一个弹出层中，通常的办法是使用window.top对象。
top.layer.open()
像这样就能在顶级页面（最底层）打开弹出层，遮罩也是完全覆盖了底层页面。
评论(2)
vue vue动态添加stype样式
注意:
凡是有-的style属性名都要变成驼峰式，比如font-size要变成fontSize
除了绑定值，其他的属性名的值要用引号括起来，比如backgroundColor:'#00a2ff'而不是 backgroundColor:#00a2ff
【对象】
html :style="{ color: activeColor, fontSize: fontSize + 'px' }"
html :style="{color:(index==0?conFontColor:'#000')...
评论(0)
OpenSSL pkcs8 pkcs1
用途：
pkcs8格式的私钥转换工具。它处理在PKCS#8格式中的私钥文件。它可以用多样的PKCS#5 (v1.5 and v2.0)和 PKCS#12算法来处理没有解密的PKCS#8 PrivateKeyInfo格式和EncryptedPrivateKeyInfo格式。
用法：
openssl pkcs8 [-inform PEM|DER] [-outform PEM|DER] [-in filename] [-passin arg] [-out filename]
[-passout arg] [-topk8] [-noiter] [-nocry...
评论(0)
weui weui.js weui组件使用
以下是代码的简单实例，有需要可以自己研究使用，其实蛮简单的：
/* dialog */
document.querySelector('#alertBtn').addEventListener('click', function () {
_weui2.default.alert('自定义标题的alert', function () {
console.log('ok');
}, {
title: '自定义标题'
});
});
/* ...
评论(0)
MUI html5+ mui监听网络变化
MUI用于获取当前设备的网络类型
function plusReady(){
var types = {};
types[plus.networkinfo.CONNECTION_UNKNOW] = "Unknown connection";
types[plus.networkinfo.CONNECTION_NONE] = "None connection";
types[plus.networkinfo.CONNECTION_ETHERNET] = "Ethernet connection";
types[plus.net...
评论(0)
mui消息框示例 MUI.alert示例 MUI.confirm示例 mui.toast示例
<script type="text/javascript" charset="utf-8">
//mui初始化
mui.init({
swipeBack: true //启用右滑关闭功能
});
var info = document.getElementById("info");
document.getElementById("alertBtn").addEventListener('tap', function(...
评论(0)
jquery javascript json 序列化 json对象
HTML代码部分：
<form id="myform">
<table>
<tr>
<td>姓名:</td>
<td> <input type="text" name="name" /> </td>
</tr>
<tr>
<t...
评论(0)
javascript 笛卡尔积 js实现笛卡尔积 多重数组笛卡尔积
百度百科定义：
笛卡尔乘积是指在数学中，两个集合X和Y的笛卡尓积（Cartesian product），又称直积，表示为X×Y，第一个对象是X的成员而第二个对象是Y的所有可能有序对的其中一个成员 。
假设集合A={a, b}，集合B={0, 1, 2}，则两个集合的笛卡尔积为{(a, 0), (a, 1), (a, 2), (b, 0), (b, 1), (b, 2)}。
类似的例子有，如果A表示某学校学生的集合，B表示该学校所有课程的集合，则A与B的笛卡尔...
评论(5)
js javascript html5 audio h5音频播放 h5音频暂停
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body> 音乐
<audio src="b.mp3" controls="controls" preload id="music1" hidden>
&...
评论(0)
jquery css scroll 滚动条
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta content="yes...
评论(0)
jquery js javascript checked checkbox
JQuery:
var $isChecked = $("#id").is(":checked");
alert($isChecked);
JS:
var $id = document.getElementById("id");
alert($id.checked);
Notes:
JQuery中，is函数里的必须要有冒号，否则不见效；
JS中，必须调用checked 即>>> .checked
评论(0)
mime类型 MIME
常见的MIME类型
超文本标记语言文本 .html,.html text/html
普通文本 .txt text/plain
RTF文本 .rtf application/rtf
GIF图形 .gif image/gif
JPEG图形 .jpeg,.jpg image/jpeg
au声音文件 .au audio/basic
MIDI音乐文件 mid,.midi audio/midi,audio/x-midi
RealAudio音乐文件 .ra, .ram audio/x-pn-realaudio
MPEG文件 .mpg,.mpeg video/mpeg
A...
评论(0)
js javascript js性能 JavaScript性能
最近发现一个问题，就是客户在访问手机wap站的时候，因为页面有倒计时的东西，所以反应说倒计时开一会就会卡顿，导致倒计时貌似停止不动了，客户因为不是很了解这些东西，就误会说是不是服务器或者是程序性能好差，js大家都知道除了那些服务端的框架其他的都是运行在客户端的也就是运行在用户的浏览器的，手机的性能肯定是比不上电脑的了，所以也可能会出现这个问题，因为倒计时的代码并不多，初步也没想到什么好的办法，于是就简单的处理了一下，之前的倒计时是到毫秒的，也就是类似这种 00:03:40:123依次是时分秒毫秒，毫秒的部分是1000等分的，也就是会看到的现象就是毫秒这些每...
评论(0)
jquery cdn
jQuery Migrate
jQuery版本迁移辅助插件,用jquery不同版本开发的程序在修改jquery版本出现的兼容问题可以使用jQuery Migrate解决此问题
jQuery官网CDN
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
jQuery
百度CDN
<!--支持版本：2.0.3, 2.0.2, 2.0.1, 2.0.0,1.11.1, 1.10.2, 1.10.1, 1.10.0, 1.9...
如果没有母版页，那么大量相同布局的页面会有很多相同的代码，那么这就提到了一个概念，叫重用性；
可以将相同布局的代码放在一个单独的文件，里面写一些公共模块，那么在其他页面只需要在指定位置引入他们就可以了
写一个头部，在top.html写入(只写需要添加的)：
<div style="width: 100%;height: 100px;background: green;text-align: center;line-height: 100px;">
这是头部
</div>
在center.html写入：
<div style="width:... 
用户协议和隐私政策弹窗提醒:
1.在uni-app或者5+APP项目manifest.json文件的源码视图中,找到app-plus（5+app是plus）
2.在app-plus（5+app是plus）节点下，添加privacy
"privacy" : {
"prompt" : "template",
"template" : {
//prompt取值为template时有效，用于配置模板提示框上显示的内容
"title" : "欢迎下载并使用秀小主",
"message" : " 欢迎使用秀小主App，在你使用时，为了更好的保护您的个人信息安全，请您充分了解在登录... 
执行npm相关命令时，报错：
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
如图：
解决方案：全局安装increase-memory-limit
命令行cmd ,dos窗口运行：cnpm install -g increase-memory-limit，
进入项目文件夹，运行：increase-memory-limit
暂可解决问题... 
以下是代码的简单实例，有需要可以自己研究使用，其实蛮简单的：
/* dialog */
document.querySelector('#alertBtn').addEventListener('click', function () {
_weui2.default.alert('自定义标题的alert', function () {
console.log('ok');
}, {
title: '自定义标题'
});
});
/* ... 
HTML代码部分：
<form id="myform">
<table>
<tr>
<td>姓名:</td>
<td> <input type="text" name="name" /> </td>
</tr>
<tr>
<t... 
百度百科定义：
笛卡尔乘积是指在数学中，两个集合X和Y的笛卡尓积（Cartesian product），又称直积，表示为X×Y，第一个对象是X的成员而第二个对象是Y的所有可能有序对的其中一个成员 。
假设集合A={a, b}，集合B={0, 1, 2}，则两个集合的笛卡尔积为{(a, 0), (a, 1), (a, 2), (b, 0), (b, 1), (b, 2)}。
类似的例子有，如果A表示某学校学生的集合，B表示该学校所有课程的集合，则A与B的笛卡尔... 
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body> 音乐
<audio src="b.mp3" controls="controls" preload id="music1" hidden>
&... 