- 博客(80)
- 收藏
- 关注
原创 预备学习和面试资料
https://blog.csdn.net/yangjianrong1985/article/details/102889951
2020-11-20 19:45:01 69
原创 原生js实现jquery 中的 parent 、parents、children、find
我们都知道jq中的这几个方法是可以传递选择器的,而且选择器的功能是非常强大的。原生的js也想实现,该如何做呢?暂时提供一下思路,还没做。比如,parents,我们可以先用递归,取出所有的父级,然后,参数二传递css选择器,然后用queryselectAll api来从document开始寻找,如果参数二默认为空,则默认取所有的父级,传递了,则把两个结果进行比对取结果的交集部分即可。...
2020-11-30 13:00:04 2055
原创 JS函数设置默认参数值
JS函数设置默认参数值es5es6引用es5的面向对象,简直是个噩梦es5function example(a,b){ var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1 var b = arguments[1] ? arguments[1] : 2;//设置参数b的默认值为2 return a+b;}function example(name,age){ name=name||'貂蝉'; age
2020-11-30 12:43:34 304
原创 如何正确来体验新的JavaScript语法
如何正确来体验新的JavaScript语法简单认识Babelnpm下载babel找到下载目录中的browser.min.js进行引入文件目录browser-polyfill.min.js注意事项个人建议简单认识这样的代码在<script> const Name = '张三';//使用新增的关键字:const声明常量 alert(Name);</script>BabelBabel 默认只转换新的 JavaScript 句法,Google Chrome还有fir
2020-11-30 12:39:30 307
原创 原生js 实现jquery 的parents
就是用了递归。 function getParents(el, parentSelector /* optional */) { // console.log(el); // If no parentSelector defined will bubble up all the way to *document* if (parentSelector === undefined) { pa
2020-11-29 23:07:51 1746
原创 jquery 中的 parent 、parents、children、find
parent语法$(selector).parent(filter)说明只找当前的父级,参数可选。parents语法$(selector).parents(filter)说明只找当前的所有父级,参数可选。children语法$(selector).children(filter)说明只找当前的子级元素,参数可选find语法$(selector).find(filter)说明参数必填,查找所有的后代元素。...
2020-11-29 22:39:38 1022
原创 原生js事件委托怎么做?
https://www.cnblogs.com/maryyin/p/13665822.htmlhttps://blog.csdn.net/demiling/article/details/83311102
2020-11-29 14:58:52 158
原创 原生js添加class
document.getElementsByTagName('body')[0].className = 'snow-container'; //设置为新的document.getElementsByTagName('body')[0].className += 'snow-container'; //在原来的后面加这个document.getElementsByTagName('body')[0].classList.add("snow-container"); //与第一个等价...
2020-11-29 14:36:08 1491 1
原创 检测头部某个脚本是否引入
window.onload = function(){ // 检测头部的守卫脚本是否引入 var scriptList = document.querySelectorAll('head script'); // var sas = ss.getAttribute('src'); if (scriptList.length != 0) { //遍历 scriptList.forEach(function (item) {
2020-11-29 14:34:51 111
原创 前端除了bootstrap还有和它类似的几个推荐
首先要明白bootstrap,你可以只用它的css来进行开发,js部分是赠送的。因为依赖于jquery(bootstrap5已经移除,这是因为现在浏览器的发展,ie已经渐渐被淘汰,api越来越统一)除了bootstrap 我个人还非常喜欢的几个 非常受欢迎的几个强大css库https://materializecss.com/https://get.foundation/sites/docs/https://www.purecss.cn/其它推荐https://www.mockplus.
2020-11-29 13:30:45 1795
原创 原生js实现类似jquery ready方法
https://blog.csdn.net/crystal6918/article/details/78032171?utm_medium=distribute.pc_relevant.none-task-blog-OPENSEARCH-1.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-OPENSEARCH-1.control
2020-11-29 00:12:54 194
原创 听说你还不知道什么是rem em px的区别?
https://www.runoob.com/w3cnote/px-em-rem-different.html地址在这里,最近搞zan-admin的基础布局,看了bootstrap学习到非常非常多的知识
2020-11-28 14:11:16 64
原创 Chromium内核和Webkit的关系到底是什么?
Chrome内核和Webkit的关系到底是什么?WebkitChromium拓展作为web工程师还不清楚那是不可以的,来看看一个爱做小编的程序员的新闻吧Webkit同时WebKit 也是苹果Mac OS X 系统引擎框架版本的名称,主要用于Safari,Dashboard,Mail 和其他一些Mac OS X 程序。WebKit 前身是 KDE 小组的 KHTML,WebKit 所包含的 WebCore 排版引擎和 JSCore 引擎来自于 KDE 的 KHTML 和 KJS,当年苹果比较了 Ge
2020-11-28 11:08:45 6608
原创 bootstrap4文档
官方文档https://getbootstrap.com/docs/4.5/getting-started/browsers-devices/中文文档https://v4.bootcss.com/docs/getting-started/introduction/
2020-11-27 18:39:29 192
原创 bootstrap5.0文档
官方文档https://twbs-bootstrap.netlify.app/docs/5.0/getting-started/introduction/中文网https://v5.bootcss.com/
2020-11-27 15:15:27 2491
原创 height:100%和height:100vh的区别
vh就是当前屏幕可见高度的1%,也就是说height:100vh == height:100%;但是当元素没有内容时候,设置height:100%,该元素不会被撑开,此时高度为0,但是设置height:100vh,该元素会被撑开屏幕高度一致。
2020-11-27 10:38:30 743
原创 bootstrap4插入警告框
// if ($('.zan-loadding').length == 0) { // setTimeout(function () { // $("#zan-app").html(` <div class="d-flex align-items-center justify-content-center" style="height: 100%;z-index: 999999;background-color: #fcfcfc;">...
2020-11-26 11:10:51 121
原创 字体图标推荐
以前是fontawesome的重度用户,但是后来发现它们的图标居然不等宽。现在已经推荐Material Design Icons地址http://materialdesignicons.com/
2020-11-25 16:03:40 81
原创 关于杀毒软件的看法
以下全是我个人的看法,真的只是有感而发,可能会很罗嗦,请各位网友文明发言。虽然90后很年轻化,最小的90后都20了,已经慢慢变成社会生产力的主力军,而且几乎从这里开始几乎人均大学生,都是享受高等教育的人,所以保持文明谦和是中国人应该有风度。互联网的发展可以说90后是见证过它的发展大潮的,从我的感觉就是,从初中那个时候的诺基亚翻盖的按键机,到高二吧好像,爸妈给我买了人生当中第一部的安卓手机,那个时候安卓系统我用那部是2.3的,那个时候好像小视频好像还没那么火,上了大学后听学姐说,可以用美团叫外卖,因为那个
2020-11-24 16:17:45 381
原创 关于windows上的最佳卸载软件
关于windows上的最佳卸载软件Geek Uninstalleruninstall-tooliobit uninstallerGeek Uninstaller地址https://geekuninstaller.com/说明免费的,有pro版本收费,官网有绿色版,一次性买断的,白嫖版就够了【推荐】uninstall-tool地址https://crystalidea.com/uninstall-tool说明全程收费,有30天试用期,但是每次关闭都要弹窗。【不推荐】iobit
2020-11-24 14:35:39 671
原创 CSDN-markdown编辑器默认内容
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-11-24 14:18:43 124
原创 fontawesome5如何使用?
https://10.1pxeye.com/use-font-awsome-5-x-in-your-website-project/
2020-11-20 23:44:05 1988
原创 js直接暂停整个页面运行
window.stop ? window.stop() : document.execCommand("Stop");
2020-11-20 19:17:37 1699
原创 js延时设定秒数的函数
function sleep(delay) { var start = (new Date()).getTime(); while((new Date()).getTime() - start < delay) { continue; }}
2020-11-20 19:00:29 410
原创 bs4中 shrink-to-fit=no 是什么意思?
bs4中的基本模板中的meta标签<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">禁止手机端用户缩放,使应用看起来更像原生应用<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no,user-scalable=no">该标签可以让部分国产
2020-11-20 17:00:00 2721
原创 tailwindcss.css
也不知是什么鬼,一会儿查资料说jq过时了,一会儿说 某某框架才是目前最牛的。目不暇接。于是 我对我手上这个JQ 搞出来的 项目 感到了深深的思考。我还在用jq我是不是不配做web程序员?网上有些人是 会vue的极度贬低jq ,用jq熟练的说jq还能一战。管你们的,毫无意义。快速完成我的业务,让客户给我转账,比啥都爽 。...
2020-11-19 17:12:29 150
原创 js字符串 “true“和 “false“转换为boolean 类型
其实理论上来讲,最好不要用 “true"和 “false” 字符串类型来存储 用"0” 和 “1”JSON.parse('true')JSON.parse('false')
2020-11-17 19:28:02 4146
原创 53种加载动画和53种阴影动画css
https://github.com/danielcardoso/load-awesomehttps://github.com/madeas/box-shadows.css
2020-11-17 13:00:11 78
原创 几个不错的checkbox 和 switch 按钮样式
http://github.evanliu2968.com.cn/el-checkbox/https://github.com/hunzaboy/CSS-Checkbox-Library
2020-11-17 12:49:32 454
原创 自己实现一个漂亮的css switch按钮
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /* Switch开关样式 */
2020-11-17 12:28:09 224
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人