前端

Angular与Layui框架集成使用(优化)

在使用后很多入坑 全局引入所有模块 Layui的所有模块可以全部一次性加载 所有模块可通过layui/lay/module...

Angular 2021-01-15 浏览(49 作者( 是伍尚金哇_v )

Angular与Layui框架集成使用

目录" class="reference-link">目录 目录前言初使用 下载layui资源包创建angular项目 搭建angular环境(已搭...

Angular 2021-01-07 浏览(128 作者( 是伍尚金哇_v )

谈谈ShadowDOM

前言:hello,各位老铁们 大家好 好久不见 我还是你们熟悉的小付今天给大家带来的是ShadowDOM的介绍和一些案例说...

笔记 2020-12-29 浏览(133 作者( 忘掉过去式 )

angular使用加载指示符loading的ngx-loading

前言欢迎使用tnblog如果你的项目是纯angular需要用到请求或者其他方式时在在界面上通过loading的方式来展示请求...

Angular 2020-12-23 浏览(150 作者( 是伍尚金哇_v )

基于angular的HttpClient封装_HttpClient

基于angular的HttpClient封装_HttpClient,直接复制源码即可用包含常用的get、post、patch、delete和put请求;im...

Angular 2020-12-23 浏览(137 作者( 是伍尚金哇_v )

css让大小不同的图片表现一致,同时自适应

壹 ? 引实习生在做产品分类页时,遇到了一个她不知道如何解决问题,所以来问我应该怎么做;问题其实不难,由于...

前端 2020-12-08 浏览(197 作者( 人生若只如初见 )

ES6中一些常用基本函数的使用

前端刷副本日记chapter2!!ES6中一些常用基本函数的使用//按条件筛选数组中指定的值//varresult=[];//varsports...

H5_ES6 2020-12-06 浏览(176 作者( 晨晓 )

js与ES6中基本语法异同比较

前端刷副本日记chapter1!!js中和ES6中声明变量的区别://js中value在声明之前可以使用value="黄大仙&quot...

H5_ES6 2020-12-06 浏览(178 作者( 晨晓 )

一个div写出好看的按钮

效果图代码如下,最主要的就是行高,可以让字体在中间,不要设置什么top就可以居中

前端 2020-12-03 浏览(157 作者( 人生若只如初见 )

editor.md 一些常用的参数和方法

script> var testEditor; $(function() { $.get('test.md&#...

前端 2020-11-27 浏览(185 作者( 风清月 )

JS滚动

DIV overflow:hidden;//滚动必需样式,内容超过后就会隐藏{width:100%;height:100%;overflow:hidden;//滚动必需...

前端 2020-11-26 浏览(208 作者( 人生若只如初见 )

js给不同用户随机显示不同颜色

彼年豆蔻,谁许谁地老天荒。首先js随机产生颜色思路就是随机产生6个16进制的数字即可//js随机产生颜色 function...

前端 2020-11-19 浏览(353 作者( 剑轩 )

div 点击事件 切换div class 和 style

$(".but").on("click",function(){vardiv=$("div[class='but']");//获取...

前端 2020-11-19 浏览(192 作者( 人生若只如初见 )

div 使用padding收缩 内容时div被撑大

万能的百度让我css里面加上这一句*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:bord...

前端 2020-11-19 浏览(190 作者( 人生若只如初见 )

js随机产生颜色

js随机产生颜色思路就是随机参数6个16进制的数字即可//js随机产生颜色 functionrandomColor(){ varstr='#&...

前端 2020-11-18 浏览(169 作者( 上课笔记小号 )

div 加四个边角

效果图代码如下<divclass="boxall">sss<divclass="boxfoot"></div></...

前端 2020-11-17 浏览(251 作者( 人生若只如初见 )

css3伪类选择器 nth-child

选中第一个元素:.container>div:first-child{ background:#abcdff; }选中最后一个可以使用last-child.cont...

前端 2020-11-17 浏览(296 作者( 剑轩 )

css3 中的 nth-child

:nth-child(n)选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数,而且可以是整数值(1,2,3,...

前端 2020-11-17 浏览(173 作者( 小见 )

原生js如何删除父节点

通过parentNode找到父节点然后在使用removeChild删除即可。只是删除父节点要多找一层也就是使用爷爷在删除父亲。...

前端 2020-11-17 浏览(210 作者( 小见 )

js中removeChild与removeNode区别

xxx.removeChild(obj)xxx删除的是指定的节点xxx.removeNode(true)xxx删除的所有子节点

前端 2020-11-16 浏览(184 作者( 小见 )

原生js如何删除本身节点

先通过parentNode找到父节点然后在使用removeChild删除即可。代码很简单,如下:vardeleteDetails=function(my){...

前端 2020-11-16 浏览(180 作者( 小见 )

vue 报单引号,分号警告

新建vue项目不知道是哪个插件报了这个错,记录一下,说不定以后自己另外的项目不小心引用了呢,解决办法:找到 ....

前端 2020-11-16 浏览(267 作者( 人生若只如初见 )

div居中,表格居中

div居中很简单:只需要先定宽,然后在设置margin:xx auto;即可表格居中,直接设置margin:xx auto;即可,因为他本...

前端 2020-11-05 浏览(244 作者( 上课笔记小号 )

Vue小坑坑好多呀!!!

坑一 Vue3.0的模版,2.0不配 坑二 如果数组里面它没有结果,就会报错 ex: const routes = [ ] 必须...

前端 2020-10-31 浏览(339 作者( 尘叶心繁 )

解决 gyp: No Xcode or CLT version detected! 错误提示

更新Mac系统后,在用npm安装依赖包的时候总会报这个错误:gyp: No Xcode or CLT version detected!查找了网上...

前端 2020-10-30 浏览(299 作者( 尘叶心繁 )

上传文件修改样式

前言:hello,各位老铁们大家好我们又见面了,今天给大家分享一下自己的一个修改样式的小方法,在分享之前和想大...

笔记 2020-10-20 浏览(373 作者( 忘掉过去式 )

关于点击时悬浮当前位置div部分显示不全问题

//点击触发悬浮div可以看看这篇 :https://www.tnblog.net/15736469932/article/details/5137 t为当前table点击...

前端 2020-10-20 浏览(324 作者( 人生若只如初见 )

layer表格点击事件悬浮div(更新修改一下错误)

效果图首先说说需求,点击表格某一列显示详情layertable有个监听事件event有两种方式触发,第一种是按钮也就是操...

前端 2020-10-20 浏览(448 作者( 人生若只如初见 )

设置div点击域隐藏div

直接上代码//监听全部全部鼠标事件$(document).mouseup(function (e) { var con = $("div&quo...

前端 2020-10-20 浏览(287 作者( 人生若只如初见 )

layer表格点击事件获取当前top以left

直接上代码吧 var t = obj.tr.find("td[lay-event='Title']").offset().top + obj.tr.find(&q...

前端 2020-10-20 浏览(281 作者( 人生若只如初见 )

js replace全部替换的方法

在写前端代码的时候,我们有时希望替换掉一个字符串中的一部分,理所当然的想到了replace这个方法。但是在实践中...

.NET 2020-10-13 浏览(312 作者( 人生若只如初见 )

JS数组和VUE利用filter(filters)实现数据过滤

先说JS的语法 array.filter(function(currentValue,index,arr), thisValue)thisValue 可选 (不是必须)。对象...

前端 2020-10-10 浏览(679 作者( 人生若只如初见 )

文字超出div的宽度,常用样式设置

常用样式设置如下:p{ width:50px;/*必须设置宽度*/ overflow:hidden;/*溢出隐藏*/ text-overflow:elli...

前端 2020-10-05 浏览(374 作者( 风清月 )

好看的好友列表页

index.html <!DOCTYPE html> <html> <head> <meta charset="utf...

前端 2020-09-11 浏览(526 作者( 尘叶心繁 )

前端脚手架工具

脚手架工具什么是脚手架工具用于创建项目基础结构的一种工具、提供项目的基础规范和约定等 当开发人员经过较长...

前端 2020-08-24 浏览(497 作者( Baboon )

前端工程化不能停

前端工程化前端工程化就是遵循一定得标准和规范,通过工具去提高效率和降低成本的一种手段。 有一些头发比较...

前端 2020-08-24 浏览(512 作者( Baboon )

使用dplayer进行视频播放

贴个小demo:<!DOCTYPEhtml> <html> <head> <metaname="viewport"content=&...

前端 2020-08-22 浏览(513 作者( 剑轩 )

实现一边固定,一边自适应宽度的布局

使用flex布局的情况下,需要自定义宽度的div增加一个flex-grow:1即可<divclass="row"> <div...

CSS 2020-08-20 浏览(612 作者( 剑轩 )

网格系统没有合适的宽度怎么办,比如col-3太短col-4又太宽

可以为这些样式针对性的重新定义一个宽度如下:.col-9{ max-width:73%; flex:0073%; } .col-3{ max-width...

前端 2020-08-18 浏览(559 作者( 剑轩 )

layui中使用layer

直接这样既可:layui.use('layer',function(){ varlayer=layui.layer; layer.msg('hello'); });

前端 2020-08-17 浏览(437 作者( 风清月 )

layer没有垂直居中的问题

解决方法1:在页面的顶部加上:<!DOCTYPE html>

前端 2020-08-17 浏览(712 作者( 风清月 )

bootstrap实现一个搜索框

无图无真相效果如下:思路:就正常放这些选择框,输入框,按钮,然后把这些本身的边框去掉,在在外面的div整一个...

CSS 2020-08-15 浏览(1113 作者( 剑轩 )

怎么去掉input获得焦点时的边框

直接使用属性outline: none即可.search-choise{ box-shadow:none; border:0none; outline:none; }

前端 2020-08-15 浏览(437 作者( 素衣清颜淡若尘 )

bootstrap表格样式

bootstrap3中的写法:<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"&...

CSS 2020-08-14 浏览(586 作者( 剑轩 )

css3印章效果

配合bootstrap4来写的,效果图直接贴代码吧:直接复制运行即可看到效果:<!DOCTYPEhtml> <html> ...

CSS 2020-08-14 浏览(1222 作者( 剑轩 )

关于bootstrap 网格系统row间距问题

比如我们给row设置一个边框 可以看到是没有对齐的 是因为row本身是一个间距设置的,有个负数 所有不想要这...

前端 2020-08-14 浏览(660 作者( 风清月 )

css 如何让边框不影响宽度

网上说使用盒子模型box-sizing:border-box即可解决div.box{ box-sizing:border-box; -moz-box-sizing:border-b...

前端 2020-08-13 浏览(761 作者( 剑轩 )

JS 圆形进度条

效果图 素材 index.html<!DOCTYPE html> <html> <head> <meta charset=&...

前端 2020-08-13 浏览(538 作者( 尘叶心繁 )

vue 动态切换class

vue动态切换class方式一:<div :class="{ active: isActive }"></div>表示active 是否存...

.NET 2020-08-12 浏览(465 作者( 人生若只如初见 )

vue 父组件调用子组件方法或子组件调用父组件方法

一父组件调用子组件方法子组件定义一个 ref :ref具有唯一性调用 : this.$refs.alert.子组件方法还可以获取data...

.NET 2020-08-12 浏览(617 作者( 人生若只如初见 )

最近天气

好句分享

在情感关系里沟通是最重要的,喜欢开心要告诉对方,讨厌生气也要让对方明白,这样双方才能把握好分寸让彼此都能轻松自在,所以爱绝不是只为满足自己的需求任性妄为,爱的基础是尊重,没有这个就只是打着爱的幌子相互伤害。

技术交流