前端总结
@Xiao's blog
前端小白的进阶之路
展开
-
简单实现闭包
之前写过一个关于闭包的小demo,整理了一下代码,供大家参考,简单易懂。以下是代码和生成的样式<!DOCTYPE html><html><head> <title></title> <style> .wrap{ width: 1100px; ...原创 2018-11-17 17:57:14 · 2933 阅读 · 0 评论 -
CSS is awesome!
无意间看到《css揭秘》这本书,感觉书挺好的,想看的可以看一下。里面有很多有意思的动画,平常是我们很难想到的,如果能用到其中的,必然是不错的。我截取了部分好玩又实用的代码,作为记录。1.多个边框示意图:代码:.Multiple_borders{ width: 100px; height: 60px; margin: 25px; b...原创 2019-07-27 09:23:46 · 410 阅读 · 0 评论 -
淘宝6.18叠猫猫赚猫币自动生成
1、使用chrome浏览器、或者360极速浏览器,360极速模式等;2、打开 https://login.m.taobao.com/login.htm 登陆下,已登录的忽略;3、按下F12,调出浏览器控制台。步骤依次操作:调出手机模式、随便选择一个型号点击console4、在浏览器地址栏粘贴 https://pages.tmall.com/wow/a/act/tmall/tmc/223...转载 2019-06-11 09:46:11 · 4773 阅读 · 0 评论 -
webpack的安装配置
一、安装webpack全局安装:npm i webpack -g安装到项目中:npm i webpack --save-dev( 或者用cnpm、淘宝镜像安装)在文件加下安装好后出现以下三个文件,其他文件是我后续建立的先忽略二、打包在这个文件下创建一个main.js文件。进行打包:webpack demo.js -o demo.bundle.js三、webpack最基本配置文件...原创 2019-05-26 21:15:16 · 152 阅读 · 0 评论 -
初始webpack
一、在网页中会引入那些静态资源?js.js、.coffee、.ts等等-css.css、.sass,.less等等images.jpeg、.png、.gif、.bmp、.svg字体文件.svg、.ttf、.eot、.woff、.woff2等等模板文件.ejs、.jade、.vue[这是在webpack中定义组件的方式,推荐...原创 2019-05-26 18:01:34 · 164 阅读 · 0 评论 -
原生js和jQuery验证用户名是否存在
这几天要在准备讲课的事情,想来想去,准备把ajax重新温习一下,原生js写了个验证用户名是否存在,又用jQuery写了个验证用户名是否存在,两者对比,肯定是jQuery写的比较方便,下面是写的代码。 html部分就简写了,只写了需要验证的input框。<form method="post"> <input name="username" placehol...原创 2019-04-14 16:53:18 · 627 阅读 · 0 评论 -
懒加载图片
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担。下载和引用官网下...转载 2019-04-10 19:18:06 · 167 阅读 · 0 评论 -
JS中的 $(function(){ }) 是什么意思
&lt;script type="text/javascript"&gt; $(function(){ });&lt;/script&gt;$(function(){ }) 是$(document).ready(function()的简写(JQuery写法:页面框架加载完成就执行)相当于window.onload = function(){ } (JS写法:页面中所有内容加载完...原创 2019-02-20 20:32:06 · 13537 阅读 · 1 评论 -
用CSS徒手绘制好玩的图形
用CSS徒手绘制好玩的图形以下这些造型简单的图形都是纯CSS外加一个HTML标签实现的。1.弧形尾箭头2.六角星3.五角星4. 多边形-五边形5. 多边形-六边形6.带尖角的说话泡泡7.爱心❥8.无限9.切割菱形-钻石般10.鸡蛋形状11. 吃豆人12. 十二星13. 阴阳八卦14. 徽章缎带15. 放大镜16. 月儿弯弯17. 旗帜18. 十字架19. 长长的指向图形20. 锁以下这些造型简单...原创 2019-02-09 11:45:35 · 427 阅读 · 0 评论 -
visual Studio Code的使用教程
VSCode是微软推出的一款轻量编辑器,采取了和VS相同的UI界面,搭配合适的插件可以优化前端开发的体验,这里为大家介绍一下vscode的技巧,需要的朋友可以参考下布局:左侧是用于展示所要编辑的所有文件和文件夹的文件管理器,依次是资源管理器,搜索,GIT,调试,插件,右侧是打开文件的编辑区域,最多可同时打开三个编辑区域到侧边。底栏:依次是Git Branch,error&amp;amp;warning...转载 2019-01-26 16:09:46 · 2534 阅读 · 0 评论 -
后台管理页面左侧导航栏下拉菜单切换
后台管理页面左侧导航栏目录效果图html代码css代码js部分小结目录 这篇文章主要介绍了js实现的后台左侧管理菜单代码,可实现美观大气的左侧折叠菜单效果,涉及JavaScript基于鼠标事件动态操作页面元素样式变换的技巧,非常具有实用价值,需要的朋友可以参考下效果图 这是html+css+js运行出来的页面视图 这几天在做一个小项目,整理出来的demo供大家参考。用的知识有:...原创 2019-01-25 11:57:50 · 8092 阅读 · 5 评论 -
浏览器组成及渲染引擎
一、浏览器组成人机交换部分(UI) 网络请求部分(socket) javascript引擎部分(解析Javascript) 数据存储(cookie、html5中的本地存储localstorage、sessionstorage) 渲染引擎(解析执行html,css)二、渲染引擎又叫排版引擎,浏览器内核 主流渲染器:自行百度一下 工作原理:解析HTML构建DOM树,如下图 渲染...原创 2018-10-19 08:15:49 · 1251 阅读 · 0 评论 -
解决:a标签点击跳转页面后,为被点击的a标签添加样式的问题
大家肯定遇到了过这个问题,当你点击a标签的时候,想要给a标签,加上高亮选中的样式,可是页面刷新无法保存样式,那怎么办呢?我提供一种方法:循环a的链接,然后与location.href去比对,如果相同,或包含有同样字符串序列,则添加。代码如下: var url = window.location.href; $("a").each(function () { i...原创 2019-08-24 19:50:56 · 1917 阅读 · 0 评论