首页
关于
友链
留言板
Search
1
Typecho和Joe主题美化记录
865 阅读
2
海外各类账号注册
758 阅读
3
图片懒加载插件
726 阅读
4
网站添加社会主义核心价值观鼠标点击特效
685 阅读
5
产品360度旋转插件
668 阅读
前端技术
干货分享
深度好文
Search
南下客
累计撰写
23
篇文章
累计收到
11
条评论
首页
栏目
前端技术
干货分享
深度好文
页面
关于
友链
留言板
搜索到
23
篇与
的结果
2022-06-06
前端必备的Visual Studio Code插件
Auto Close Tag匹配标签关闭对应的标签Auto Rename Tag可以在一个标签更改时自动更新另一个标签IntelliSense for CSS class names in HTMLCSS 类名智能提示open in browser用浏览器预览运行html文件Bracket Pair Colorizer让括号拥有独立的颜色易于区分Color Info提供你在 CSS 中使用颜色的相关信息Colorize会给颜色代码增加一个当前匹配代码颜色的背景One Dark Pro暗色主题Beautify格式化javascript,JSON,CSS,Sass,和HTMLDocument This快速注释
2022年06月06日
574 阅读
0 评论
27 点赞
2022-05-18
前端开发必备基础英文单词
导航类导航:nav标题:title摘要:summary菜单:menu子菜单:submenu主导航:mainbav子导航:subnav顶导航:topnav边导航:sidebar左导航:leftsidebar右导航:rightsidebar页面结构布局容器:container页头:header内容:content/container页尾:footer导航:nav侧栏:sidebar栏目:column页面主体:main左右中:left right center页面外围控制整体布局宽度:wrapper功能标志:logo滚动:scroll广告:banner登录:login注册:regsiter搜索:search图标:icon注释:note指南:guild状态:status服务:service按钮:btn热点:hot新闻:news下载:download版权:copyright投票:vote标签页:tab登录条:loginbar面包屑:breadCrumb当前的:current小技巧:tips功能区:shop文章列表:list提示信息:msg合作伙伴:partner友情链接:friendlinkCSS 英文释译线:line行:row宽 :width高:height外边界:margin内边界:padding边框:border行高:line-height背景:background颜色:color顶部:top标题:title字体:font身体:body大小:size列表:list文本:text样式:style对齐:align图像:image修饰:decoration资源:source宽度:width穿过:through高度:height缩进:indent斜体:italic链接:link加粗:bold斜体:italic加重:weight加粗:bold输入:input主体:main下面的:under重复:repeat填充:padding位置:position正常:normal父级 parent子级:children隐藏:hidden显示:visible溢出:overflow列表:list样式 style导航:nav显示类型:display广告图片:banner页眉:header文件命名主要的:master模块:module重置:reset基本共用:base/common布局,版面:layout主题:themes专栏:columns文字:font表单:forms补丁:mend打印:print混入:mixins组件:components静态资源:public/static路由:router页面/视图: pages/views配置: config其他broswer 浏览器(客户端)html 超文本标记语言css 层叠样式表javascript 语言名字(类似python/php/c…)title 标题body 身体head 头div 盒子(类似收纳箱)font 字体width 宽height 高background 背景color 颜色ul (Unordered List) 无序列表ol (Ordered List) 有序列表li (List Item) 列表项dl (Definition List) 自定义列表form 表单action 地址method 方法input 输入框text 文本password 密码radio 单选checkbox 多选select 下拉菜单option 选项padding 内边距margin 外边距border 边线solid 直线dashed 虚线dotted 点线overflow 溢出hidden 隐藏visibility 可见度table 表格thead 表头tbody 表格内容tr (table row) 行td/th (table data, table headline)列rowspan 合并行colspan 合并列collapse 合并position 定位relative 绝对定位absolute 相对定位fixed 固定定位static 静态定位script 脚本string 字符串number 数字boolean 布尔undefined 未定义null 空(None)function 函数document 文档get 获取element 元素by 通过id idtagName 标签名window 窗口object 对象array 数字(类似python中的list列表)setInterval 定时器clearInterval 清除定时器$ 美元符号next 下一个prev 前一个(previous)parent 父母/双亲children 孩子click 点击mouseleave 鼠标移开mouseenter 鼠标进入animate 动画slide 滑动fade 渐进show 显示hide 隐藏test 测试stopProperation 阻止冒泡preventDefault 阻止默认行为dom document object model 文档对象模型ajax 啊甲克斯type 类型url 统一资源定位符data 数据dataTpye 数据类型success 成功error 失败done 成功fail 失败mustache 胡子computed 计算watch 监听filters 过滤器mounted 挂载,生成axios vue中的ajaxlet 变量const 常量
2022年05月18日
315 阅读
0 评论
17 点赞
2022-05-13
详细个人建站流程
一、购买虚拟主机或云服务器根据自己的需求选择合适的服务器或虚拟主机,个人网站建议购买虚拟主机性价比高。二、注册并购买域名对于网站搭建选择一个好的域名很重要,要简短好记并且有意义。三、网站域名备案购买好域名和服务器之后就可以进行网站备案了(注:备案不需要任何费用)工信部审核一般需要7~20个工作日。如果你购买的是国外或香港服务器则不需要网站备案 。四、网站制作及上传使用FTP工具将网站源码上传到服务器,这里我推荐几款好用的FTP工具FileZilla 、Xftp 7。五、域名解析服务器控制台上绑定自己的域名,并对该域名进行解析。
2022年05月13日
399 阅读
2 评论
18 点赞
2022-04-11
图片懒加载插件
<script src="https://rawgit.com/tuupola/jquery_lazyload/2.x/lazyload.js"></script> <img class="lazyload" src="thumbnail/example.jpg" data-src="example.jpg" /> <script> window.addEventListener("load", function (event) { let timeout = setTimeout(function () { azyload(); }, 5000); }); </script>
2022年04月11日
726 阅读
0 评论
23 点赞
2022-03-24
前端ajax规范写法
<script> $.ajax({ url: "http://1.1.1.1/api/v2/user/inviters", //接口 type: "post", //GET或POST data: JSON.stringify({}), //数据 headers: { 'Content-Type': 'application/json' }, //dataType: 'json', //返回的数据格式:json/xml/html/script/jsonp/text success: function (msg) { if (msg.data && msg.data.inviters) { addFimg(msg.data.inviters); } }, //回调成功方法 error: function (xhr, textStatus) { console.log(xhr); console.log(textStatus) } }); </script>
2022年03月24日
343 阅读
0 评论
13 点赞
2022-02-16
这世上最美好的事,大概就是拥有热爱
有人说,我们都渴望以自我意愿为中轴,去寻找自己想走的路。可人这一生,看似在寻找很多东西,但最终不过是在寻找内心中的热爱。 什么是热爱?或许很多人以为,它就是你喜欢和想要干的事。但它还有一个更重要的特质就是,心甘情愿。 心甘情愿地去为其付出,心甘情愿地去承受失败,也心甘情愿地去接纳追寻路上全部的苦和累。 有句话说,“自己选的路,咬着牙也要把它走完。”其实有时我觉得,这个咬牙的动作特别可爱且宝贵。因为它意味着你其实知道自己选的路很辛苦、很难走,但你还是选择了坚持。 而在生活中,有许多人看似活得不那么劳心费力,但他们的心却早已干涸枯萎。 爱一个想爱的人、做一件想做的事、过一种想过的人生,听起来那么美好,可当你真正去践行时却会发现,可能并不是那么容易。真正的爱,就是即使这样,你仍然愿意全心全意地去输出你自己。输出你的时间,输出你的精力,乃至输出你全部的毅力和坚持。 一个人最幸福的事,大概就是活在自己的热爱里。虽然这样的机会,并不是总能碰到。但我始终相信,热爱是长在心里的东西,任何人都拿不走。只要你不放弃,只要你肯真诚地去信任它,人生就会变得快乐而美好。 从某种意义上说,热爱就像是我们人生中的一个灯塔。当你迷失了、疲惫了,至少内心还有一份希望,哪怕在最艰难的时刻,内心也还有一股支撑力,让你不舍得放弃。 人生,其实并不需要总有什么惊天动地的事。因为哪怕仅仅一件心中热爱着的小事,就足以抵过岁月漫长。 在生活中,我最怕把“无聊”挂在嘴边的人。人生怎么会无聊呢?足够打动和吸引你的东西那么多,但如果缺乏一份感受力,就很难获得快乐和有趣。 如果一个人内心里的那束光被取走了,他的生活就会瞬间变得黯淡,即便活得再舒适安逸,也如木偶般毫无知觉。可一旦你内心有了期盼和热爱,有想见的人、想做的事、想体验的人生,那么生活就会变得特别美妙和不一样。 这个世上,最美好的东西大概就是拥有热爱吧。因为这份爱,足以让我们的生活散发出犹如金子般灿烂的光。
2022年02月16日
199 阅读
0 评论
14 点赞
2021-11-07
推荐一款好用的前端分享插件Share.js
Share.js可以帮助你实现一键分享到微博、QQ空间、QQ好友、微信、Twitter等社交网站HTML使用方法<div class="social-share"></div> <!-- share.css --> <link rel="stylesheet" href="dist/css/share.min.css"> <!-- share.js --> <script src="dist/js/share.min.js"></script> // 当你使用类名为 `social-share` 或者 `social-share` 时不需要手动初始化自定义配置所有配置可选, 通常默认就满足需求:var $config = {}; socialShare('.social-share', $config)可用的配置有:url: '', // 网址,默认使用 window.location.href source: '', // 来源(QQ空间会用到), 默认读取head标签 title: '', // 标题,默认读取 document.title 或者 <meta name="title" content="share.js" /> description: '', // 描述, 默认读取head标签 image: '', // 图片, 默认取网页中第一个img标签 sites: ['qzone', 'qq', 'weibo','wechat', 'douban'], // 启用的站点 disabled: ['google', 'facebook', 'twitter'], // 禁用的站点 wechatQrcodeTitle: "微信扫一扫:分享", // 微信二维码提示文字 wechatQrcodeHelper: '<p>微信里点“发现”,扫一下</p><p>二维码便可将本文分享至朋友圈。</p>',
2021年11月07日
546 阅读
0 评论
28 点赞
2021-10-20
网站添加社会主义核心价值观鼠标点击特效
JS代码如下放在网站中就可以使用了<script> if (navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) { } else { var a_idx = 0; jQuery(document).ready(function ($) { $("body").click(function (e) { var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正", "法治", "爱国", "敬业", "诚信", "友善"); var $i = $("<span/>").text(a[a_idx]); a_idx = (a_idx + 1) % a.length; var x = e.pageX, y = e.pageY; $i.css({ "z-index": 999999, top: y - 20, left: x, position: "absolute", "font-weight": "bold", color: "#26047d" }); $("body").append($i); $i.animate({ top: y - 180, opacity: 0 }, 1500, function () { $i.remove() }) }) }) } </script>
2021年10月20日
685 阅读
0 评论
27 点赞
2021-09-20
教你修改input输入框默认样式
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: red; } input::-moz-placeholder { /* Firefox 19+ */ color: red; } input:-ms-input-placeholder { /* IE 10+ */ color: red; } input:-moz-placeholder { /* Firefox 18- */ color: red; }
2021年09月20日
460 阅读
0 评论
16 点赞
2021-09-03
HTML页面中如何嵌入PDF文件
创建容器存放PDF<div id="example1"></div>引入js文件和PDF文件<script src="/js/pdfobject.js"></script> <script>PDFObject.embed("/pdf/sample-3pp.pdf","#example1");</script>可使用CSS更改高度、宽度、边框、边距等<style> .pdfobject-container { height: 30rem; border: 1rem solid rgba(0, 0, 0, .1); } </style>
2021年09月03日
540 阅读
0 评论
17 点赞
1
2
3