前端

03--VueJs 的简单的介绍和基本的代码

Vue.js(官网地址:https://cn.vuejs.org/index.html)Vue.js 是目前最火的一个前端框架,除了开发网站,还可以开发...

Vue课程笔记 2019-10-17 浏览(16 作者( 叼着奶瓶逛酒吧 )

02--框架与库的区别

框架:是一套完整的解决方案; 对项目的侵入性较大,项目如果需要更换框架,则需要重新架构整个项目。node 中的 ...

Vue课程笔记 2019-10-17 浏览(7 作者( 叼着奶瓶逛酒吧 )

01-后端开发的-MVC-与前端开发-MVVM-之间的区别

现在网站开发一般都是前台页面与后台的数据交互相互分离的状态,两者之间可以使用 Ajax 远程发送和响应数据,[注...

Vue课程笔记 2019-10-17 浏览(6 作者( 叼着奶瓶逛酒吧 )

vue+element之表单验证

首页介绍一下element,这个是饿了吗团队推出的一个基于vue的前端框架,其他的请自行百度以前吃过表单验证的亏,...

vue 2019-10-04 浏览(48 作者( lybyzp )

js时间格式化,vue.js时间格式化

时间格式:/Date(1567138282927)/js格式化为短日期格式:newDate(parseInt('/Date(1567138282927)/'.sub...

前端 2019-09-28 浏览(45 作者( 剑轩 )

vue实现好友选中效果

逛过vue官网肯定会发现一个有趣的指令“v-for”,相比与以前拼接html代码确实要上档次一点,而且减少了工作量,...

vue 2019-09-26 浏览(32 作者( lybyzp )

ASP.NET MVC + WebUploader实现文件上传二:使用中的一些问题

如何把文件选择按钮换成自己的因为WebUploader设置关联的上传id会有他的样式,有时候想换成自己的开始想的是添加...

前端 2019-09-23 浏览(127 作者( 剑轩 )

bootstrap模板 form的一点布局用法

bootstrap form的布局可以在form stuff里边看到,我们就复制form layouts里边的吧复制这里的我们实现一个简单的资...

前端 2019-09-19 浏览(31 作者( 风清月 )

实现返回顶部效果2

实现返回顶部效果1:http://www.tnblog.net/aojiancc2/article/details/164效果如下:html:<divclass="r...

前端 2019-09-19 浏览(125 作者( 剑轩 )

去掉百度编辑器div被替换成p标签

百度编辑器默认会把div替换成p标签,这样我们在编写一些自定义模板的时候就会改变我们的结构,造成一些问题。解...

编辑器 2019-09-16 浏览(92 作者( 剑轩 )

百度编辑器自定义模板

前言:有些时候我们想要一些固定格式的模板,然后在这个模板的基础上去进行编写可以提升我们的效率,就像微信发...

编辑器 2019-09-16 浏览(608 作者( 剑轩 )

Layui水平布局

一个layui-input-inline即可 <divclass="layui-input-inline"> </div> <divclass=&...

前端 2019-09-10 浏览(42 作者( 风清月 )

解决前台无权访问跳转到登录页面

如题通过官网的API可知其中有一个全局拦截错误的事件$(document).ajaxError(function(ajaxError,jqXHR){ //jq...

前端 2019-09-10 浏览(46 作者( 尘叶心繁 )

bootstrap分页条样式

其实就是一个pagination即可<divclass="dataTables_paginatepagination"> <ulid="pagi...

前端 2019-09-05 浏览(45 作者( 风清月 )

表格在layer弹窗中居中

其实很简单直接给table设置一个margin:top auto就可以了layer:layer.open({ type:1, title:"更新", ...

CSS 2019-09-03 浏览(54 作者( 剑轩 )

AJAX三级联动

做好二级联动,三级联动几乎完全一样了html:省:<selectid="provice"> </select> 市:&l...

JS相关 2019-09-02 浏览(49 作者( 风清月 )

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

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

Jquery 2019-08-23 浏览(105 作者( 青春一閃而過 )

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

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

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

bootstrap内容灰白背景

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

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

layuia 图标

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

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

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

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

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

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

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

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

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

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

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

TNBLOG(Button)

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

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

bootstrap 栅格布局一小例子

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

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

实现好看的文字图片滚动

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

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

net core测试

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

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

my97时间选择事件

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

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

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

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

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

css居中的一点小写法

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

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

TNBLOG端午节

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

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

TNBLOG论坛新型加载效果

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

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

html/css样式

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

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

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

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

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

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 浏览(184 作者( 博客风格人来疯 )

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

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

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

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

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

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

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

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

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

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

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

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

Vue.js if用法

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

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

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

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

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

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

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

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

一点flex布局的运用

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

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

好看的a标签

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

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

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

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

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

js、JQuery获取文本的宽高

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

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

评价上编辑器之坑

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

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

复制样式小技巧

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

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

Vue.js常用指令

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

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

flex好看的相册

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

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

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

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

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

音乐加载条

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

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

css3样式学习代码

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

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

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

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

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

好看的搜索框

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

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

代码雨

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

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

bootstrap文字居中问题

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

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

Jquery选择器的简单实现

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

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

js,css异步加载

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

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

layui布局

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

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

旧时的 "var"

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

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

css定位的简单运用

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

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

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

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

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

flex布局常见问题

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

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

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

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

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

vue.js常用指令

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

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

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

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

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

jquery常用选择器

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

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

Vue.js常见问题

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

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

Layui Select添加选择事件

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

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

layui 表单模块常见问题

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

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

Vue.js 实现省市联动

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

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

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

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

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

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

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

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

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

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

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

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

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

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

实现返回顶部效果

实现返回顶部效果2:http://www.tnblog.net/aojiancc2/article/details/2677实现的效果如下可以点击它返回到首页...

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

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

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

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

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

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

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

Jquery判断滚动条是否到底部

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

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

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

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

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

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

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

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

js遍历localStorage的键值对

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

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

CSS相对定位与绝对定位

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

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

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

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

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

JavaScript中的事件委托

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

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

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

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

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

Bootstrap单选框重叠问题

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

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

NesTable设置不能拖动

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

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

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

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

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

css弹性盒子,flex布局

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

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

汉字转拼音

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

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

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

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

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

ajax,get时请求异步缓存

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

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

webstorm破解激活方法

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

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

css实现简单矩形对话框

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

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

css图片和文字对齐问题

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

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

最近天气