前端
关注
分享
扫一扫
TAO_GIS
面向时髦编程
展开
-
分享github上一个简单通用的后台管理系统项目
介绍ant-back是一个基于ant-design-pro实现的简单通用的网站后台项目，只要你有react和javascript基础，你可以利用它快速构建你自己的后台管理系统。目前实现了多角色登录、角色管理、用户管理、富文本、图片上传等常用功能。???? 查看效果点这里???? 项目地址点这里说明项目跑起来后首页有使用说明，里面有接口文档，还有添加页面、添加接口的教程。数据库文件在后端项目中。如果对您对此项目有兴趣，可以点 “Star” 支持一下 谢谢！????技术栈前端：react原创 2020-05-24 19:46:43 · 4307 阅读 · 0 评论 -
教你在webpack中自动合成雪碧图
前言在css中我们经常会引入图片作为背景，但是图片一多，就会造成过多的http请求，为了避免这种情况，我们就需要将多张图片合成一张图，也就是我们常说的雪碧图。我们接下来就说说如何在webpack中自动合成雪碧图，并自动替换css代码。介绍sprite-smith-loader是一款自动生成雪碧图工具，你可以在webpack中使用它，它会遍历css中以_sprite.png结尾的图片并自动生成雪碧图，然后修改相应的css代码。支持CSS、SASS、LESS。安装下载sprite-smith-loa原创 2020-05-24 19:21:22 · 1271 阅读 · 0 评论 -
教你用javascript写一个QQ机器人
先放项目地址：https://github.com/sunfutao/qqRobot.js目前的qq机器人基本上都依赖于smartQQBot协议，在PC上跑程序，那有没有简单一点的方法呢？正好在前段时间接触了Auto.js,就有了在安卓上写一个机器人的想法。于是就有了这个项目。这个项目其实就是编写一个安卓脚本，脚本轮询查询聊天窗口中对方发送的消息，配合图灵机器人的api，实现自动回复。注：不...原创 2020-04-03 10:43:51 · 3717 阅读 · 1 评论 -
浏览器兼容性问题合辑
https://juejin.im/post/59a3f2fe6fb9a0249471cbb41.css3 前缀 autoprefixer2.默认样式不同 margin padding3.ie9一下无法css3的Media Query4.解决 IE 9 10 11 等浏览器不支持 <picture> 标签的问题5.placeholder6.a标签的四种状态...转载 2018-07-30 14:39:14 · 246 阅读 · 0 评论 -
5分钟快速学习ES6新增语法
let关键字 ES5中用var声明变量，而在ES6中新增了let关键字来声明变量。那么为什么要新增let呢？ 首先，我们来看一下var关键字。 function foo() { var sum = 0; for (var i = 0; i < 100; i++) { sum += i; } alert(i)//输出为100 }...原创 2018-08-03 18:09:43 · 576 阅读 · 0 评论 -
如何解决cmd找不到路径问题
问题如上。以grunt为例，其他指令一样。看见这个问题，首先要确认是否安装了相应的工具或模块（如上图grunt）。如果确认安装了，那么问题多半是没有配置相应的环境变量。<h1>解决方法如下</h1>我的电脑→属性→高级系统设置注意：配置好path后要一路点击确定，否则环境变量没有保存。 重启cmd工具。接下...原创 2018-07-27 11:14:44 · 28425 阅读 · 0 评论 -
【模板】jQuery实现简单侧边导航条
html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2018-07-30 17:23:18 · 1659 阅读 · 0 评论 -
react从安装到编写组件
使用react创建项目自己创建项目看这里。（教程默认安装好node以及npm,且npm已经配置淘宝镜像。如果没有安装，请先安装）首先创建一个文件夹来存放你的项目,cmd进入该文件夹,如果你的node版本>=6 ,依次输入:npm install -g create-react-appcreate-react-app react-testdemocd react-tes...原创 2018-08-10 16:17:43 · 1157 阅读 · 0 评论 -
css控制元素动态水平/垂直居中
元素动态垂直居中html: <div class="login"> <div>你好</div> </div>css:.login { display: table;}.login div{ display: table-cell; vertical-align: middle;}效果图:...原创 2018-08-08 17:58:46 · 1030 阅读 · 0 评论 -
React状态提升
使用 react 经常会遇到几个组件需要共用状态数据的情况。比如我们想要通过一个子组件来改变一个父容器组件中另一个子组件的值。这种情况下，我们最好将这部分共享的状态提升至他们最近的父组件当中进行管理。 react官方文档的例子太过复杂，我们举一个简单的例子来说明： 我们新建两个组件，这两个组件分别返回一个input。现在我们通过在第一个input中输入数据，来改变第二个input的...原创 2018-09-17 09:56:21 · 432 阅读 · 0 评论 -
利用rem实现web移动端屏幕适配(弹性布局)
具体详情请看TAT.tennylv的文章：http://www.alloyteam.com/2016/03/mobile-web-adaptation-tool-rem/对以上文章进行简单的描述总结：1.rem单位根据html根元素的字体大小（px为单位）进行设定，html默认的字体大小为16px，这时候1 rem = 16 px。（设定html字体为35px,则1 rem = 35 ...转载 2018-07-25 11:39:59 · 798 阅读 · 0 评论 -
布局的几种方式（静态布局、自适应布局、流式布局、响应式布局、弹性布局）
详情看这一篇：https://www.cnblogs.com/zhuzhenwei918/p/7147303.html几种布局例子：http://www.liquidapsive.com/这个页面右上角有个下拉列表，选项分别是：static 静态布局fluid 流式布局adaptive 自适应布局responsive 响应式布局你在这几个选项之间切换，然后缩放浏览器宽度...转载 2018-07-25 10:06:23 · 1354 阅读 · 0 评论 -
Sass学习与实践心得体会
https://www.imooc.com/article/16108#转载 2018-07-24 16:43:54 · 559 阅读 · 0 评论 -
JS中的闭包是什么
要弄懂闭包是什么，我们需要先了解闭包的作用。那么闭包的作用是什么？ ---隐藏变量。假设我们设计一个游戏，人物的血量设置为100。那么我们可以这样写： var HP=100 if(挨了一刀){ HP-=50 }可以看到，HP是一个全局变量，很容易被修改，一不小心直接改成-1000000怎么办呢？或者我们可以把它放在一个函数里，成为局部变量，但我们在其他地...原创 2018-06-04 21:37:05 · 341 阅读 · 0 评论 -
使用jquery实现模态框（alert弹出层）
弹出层外框样式：注：只提供了弹出层外框样式 .alert-content{ width:970px; height: 560px; position: absolute; top: 10px; left:calc(50% - 500px);//弹出框相对屏...原创 2018-07-17 14:58:24 · 6916 阅读 · 0 评论 -
jquery、CSS控制表格常用操作（2）
选中表格几行，点击按钮添加到另一表格。效果图：function ifchecked() { var a = $("input[name='cashbagSaveYN']") var n = a.length var b = new Array() var c = new Array() var num = 0 for (var i = 0; i < n;...原创 2018-07-17 15:37:50 · 321 阅读 · 0 评论 -
bug描述规范
<!--为了方便我们能够复现和修复 bug，请遵从下面的规范描述您的问题。-->### One-line summary [问题简述]### Version & Environment [版本及环境]+ ECharts version [ECharts 版本]:+ Browser version [浏览器类型和版本]:+ OS Version [操...原创 2018-07-17 15:57:42 · 551 阅读 · 0 评论 -
jquery实现搜索框功能
搜索框实现搜索一个ul列表中的指定关键词的li。html代码：<ul class="todo-content"> <li class="todo-ltem"> <div class="todo-tip"> <p>f原创 2018-07-23 10:55:12 · 8709 阅读 · 1 评论 -
页面开发过程jQuery常见操作
1.点击按钮，修改页面布局。例： 点击后：代码实现： $(".btn-change").click(function () { // 修改按钮变为确定按钮 var buttonyes = document.createElement("button");//创建确定按钮 ...原创 2018-07-23 11:41:27 · 377 阅读 · 0 评论 -
【笔记】页面开发过程CSS常见操作
内外div,设置内div内容移动：div内部元素（如按钮）‘溢出’div，div高度为0。 设置按钮大小推荐直接设置它的padding。 同行多个行内元素无法对齐： 解决方案：设置父元素行高（较大）。改变div中文字的位置：方案（1）在文字外加div,设置margin；方案（2）设置div的padding；要设置多个div同行 ：解决方案：设置第二个di...原创 2018-07-23 14:23:57 · 365 阅读 · 0 评论 -
nvm use报错 exit status 1: ' 出现乱码
我的原因是将nvm目录放到了C:\Program Files这一级目录，估计是权限问题，后来将nvm安装目录转换到C：\根目录即可转载 2018-07-18 10:58:51 · 4459 阅读 · 0 评论 -
CSS常见页面布局
左侧固定，右侧自适应： index.html: <div id="outer"> <div id="sidebar" >左侧固定宽度区</div> <div id="content" >我是右侧块级元素</div> &a原创 2018-07-12 15:19:00 · 506 阅读 · 0 评论 -
jquery、CSS控制表格常用操作
表格占用铺满整个div：css: table { table-layout: fixed; }统计table行数var x = $("#table1").find("tr").length;设置表格第一列css: .col_1{ width:80px; }js:$('table').find('td').each(function (i) { ...原创 2018-07-12 15:36:52 · 561 阅读 · 0 评论 -
如何更改layui弹出层样式
div设置屏幕宽度原创 2018-07-12 16:07:11 · 11848 阅读 · 1 评论 -
javascript中的三种继承方式及优缺点
1.先看一下对象冒充继承方法（apply/call） function people(type){ this.skill="跑步" this.type=type this.say=function(){ return "people的技能是"+this.skill ...原创 2018-06-02 21:04:24 · 794 阅读 · 0 评论