前端
js老虎机之三:地图中空
简版老虎机体验地址：http://www.tnblog.net:8091/mytiger.html我们要实现一个这样的效果，就是除了外面一圈的其...
解决：iframe登录过期跳转登录页面嵌套问题
我们在登录信息过期之后，要跳转到登录页面。这时如果你用的是iframe框架的话，就会出现登录界面是嵌套在框架里...
bootstrap内容灰白背景
其实就是page-container-bg-solid 样式加上右边内容就有灰色的背景效果如下如果不加就是全白的背景、如果需要根...
layui 固定列覆盖滚动条，导致表格错位
对于layui，大家都用过吧：轻量级框架，使用方便，快捷，入手难度小，但是这些优点就不代表你没有踩到它的坑。目...
图片在一个div内容水平与垂直居中
图片宽度与高度设置成80%,然后设置margin-top:10%,margin-left:10%就可以了感觉应该没有这么简单哇，不过反正就...
百度编辑器在layer弹窗中加载问题
因为加载到layer后百度编辑器要从新渲染一遍，所以如果使用setContent(Content)设置的内容在加载到layer弹窗中是...
TNBLOG(Button)
Web Page Effect:Html code:<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-...
bootstrap 栅格布局一小例子
效果很简单，就是显示一个头像与一个名字html：<divclass="col-md-12"style="margin-top:20px...
实现好看的文字图片滚动
page Effect:code(You just to need change pictures to achieve the desired effect):<!DOCTYPEhtml>
&l...
net core测试
<divclass="item">
<imgsrc="~/images/banner2.svg"alt="VisualStudio"...
my97时间选择事件
my97时间选择后事件其实就是onpickedWdatePicker({
el:this,dateFmt:'yyyy-MM-dd',onpicked:function()...
highchart中x坐标字符串无法显示问题
本来准备使用一个ip地址来作为x坐标的，但是一直显示不出来，x坐标换成数字又可以了。然后就想着x坐标的设置也从...
TNBLOG论坛新型加载效果
效果图:图片资源地址：https://raw.githubusercontent.com/mrslimslim/code-magic/master/text-background-01/bg...
html/css样式
代码：
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/&g...
vue.js 学习日记第六章-vue组件初步学习
官网：https://cn.vuejs.org/v2/guide/ vue.js学习日记第五章： http://www.tnblog.net/18323015640/ar...
vue.js 学习日记第五章-v-if和v-for指令的使用方式
官网：https://cn.vuejs.org/v2/guide/ vue.js学习日记第四章： http://www.tnblog.net/18323015640/ar...
vue.js 学习日记第四章-vue中文本框数据获取与绑定及computed计算属性
官网：https://cn.vuejs.org/v2/guide/ vue.js学习日记第三章： http://www.tnblog.net/18323015640/art...
vue.js 学习日记第二章-在vue中编写function及一些简单指令
官网：https://cn.vuejs.org/v2/guide/ vue.js 学习日记第一章：http://www.tnblog.net/18323015640/ar...
vue.js 学习日记第一章-安装vue开发环境
官网：https://cn.vuejs.org/v2/guide/ 这是一篇学习性文章，不定时更新，用来记录我学习vue.js的过程...
百度编辑器实现自己的全屏逻辑
首先监听百度编辑器的全屏事件ue.addListener('beforefullscreenchange',function(event,isFullScreen){...
Vue.js if用法
vue.js if可以做一些判断例如我们要把下面这个输出varvm=newVue({
el:"#content",
data:{
titles:[...
layer弹窗引入独立页面进行操作
使用layer弹窗进行操作的时候我们可以使用type=2，来把一个独立的页面指向content内容例如我们有一个表格，点击...
使用select2实现下拉框中显示图片
使用select2插件需要引用select2.min.js、select2.min.css文件1、CDN引用方式：<link href="https://cdn...
一点flex布局的运用
水平分割：html:<divclass="flex-container">
<divclass="flex-item">flexite...
jquery验证插件formValidator，AJAX验证手动传值
AJAX验证默认会传递你绑定的id的name值回去，如何你想传递其他值回去的话，直接这样写是不行的应该要这样使用，...
js、JQuery获取文本的宽高
页面编写：<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8"/>
<t...
Vue.js常用指令
按照html的编码显示：v-html<div class="font_info" v-html="item.Content">{{item.C...
bootstrap动态生成的单选框复选框等无法点击选中的问题
bootstrap的单选框、复选框是要经过渲染的，然后才显示出来的经过渲染的是这样的没有经过渲染的就是最原始的样子...
css3样式学习代码
上代码！上代码！不说了<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharse...
使用AppCan开发app之开发流程介绍
目前 App的开发主要包含三种方式：原生开发、H5开发、混合开发大概列举一下3种模式优缺点：原生：原生应用由于利...
bootstrap文字居中问题
静态页上面的效果是这样的可以看到文字和左边的下拉列表是居中的但是如果你直接复制过去可能就是这样的了我们来...
Jquery选择器的简单实现
一、原生JS提供给我们的选择器document.getElementById();
document.getElementsByTagName();
...这是以前常用...
js,css异步加载
有些时候为了效率，我们需要js与css能够异步加载方法1：直接在后面加一个async的关键字<scriptsrc="~/li...
css定位的简单运用
父容器使用相对定位position: relative子容器使用绝对定位position: relative这样就可以子容器相对父容器定位了...
flex布局常见问题
flex布局中内容div自适应高度<divclass="content">
<divclass="text-center"st...
jquery删除表格的行,Id自适应
jquery删除表格的行,Id自适应,删除后让id不断层还是依次排列//删除(id自适应)
$(".usertable").on(&q...
vue.js常用指令
v-html可以把字符串当成一个html来渲染，而不是原样输出Html类似.net mvc中的@Html.Raw()方法<divv-html=&quo...
iframe自适应高度与配合net core使用
去掉iframe边框frameborder="0"去掉滚动条scrolling="no"iframe 自适应高度如果内容是固定...
jquery常用选择器
html<divid='content'>
<div>aa</div>
<div>bb</div>
<div>cc&...
Layui Select添加选择事件
html<selectname="label"id="atype"lay-filter="atype">
<optionvalue...
layui 表单模块常见问题
layui 设置select宽度直接设置select外层的宽度就行，layui的select会自适应宽度layui 设置select会被百度编辑器...
Vue.js 实现省市联动
HTML代码<divid="pro_citys">
省:<selectid="provice"v-on:change="proch...
Vue.js+Layer实现表格数据绑定与更新
一：使用Vue.js绑定好数据与更新事件 使用v-on绑定好事件,在事件里边直接把该行数据传递进去，在更新方法里边...
js截取两个字符中间的字符串
使用正则表达式来取比如我们要取brush:js;toolbar:false 这个字符串冒号和分号中间的字符串可以varclassname=&qu...
JS监听input、keydown，有输入法时打字完成后触发事件
在给输入框绑定input或keydown事件时预期效果是有输入法时，输入中文后触发事件，不希望输一个字母就触发一次事...
如何使用图标像使用文字一样，使用文本图标的方法
1.首先在Iconfont-阿里巴巴矢量图标库上面找到你需要的图标然后加入你的购物车然后选择图标；注意：每个类型的图...
javascript阻止scroll事件多次执行的思路及实现
//测试代码
window.onscroll=function(){
alert("haha");
}鼠标滑动之后一直点击提示框才可以...
Jquery判断滚动条是否到底部
有时间我们需要判断滚动条是否已经滚动到底部，例如我们要做滚动刷新的功能$(window).height():一个屏幕的高度注...
js遍历localStorage的键值对
//遍历本地存储localStorage
for(vari=0;i<localStorage.length;i++){
varkey=localStorage.key(i);//获...
DIV+CSS网页布局常用的一些基础知识整理
一．文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印...
JavaScript中的事件委托
什么是事件委托事件委托在JavaScript中是非常常见的，它主要用于对某个元素中的子元素的冒泡事件进行监听。JavaS...
JavaScript 2018-12-09 浏览（83）
css中单位px,em，rem和vh/vw的理解
>px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。em是相对长度单位。相对于当前对象...
Bootstrap单选框重叠问题
从bootstrap模板中复制出来就有两个重叠的现象 看源码是生成了两次 重复生成了,所以boostrap那...
NesTable设置不能拖动
让 Nestable 组件不能拖动，直接在jquery.nestable.js 文件中源码搜索var onStartEvent = function(e) 方法里面...
如何修改CSS中存在的element.style内联样式
改腾讯地图的时候调整了下样式，发现样式一直存在问题，修改style里面的值，一点用都没有，html中这个值还找不到...
css弹性盒子，flex布局
css弹性盒子由于版本不同浏览器问题造成了一些不同的写法display:flexbox;在google浏览器中如果使用下面的写法就...
汉字转拼音
/*----------------------------------------------------------------
//文件名：pinyin.js
//文件功能描述：...
javascript 2018-11-23 浏览（118）
珍藏！！ JS CSS不传之秘集合
<!--其中5指每隔5秒刷新一次页面-->
<metahttp-equiv="refresh"content="5&...
webstorm破解激活方法
破解webstorm试了很多方法：License server填入网址；搭建本地服务器；其他版本破解补丁都没用最后用3.1版本的ja...
技术分类
最近天气
人气博主
-
雨雨雨雨辰
超超帅的博主2018-11-16
-
剑轩
平时爱打羽毛球~2018-10-01
-
噢大菁
清新阳光小姐姐2018-10-08
-
尘叶心繁
标签专注技术
-
博客风格人来疯
a genius is the person2015-11-23
-
饰心
Decorating heart2019-2-07
-
清欢渡
没有个性，不需要签名专注Java
技术专栏
-
YOU
没有个性，也需要签名2019-05-20
-
皓月姐姐
Amazing everday2018-12-13
-
liuwb
自助者天助专注.NET
-
张哥哥
帅气的小哥哥2015-10-23
-
浮沉与木
浮沉与木2015-11-26