前端

Web前段框架技术之全选,全不选,反选并显示出来

我们用到<input>标签,再每一个<input>标签取一个相同的name值。如下图:开始我们的骚操作,用Web前...

Jquery 2019-08-23 浏览(10 作者( 只有我最帅 )

JS抽奖特效练习之七:大满贯,小三元,大三元等

大满贯,小三元,大三元等都是一定的概率会出现,增加js抽奖的玩法多样性先来一个简单的动画效果varaction=funct...

前端 2019-08-23 浏览(20 作者( 剑轩 )

JS抽奖特效练习之六:开火车

我们在进行js抽奖的时候有一定的概率出现开火车的情况,其实开火车不过就是一次性多走几个格子,一次性可以有多...

前端 2019-08-22 浏览(44 作者( 剑轩 )

JS抽奖特效练习之五:计算中奖

js抽奖我们需要先下注,然后把停下来的位置中奖的分值,乘以对应投注的分数即可。我们需要先实现以下把中间的图...

前端 2019-08-22 浏览(77 作者( 剑轩 )

JS抽奖特效练习之四:平滑加减速旋转

我们进行js抽奖点击开始的时候会不停的绕着圈跑,然后停下来,这期间会先变快,然后变慢,然后停下来。所以这里...

前端 2019-08-21 浏览(83 作者( 剑轩 )

JS抽奖特效练习之三:地图中空

简版js抽奖效果体验地址:http://www.tnblog.net:8091/mytiger.html我们要实现一个这样的效果,就是除了外面一圈...

前端 2019-08-20 浏览(63 作者( 剑轩 )

解决:iframe登录过期跳转登录页面嵌套问题

我们在登录信息过期之后,要跳转到登录页面。这时如果你用的是iframe框架的话,就会出现登录界面是嵌套在框架里...

学习中的问题 2019-08-16 浏览(45 作者( YOU )

bootstrap内容灰白背景

其实就是page-container-bg-solid 样式加上右边内容就有灰色的背景效果如下如果不加就是全白的背景、如果需要根...

CSS 2019-08-04 浏览(84 作者( 剑轩 )

layuia 图标

图标的官方地址:https://www.layui.com/doc/element/icon.html

前端 2019-08-04 浏览(23 作者( 风清月 )

layui 固定列覆盖滚动条,导致表格错位

对于layui,大家都用过吧:轻量级框架,使用方便,快捷,入手难度小,但是这些优点就不代表你没有踩到它的坑。目...

个人总结 2019-07-30 浏览(103 作者( 17708379684 )

图片在一个div内容水平与垂直居中

图片宽度与高度设置成80%,然后设置margin-top:10%,margin-left:10%就可以了感觉应该没有这么简单哇,不过反正就...

前端 2019-07-30 浏览(48 作者( 剑轩 )

百度编辑器在layer弹窗中加载问题

因为加载到layer后百度编辑器要从新渲染一遍,所以如果使用setContent(Content)设置的内容在加载到layer弹窗中是...

前端 2019-07-23 浏览(31 作者( 风清月 )

TNBLOG(Button)

Web Page Effect:Html code:<!DOCTYPEhtml> <html> <head> <metacharset="utf-...

前端 2019-07-19 浏览(101 作者( 尘叶心繁 )

bootstrap 栅格布局一小例子

效果很简单,就是显示一个头像与一个名字html:<divclass="col-md-12"style="margin-top:20px...

前端 2019-07-18 浏览(35 作者( 风清月 )

实现好看的文字图片滚动

page Effect:code(You just to need change pictures to achieve the desired effect):<!DOCTYPEhtml> &l...

前端 2019-07-13 浏览(155 作者( 尘叶心繁 )

net core测试

<divclass="item"> <imgsrc="~/images/banner2.svg"alt="VisualStudio&quot...

.NET 2019-07-02 浏览(54 作者( Lucky_dog )

my97时间选择事件

my97时间选择后事件其实就是onpickedWdatePicker({ el:this,dateFmt:'yyyy-MM-dd',onpicked:function()...

前端 2019-07-01 浏览(55 作者( 风清月 )

highchart中x坐标字符串无法显示问题

本来准备使用一个ip地址来作为x坐标的,但是一直显示不出来,x坐标换成数字又可以了。然后就想着x坐标的设置也从...

前端 2019-06-30 浏览(62 作者( 风清月 )

css居中的一点小写法

定宽度+margin:top auto可以让一个块级别元素在外层居中例如这样:效果:可以看到这个div已经居中了但是我们里边...

CSS 2019-06-17 浏览(98 作者( 剑轩 )

TNBLOG端午节

效果图:HTML代码:<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"/&g...

前端 2019-06-08 浏览(145 作者( 尘叶心繁 )

TNBLOG论坛新型加载效果

效果图:图片资源地址:https://raw.githubusercontent.com/mrslimslim/code-magic/master/text-background-01/bg...

前端 2019-06-06 浏览(122 作者( 尘叶心繁 )

html/css样式

代码: <!DOCTYPEhtml> <html> <head> <metacharset="utf-8"/&g...

我的文章 2019-06-06 浏览(164 作者( 正在更新中 )

vue.js 学习日记第六章-vue组件初步学习

官网:https://cn.vuejs.org/v2/guide/ vue.js学习日记第五章: http://www.tnblog.net/18323015640/ar...

vue.js 2019-05-30 浏览(80 作者( 博客风格人来疯 )

vue.js 学习日记第五章-v-if和v-for指令的使用方式

官网:https://cn.vuejs.org/v2/guide/ vue.js学习日记第四章: http://www.tnblog.net/18323015640/ar...

vue.js 2019-05-30 浏览(145 作者( 博客风格人来疯 )

vue.js 学习日记第四章-vue中文本框数据获取与绑定及computed计算属性

官网:https://cn.vuejs.org/v2/guide/ vue.js学习日记第三章: http://www.tnblog.net/18323015640/art...

vue.js 2019-05-29 浏览(67 作者( 博客风格人来疯 )

vue.js 学习日记第二章-在vue中编写function及一些简单指令

官网:https://cn.vuejs.org/v2/guide/ vue.js 学习日记第一章:http://www.tnblog.net/18323015640/ar...

vue.js 2019-05-29 浏览(67 作者( 博客风格人来疯 )

vue.js 学习日记第一章-安装vue开发环境

官网:https://cn.vuejs.org/v2/guide/ 这是一篇学习性文章,不定时更新,用来记录我学习vue.js的过程...

vue.js 2019-05-29 浏览(97 作者( 博客风格人来疯 )

百度编辑器实现自己的全屏逻辑

首先监听百度编辑器的全屏事件ue.addListener('beforefullscreenchange',function(event,isFullScreen){...

编辑器 2019-05-20 浏览(155 作者( 剑轩 )

Vue.js if用法

vue.js if可以做一些判断例如我们要把下面这个输出varvm=newVue({ el:"#content", data:{ titles:[...

Js相关 2019-05-15 浏览(175 作者( 剑轩 )

layer弹窗引入独立页面进行操作

使用layer弹窗进行操作的时候我们可以使用type=2,来把一个独立的页面指向content内容例如我们有一个表格,点击...

前端 2019-04-29 浏览(295 作者( 剑轩 )

使用select2实现下拉框中显示图片

使用select2插件需要引用select2.min.js、select2.min.css文件1、CDN引用方式:<link href="https://cdn...

前端 2019-04-25 浏览(203 作者( 饰心 )

一点flex布局的运用

水平分割:html:<divclass="flex-container"> <divclass="flex-item">flexite...

前端 2019-04-25 浏览(75 作者( 风清月 )

好看的a标签

哎~!最近各种踏青,停电都遇上了代码的事可能落下好远了吧!!本人不会制作GIF所以只有静态图了图:看起来好像...

前端 2019-04-22 浏览(168 作者( 尘叶心繁 )

jquery验证插件formValidator,AJAX验证手动传值

AJAX验证默认会传递你绑定的id的name值回去,如何你想传递其他值回去的话,直接这样写是不行的应该要这样使用,...

Js相关 2019-04-19 浏览(191 作者( 剑轩 )

js、JQuery获取文本的宽高

页面编写:<!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"/> <t...

前端 2019-04-18 浏览(144 作者( 饰心 )

评价上编辑器之坑

想给评论功能加上表情,传图片,贴代码等功能。所以就要把textarea换成一个编辑器。以为很简单的就是把textarea...

前端 2019-04-14 浏览(275 作者( 剑轩 )

复制样式小技巧

可以直接找到相关的样式重复在样式文件中复制出来不要直接在浏览器右键查看的状态下找,那样很容易找不全,很坑

前端 2019-04-13 浏览(80 作者( 风清月 )

Vue.js常用指令

按照html的编码显示:v-html<div class="font_info" v-html="item.Content">{{item.C...

Js相关 2019-04-13 浏览(213 作者( 剑轩 )

flex好看的相册

先让大家看看效果图吧:需要引入外来插件:https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jq...

前端 2019-04-12 浏览(171 作者( 尘叶心繁 )

bootstrap动态生成的单选框复选框等无法点击选中的问题

bootstrap的单选框、复选框是要经过渲染的,然后才显示出来的经过渲染的是这样的没有经过渲染的就是最原始的样子...

Bootstrap 2019-04-12 浏览(1494 作者( 剑轩 )

音乐加载条

(静态图)效果:html:<!DOCTYPEhtml> <htmllang="en"> <head> <metacharse...

前端 2019-04-12 浏览(101 作者( 尘叶心繁 )

css3样式学习代码

上代码!上代码!不说了<!DOCTYPEhtml> <htmllang="en"> <head> <metacharse...

前端 2019-04-12 浏览(116 作者( 尘叶心繁 )

使用AppCan开发app之开发流程介绍

目前 App的开发主要包含三种方式:原生开发、H5开发、混合开发大概列举一下3种模式优缺点:原生:原生应用由于利...

前端 2019-04-11 浏览(214 作者( 饰心 )

好看的搜索框

直接上代码<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-...

前端 2019-04-11 浏览(135 作者( 尘叶心繁 )

代码雨

喜欢的拿起去试一下嘛!<!DOCTYPEhtml> <htmllang="en"> <head> <metacharse...

前端 2019-04-10 浏览(165 作者( 尘叶心繁 )

bootstrap文字居中问题

静态页上面的效果是这样的可以看到文字和左边的下拉列表是居中的但是如果你直接复制过去可能就是这样的了我们来...

Bootstrap 2019-04-09 浏览(215 作者( 剑轩 )

Jquery选择器的简单实现

一、原生JS提供给我们的选择器document.getElementById(); document.getElementsByTagName(); ...这是以前常用...

随笔 2019-04-04 浏览(65 作者( Taylor )

js,css异步加载

有些时候为了效率,我们需要js与css能够异步加载方法1:直接在后面加一个async的关键字<scriptsrc="~/li...

前端 2019-03-31 浏览(201 作者( 剑轩 )

layui布局

Layui 使用layui-container container来指明一个容器版本<divclass="layui-containercontainer"sty...

前端 2019-03-23 浏览(444 作者( 剑轩 )

旧时的 "var"

在第一章关于变量那部分,我们提到了变量声明的三种方式:letconstvarlet 和 const 在词法环境中的行为完全一样...

Js相关 2019-03-19 浏览(192 作者( 剑轩 )

css定位的简单运用

父容器使用相对定位position: relative子容器使用绝对定位position: relative这样就可以子容器相对父容器定位了...

CSS 2019-03-13 浏览(147 作者( 剑轩 )

干货!div滚动到一定位置就固定他

尊重原创:转载请申明出处div滚动到一定位置就固定他,例如左边的内容很多,右边的内容很少,如果不处理滚动到一...

前端 2019-02-17 浏览(285 作者( 剑轩 )

flex布局常见问题

flex布局中内容div自适应高度<divclass="content"> <divclass="text-center"st...

CSS 2019-02-17 浏览(188 作者( 剑轩 )

jquery删除表格的行,Id自适应

jquery删除表格的行,Id自适应,删除后让id不断层还是依次排列//删除(id自适应) $(".usertable").on(&q...

Js相关 2019-02-17 浏览(172 作者( 剑轩 )

vue.js常用指令

v-html可以把字符串当成一个html来渲染,而不是原样输出Html类似.net mvc中的@Html.Raw()方法<divv-html=&quo...

Vue.js 2019-02-15 浏览(100 作者( 风清月 )

iframe自适应高度与配合net core使用

去掉iframe边框frameborder="0"去掉滚动条scrolling="no"iframe 自适应高度如果内容是固定...

前端 2019-02-11 浏览(466 作者( 风清月 )

jquery常用选择器

html<divid='content'> <div>aa</div> <div>bb</div> <div>cc&...

jquery 2019-02-05 浏览(111 作者( 风清月 )

Vue.js常见问题

一:花括号当做字符串显示的问题1:检查下绑定到vue.js的id是否重复,如果id重复了,就有可能存在这种问题,因为...

Vue.js 2019-02-02 浏览(83 作者( 风清月 )

Layui Select添加选择事件

html<selectname="label"id="atype"lay-filter="atype"> <optionvalue...

Layui 2019-01-18 浏览(424 作者( 剑轩 )

layui 表单模块常见问题

layui 设置select宽度直接设置select外层的宽度就行,layui的select会自适应宽度layui 设置select会被百度编辑器...

前端 2019-01-17 浏览(361 作者( 剑轩 )

Vue.js 实现省市联动

HTML代码<divid="pro_citys"> 省:<selectid="provice"v-on:change="proch...

Js相关 2019-01-13 浏览(175 作者( 剑轩 )

修改了css后,让浏览器从缓存中更新

当我们修改了css后,如果不做一些操作,浏览器是不会自动更新我们的样式文件的。除非是过期或者用户手动刷新清理...

CSS 2019-01-05 浏览(162 作者( 剑轩 )

Vue.js+Layer实现表格数据绑定与更新

一:使用Vue.js绑定好数据与更新事件 使用v-on绑定好事件,在事件里边直接把该行数据传递进去,在更新方法里边...

Js相关 2019-01-01 浏览(1100 作者( 剑轩 )

​js截取两个字符中间的字符串

使用正则表达式来取比如我们要取brush:js;toolbar:false 这个字符串冒号和分号中间的字符串可以varclassname=&qu...

Js相关 2018-12-28 浏览(242 作者( 剑轩 )

JS监听input、keydown,有输入法时打字完成后触发事件

在给输入框绑定input或keydown事件时预期效果是有输入法时,输入中文后触发事件,不希望输一个字母就触发一次事...

JS 2018-12-28 浏览(1017 作者( 雨雨雨雨雨辰 )

实现返回顶部效果

实现的效果如下可以点击它返回到首页去html部分<ulclass="layui-fixbar"style="right:50px;bo...

CSS 2018-12-25 浏览(873 作者( 剑轩 )

如何使用图标像使用文字一样,使用文本图标的方法

1.首先在Iconfont-阿里巴巴矢量图标库上面找到你需要的图标然后加入你的购物车然后选择图标;注意:每个类型的图...

js 2018-12-17 浏览(177 作者( missile )

javascript阻止scroll事件多次执行的思路及实现

//测试代码 window.onscroll=function(){ alert("haha"); }鼠标滑动之后一直点击提示框才可以...

JS相关 2018-12-17 浏览(115 作者( 风清月 )

Jquery判断滚动条是否到底部

有时间我们需要判断滚动条是否已经滚动到底部,例如我们要做滚动刷新的功能$(window).height():一个屏幕的高度注...

Js相关 2018-12-16 浏览(257 作者( 剑轩 )

Layui水平二级菜单时长不显示的问题

调用一下初始化方法Init就可以解决了

Layui 2018-12-16 浏览(383 作者( 剑轩 )

拓展js通用方法来对应c#操作

有很多时候,js不能像c#一样有那样多的方法操作,但是我们可以自己写一些方法,让他拥有:比如最常见的一些:注...

js 2018-12-14 浏览(181 作者( missile )

js遍历localStorage的键值对

//遍历本地存储localStorage for(vari=0;i<localStorage.length;i++){ varkey=localStorage.key(i);//获...

Js相关 2018-12-14 浏览(452 作者( 剑轩 )

CSS相对定位与绝对定位

一般相对定位和绝对定位可以配合起来使用 例如实现如下的效果 只需要在外层div设置为相对定位,在内部设置为...

CSS 2018-12-14 浏览(226 作者( 剑轩 )

DIV+CSS网页布局常用的一些基础知识整理

一.文件命名规范全局样式:global.css;框架布局:layout.css;字体样式:font.css;链接样式:link.css;打印...

记录 2018-12-12 浏览(100 作者( 1301230275 )

JavaScript中的事件委托

什么是事件委托事件委托在JavaScript中是非常常见的,它主要用于对某个元素中的子元素的冒泡事件进行监听。JavaS...

JavaScript 2018-12-09 浏览(83 作者( 17783006457 )

css中单位px,em,rem和vh/vw的理解

>px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。em是相对长度单位。相对于当前对象...

前端 2018-12-07 浏览(172 作者( 噢大菁 )

Bootstrap单选框重叠问题

从bootstrap模板中复制出来就有两个重叠的现象 看源码是生成了两次 重复生成了,所以boostrap那...

Bootstrap 2018-12-04 浏览(560 作者( 剑轩 )

NesTable设置不能拖动

让 Nestable 组件不能拖动,直接在jquery.nestable.js 文件中源码搜索var onStartEvent = function(e) 方法里面...

记录 2018-11-29 浏览(227 作者( 1301230275 )

如何修改CSS中存在的element.style内联样式

改腾讯地图的时候调整了下样式,发现样式一直存在问题,修改style里面的值,一点用都没有,html中这个值还找不到...

前端 2018-11-28 浏览(138 作者( 噢大菁 )

css弹性盒子,flex布局

css弹性盒子由于版本不同浏览器问题造成了一些不同的写法display:flexbox;在google浏览器中如果使用下面的写法就...

CSS 2018-11-25 浏览(354 作者( 剑轩 )

汉字转拼音

/*---------------------------------------------------------------- //文件名:pinyin.js //文件功能描述:...

javascript 2018-11-23 浏览(122 作者( 驯鹿 )

珍藏!! JS CSS不传之秘集合

<!--其中5指每隔5秒刷新一次页面--> <metahttp-equiv="refresh"content="5&...

JS 2018-11-22 浏览(203 作者( 雨雨雨雨雨辰 )

ajax,get时请求异步缓存

ajax中的get为何有时执行,有时不执行?(九十岁老太为何起死回生,数百头母猪为何半夜惨叫;女生宿舍...

JS 2018-11-22 浏览(120 作者( 雨雨雨雨雨辰 )

webstorm破解激活方法

破解webstorm试了很多方法:License server填入网址;搭建本地服务器;其他版本破解补丁都没用最后用3.1版本的ja...

前端 2018-11-09 浏览(157 作者( 噢大菁 )

css实现简单矩形对话框

在前端做项目时,我们可能会遇到写对话框的需求,这次做视频会议页面就遇到了,记录下日后有个参照。//网页部分 ...

前端 2018-11-07 浏览(161 作者( 噢大菁 )

css图片和文字对齐问题

文字和图片写到一排经常会出现对不齐的问题 这样感觉图片会上来一点没有和文字对齐,如下图 但是如...

CSS 2018-03-07 浏览(190 作者( 剑轩 )

最近天气