- 博客(36)
- 收藏
- 关注
RSS订阅
原创 分享github上一个简单通用的后台管理系统项目
介绍ant-back是一个基于ant-design-pro实现的简单通用的网站后台项目，只要你有react和javascript基础，你可以利用它快速构建你自己的后台管理系统。目前实现了多角色登录、角色管理、用户管理、富文本、图片上传等常用功能。???? 查看效果点这里???? 项目地址点这里说明项目跑起来后首页有使用说明，里面有接口文档，还有添加页面、添加接口的教程。数据库文件在后端项目中。如果对您对此项目有兴趣，可以点 “Star” 支持一下 谢谢！????技术栈前端：react
2020-05-24 19:46:43
2953
原创 教你用javascript写一个QQ机器人
先放项目地址：https://github.com/sunfutao/qqRobot.js目前的qq机器人基本上都依赖于smartQQBot协议，在PC上跑程序，那有没有简单一点的方法呢？正好在前段时间接触了Auto.js,就有了在安卓上写一个机器人的想法。于是就有了这个项目。这个项目其实就是编写一个安卓脚本，脚本轮询查询聊天窗口中对方发送的消息，配合图灵机器人的api，实现自动回复。注：不...
2020-04-03 10:43:51
3445
1
原创 从底层看JS执行机制
从一个简单的例子出发先从一个简单的例子出发（先不涉及异步），看看自己是否大致了解浏览器的执行机制：console.log(a);var a=1;function foo(a){ console.log(a); var a=2; console.log(a);}foo(a);执行结果：undefined 1 2如果你的预测结果不一样，那你可以看看下面几个常...
2019-05-27 13:42:01
300
原创 教你在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
1150
原创 React状态提升
使用 react 经常会遇到几个组件需要共用状态数据的情况。比如我们想要通过一个子组件来改变一个父容器组件中另一个子组件的值。这种情况下，我们最好将这部分共享的状态提升至他们最近的父组件当中进行管理。 react官方文档的例子太过复杂，我们举一个简单的例子来说明： 我们新建两个组件，这两个组件分别返回一个input。现在我们通过在第一个input中输入数据，来改变第二个input的...
2018-09-17 09:56:21
377
原创 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
808
原创 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
956
原创 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
514
原创 【模板】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
1577
转载 浏览器兼容性问题合辑
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
209
原创 如何解决cmd找不到路径问题
问题如上。以grunt为例，其他指令一样。看见这个问题，首先要确认是否安装了相应的工具或模块（如上图grunt）。如果确认安装了，那么问题多半是没有配置相应的环境变量。<h1>解决方法如下</h1>我的电脑→属性→高级系统设置注意：配置好path后要一路点击确定，否则环境变量没有保存。 重启cmd工具。接下...
2018-07-27 11:14:44
27437
转载 利用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
728
转载 布局的几种方式（静态布局、自适应布局、流式布局、响应式布局、弹性布局）
详情看这一篇：https://www.cnblogs.com/zhuzhenwei918/p/7147303.html几种布局例子：http://www.liquidapsive.com/这个页面右上角有个下拉列表，选项分别是：static 静态布局fluid 流式布局adaptive 自适应布局responsive 响应式布局你在这几个选项之间切换，然后缩放浏览器宽度...
2018-07-25 10:06:23
1281
原创 【笔记】页面开发过程CSS常见操作
内外div,设置内div内容移动：div内部元素（如按钮）‘溢出’div，div高度为0。 设置按钮大小推荐直接设置它的padding。 同行多个行内元素无法对齐： 解决方案：设置父元素行高（较大）。改变div中文字的位置：方案（1）在文字外加div,设置margin；方案（2）设置div的padding；要设置多个div同行 ：解决方案：设置第二个di...
2018-07-23 14:23:57
287
原创 页面开发过程jQuery常见操作
1.点击按钮，修改页面布局。例： 点击后：代码实现： $(".btn-change").click(function () { // 修改按钮变为确定按钮 var buttonyes = document.createElement("button");//创建确定按钮 ...
2018-07-23 11:41:27
327
原创 jquery实现搜索框功能
搜索框实现搜索一个ul列表中的指定关键词的li。html代码：<ul class="todo-content"> <li class="todo-ltem"> <div class="todo-tip"> <p>f
2018-07-23 10:55:12
8552
1
转载 nvm use报错 exit status 1: ' 出现乱码
我的原因是将nvm目录放到了C:\Program Files这一级目录，估计是权限问题，后来将nvm安装目录转换到C：\根目录即可
2018-07-18 10:58:51
4316
原创 bug描述规范
<!--为了方便我们能够复现和修复 bug，请遵从下面的规范描述您的问题。-->### One-line summary [问题简述]### Version & Environment [版本及环境]+ ECharts version [ECharts 版本]:+ Browser version [浏览器类型和版本]:+ OS Version [操...
2018-07-17 15:57:42
495
原创 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
253
原创 使用jquery实现模态框（alert弹出层）
弹出层外框样式：注：只提供了弹出层外框样式 .alert-content{ width:970px; height: 560px; position: absolute; top: 10px; left:calc(50% - 500px);//弹出框相对屏...
2018-07-17 14:58:24
6817
原创 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
516
原创 CSS常见页面布局
左侧固定，右侧自适应： index.html: <div id="outer"> <div id="sidebar" >左侧固定宽度区</div> <div id="content" >我是右侧块级元素</div> &a
2018-07-12 15:19:00
422
原创 五分钟解决算法问题：快速排序（c++）
首先要知道数组从大到小排列的充分必要条件：对于数组中任一个数，比它小的数在它左侧，比它大的数在右侧。那么我们只需将数组进行如下操作：1.分解 以a[p]为基准，将比它小的移在a[p]后面 ，比它大的都放在a[p]的后面的后面。如下图： 然后将比a[p]小的最后一个数与a[p]交换位置。2.递归 将比a[p]小的数用以上步骤排序。 将比a[p]大的数用以上步骤排序。...
2018-06-27 15:33:59
3102
原创 JS中的闭包是什么
要弄懂闭包是什么，我们需要先了解闭包的作用。那么闭包的作用是什么？ ---隐藏变量。假设我们设计一个游戏，人物的血量设置为100。那么我们可以这样写： var HP=100 if(挨了一刀){ HP-=50 }可以看到，HP是一个全局变量，很容易被修改，一不小心直接改成-1000000怎么办呢？或者我们可以把它放在一个函数里，成为局部变量，但我们在其他地...
2018-06-04 21:37:05
283
原创 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
732
原创 【项目笔记】基于百度地图的设备监控系统（服务端 数据库）
项目URL:http://www.1cloud.xyz/LOAD DATA LOCAL INFILE '/www/wwwroot/www.1cloud.xyz/led_nanan - 副本1.csv' INTO TABLE led_nanan1CHARACTER SET utf8 FIELDS TERMINATED BY ',' ENCLOSED BY '"'(`led_nanan_ph...
2018-05-17 20:36:33
868
原创 MYSQL的安装及基本操作
bd软件中心下载mysql,安装后出现一下页面：其中其中MySQL Server 5.7属于后台，打开cmd,进入MySQL Server 5.7的bin页面查看mysql版本:C:\Program Files\MySQL\MySQL Server 5.7\bin>mysqladmin --versionmysqladmin Ver 8.42 Distrib 5.7.20, for Wi...
2018-04-25 18:48:22
403
原创 node.js中的路由怎么用
首先定义一个简单的http服务器 server.js,我们用它来实现路由。var http=require("http")var fs =require("fs")var url = require("url") function start(req,res){ var pathname=url.parse(req.url).pathname function showpaper...
2018-04-17 21:19:07
299
原创 如何用node.js建立http服务器
最简单的http服务器：var http=require("http")http.createServer(function(request,respond){ respond.writeHead(200,{'Content-type':'text/plain'}) respond.end()}).listen(3000)上面就是一个最简单的http服务器，但它并没有在响应中写...
2018-04-15 14:16:54
327
原创 cookie是什么？
刚学前端的时候我们经常会听到cookie这个词，那么cookie到底是什么呢？1. Cookie 是浏览器访问服务器后，服务器传给浏览器的一段数据。2. 浏览器需要保存这段数据，不会轻易删除。3. 此后每次浏览器访问该服务器，都必须带上这段数据。4.cookie存放在硬盘之中。如果你想知道自己电脑里都有什么样的Cookie，那么请在Windows目录下寻找Cookie的文件夹。cookie有两个作...
2018-04-13 17:29:35
1859
原创 浅谈AJAX
AJAX就是异步的javascript和XML。在ajax出现以前，浏览器发起请求只有3种方式。 1.浏览器地址栏 2.a标签(a href) 3.img标签可是以上三种方式有的会导致整个页面刷新，有的只能请求部分文件（img、css、js）后来微软提供在ie5.0 6.0提供了一个接口ActiveXObject，这个接口用于在后台与服务器交换数据，这意味可以在不刷新整个页面的情况下，对网页的某部...
2018-04-11 19:14:12
193
原创 浅谈Node.js模块系统
模块是什么？模块用于不同node.js文件相互调用功能。也就是说，一个js文件就可以是一个模块。1.创建模块main.js文件：var hello = require('./hello');hello.world();hello.js文件：exports.world = function() { console.log('Hello World');}require()用于获取模块，exp...
2018-04-09 21:21:11
165
原创 【学习笔记】Node.js Buffer(缓冲区)和Stream流的关系
JavaScript 语言自身只有字符串数据类型，没有二进制数据类型。处理文件流和处理TCP流（如文件之间传数据），必须使用到二进制数据，因此有了Buffer类，该类用来创建一个专门存放二进制数据的缓存区。 以下为管道流实现文件传输的例子：var fs = require("fs");// 创建一个可读流var readerStream = fs.createReadStream...
2018-04-08 17:51:42
3946
1
原创 【学习笔记】简单理解Node.js的Stream（数据流）
1.什么是Stream? stream即为数据流，在nodejs中，读取文件或将数据存入文件我们就需要用到Stream（数据流）。Stream在node.js中封装为是一个模块，专门用来处理文件的输入输出功能。注：stream也是EventEmitter的实例，可用于绑定事件和事件监听者，以下为Stream常用的事件:data - 当有数据可读时触发。end - 没有更多的数据可读时触发。...
2018-04-08 13:56:45
471
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人