前端
Angular与Layui框架集成使用（优化）
在使用后很多入坑
全局引入所有模块
Layui的所有模块可以全部一次性加载
所有模块可通过layui/lay/module...
Angular与Layui框架集成使用
目录" class="reference-link">目录
目录前言初使用
下载layui资源包创建angular项目
搭建angular环境（已搭...
angular使用加载指示符loading的ngx-loading
前言欢迎使用tnblog如果你的项目是纯angular需要用到请求或者其他方式时在在界面上通过loading的方式来展示请求...
基于angular的HttpClient封装_HttpClient
基于angular的HttpClient封装_HttpClient，直接复制源码即可用包含常用的get、post、patch、delete和put请求；im...
css让大小不同的图片表现一致，同时自适应
壹 ? 引实习生在做产品分类页时，遇到了一个她不知道如何解决问题，所以来问我应该怎么做；问题其实不难，由于...
ES6中一些常用基本函数的使用
前端刷副本日记chapter2！！ES6中一些常用基本函数的使用//按条件筛选数组中指定的值//varresult=[];//varsports...
js与ES6中基本语法异同比较
前端刷副本日记chapter1！！js中和ES6中声明变量的区别：//js中value在声明之前可以使用value="黄大仙"...
editor.md 一些常用的参数和方法
script>
var testEditor;
$(function() {
$.get('test.md&#...
js给不同用户随机显示不同颜色
彼年豆蔻，谁许谁地老天荒。首先js随机产生颜色思路就是随机产生6个16进制的数字即可//js随机产生颜色
function...
div 点击事件 切换div class 和 style
$(".but").on("click",function(){vardiv=$("div[class='but']");//获取...
div 使用padding收缩 内容时div被撑大
万能的百度让我css里面加上这一句*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:bord...
css3伪类选择器 nth-child
选中第一个元素：.container>div:first-child{
background:#abcdff;
}选中最后一个可以使用last-child.cont...
css3 中的 nth-child
:nth-child(n)选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数，而且可以是整数值(1,2,3,...
原生js如何删除父节点
通过parentNode找到父节点然后在使用removeChild删除即可。只是删除父节点要多找一层也就是使用爷爷在删除父亲。...
js中removeChild与removeNode区别
xxx.removeChild(obj)xxx删除的是指定的节点xxx.removeNode(true)xxx删除的所有子节点
原生js如何删除本身节点
先通过parentNode找到父节点然后在使用removeChild删除即可。代码很简单，如下：vardeleteDetails=function(my){...
div居中，表格居中
div居中很简单：只需要先定宽，然后在设置margin:xx auto;即可表格居中，直接设置margin:xx auto;即可，因为他本...
Vue小坑坑好多呀！！！
坑一
Vue3.0的模版，2.0不配
坑二
如果数组里面它没有结果，就会报错 ex:
const routes = [
]
必须...
解决 gyp: No Xcode or CLT version detected! 错误提示
更新Mac系统后，在用npm安装依赖包的时候总会报这个错误：gyp: No Xcode or CLT version detected!查找了网上...
关于点击时悬浮当前位置div部分显示不全问题
//点击触发悬浮div可以看看这篇 ：https://www.tnblog.net/15736469932/article/details/5137 t为当前table点击...
layer表格点击事件悬浮div（更新修改一下错误）
效果图首先说说需求，点击表格某一列显示详情layertable有个监听事件event有两种方式触发，第一种是按钮也就是操...
设置div点击域隐藏div
直接上代码//监听全部全部鼠标事件$(document).mouseup(function (e) { var con = $("div&quo...
layer表格点击事件获取当前top以left
直接上代码吧 var t = obj.tr.find("td[lay-event='Title']").offset().top + obj.tr.find(&q...
js replace全部替换的方法
在写前端代码的时候，我们有时希望替换掉一个字符串中的一部分，理所当然的想到了replace这个方法。但是在实践中...
JS数组和VUE利用filter（filters）实现数据过滤
先说JS的语法 array.filter(function(currentValue,index,arr), thisValue)thisValue 可选 （不是必须）。对象...
文字超出div的宽度，常用样式设置
常用样式设置如下：p{
width:50px;/*必须设置宽度*/
overflow:hidden;/*溢出隐藏*/
text-overflow:elli...
使用dplayer进行视频播放
贴个小demo:<!DOCTYPEhtml>
<html>
<head>
<metaname="viewport"content=&...
实现一边固定，一边自适应宽度的布局
使用flex布局的情况下，需要自定义宽度的div增加一个flex-grow:1即可<divclass="row">
<div...
网格系统没有合适的宽度怎么办，比如col-3太短col-4又太宽
可以为这些样式针对性的重新定义一个宽度如下：.col-9{
max-width:73%;
flex:0073%;
}
.col-3{
max-width...
layui中使用layer
直接这样既可：layui.use('layer',function(){
varlayer=layui.layer;
layer.msg('hello');
});
怎么去掉input获得焦点时的边框
直接使用属性outline: none即可.search-choise{
box-shadow:none;
border:0none;
outline:none;
}
bootstrap表格样式
bootstrap3中的写法：<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"&...
关于bootstrap 网格系统row间距问题
比如我们给row设置一个边框
可以看到是没有对齐的
是因为row本身是一个间距设置的，有个负数
所有不想要这...
css 如何让边框不影响宽度
网上说使用盒子模型box-sizing:border-box即可解决div.box{
box-sizing:border-box;
-moz-box-sizing:border-b...
vue 动态切换class
vue动态切换class方式一：<div :class="{ active: isActive }"></div>表示active 是否存...
vue 父组件调用子组件方法或子组件调用父组件方法
一父组件调用子组件方法子组件定义一个 ref :ref具有唯一性调用 ： this.$refs.alert.子组件方法还可以获取data...
技术分类
最近天气
好句分享
在情感关系里沟通是最重要的，喜欢开心要告诉对方，讨厌生气也要让对方明白，这样双方才能把握好分寸让彼此都能轻松自在，所以爱绝不是只为满足自己的需求任性妄为，爱的基础是尊重，没有这个就只是打着爱的幌子相互伤害。
人气博主
剑轩
雨雨雨雨辰
尘叶心繁
是伍尚金哇_v
陪你听风
饰心
技术专栏
-
YOU
幼儿园抢饭第一名2019-05-20
-
叼着奶瓶逛酒吧
大概你身上总有我喜..2019-03-09
-
小可爱
愿你善其身，愿你遇良人2018-12
-
浮沉与木
浮沉与木2015-11-26
精品推荐
技术分类
备案信息
- ICP备案：渝ICP备18016597号-1
- 技术交流：群号677373950
- 2018-2020 TNBLOG.NET版权所有
技术交流
