- 博客(31)
- 收藏
- 关注
RSS订阅原创 js实现翻页
实现功能：新闻栏目切换、根据发布年份查询新闻、翻页效果截图：html：<div class="channelNews clearfix mt60 content2"> <div class="chanJdalTit clearfix"> <!--新闻栏目标题，对应新闻动态、党建工会、学术活动部分--> <ul class="chanJdalTitLCon clearfix fl"> <channellis
2020-10-31 11:30:18
1580
原创 Linux下如何安装使用puppeteer
参考地址：https://juejin.im/post/5db69d8b6fb9a020462c61bf前提：我需要用puppeteer实现抓取并下载百度图片中指定关键词的前100张图片，程序在本地（Windows）下可以正常运行，但是部署到服务器（Linux）上就总是报错：cannot find module 'puppeteer'或是'failed to launch the brows...
2020-04-20 10:53:39
5795
原创 github上创建仓库，及git常见命令记录
一、github上创建仓库1、登录github后，点击右上角的+创建仓库2、填写红框内的内容后点击确定，创建完成后github会提示你该输入哪些命令来push你的项目代码3、本地电脑上需要安装git，安装方法可参考https://www.liaoxuefeng.com/wiki/896043488029600/8960670743384964、在项目目录下右键，选择Git ...
2020-04-13 10:59:22
192
原创 当React 中 setState({key:value})的key是一个变量时
1、如何设置参考链接：https://blog.csdn.net/qq_35333936/article/details/89227437this.setState({ [this.props.editorId]: BraftEditor.createEditorState("wom",{editorId: this.props.editorId}), // editor...
2019-12-16 14:48:24
345
原创 js鼠标滚动导航置顶悬浮
$(function(){ var nav=$(".pcHeader"); //得到悬浮置顶的导航对象 var win=$(window); //得到窗口对象 var sc=$(document); //得到document文档对象 var bannerHeight=$(".banner").height(); //得到滚动对比的banner高度 win....
2019-12-04 11:59:29
361
原创 fullpage滑屏最后一屏不全屏解决办法
fullpage官网：http://fullpage.81hu.com/官网下载jquery.fullpage.css和jquery.fullpage.js，按照官网的写好代码，如果想实现最后一屏不全屏，而是紧跟上一屏，可在最后一屏加上class fp-auto-height即可实现...
2019-11-29 14:55:15
1398
原创 js辨别浏览器（全）
参考链接：http://passer-by.com/browser/作者的github：https://github.com/mumuy/browser
2019-11-23 17:20:49
743
原创 antd upload组件踩坑
组件使用代码：<Upload action="http://api.hnzhiu.com/api/v1/uploads"//必须写，不然上传图片时的状态不会有done listType="picture-card" showUploadList={false} beforeUpload={this.beforeUpload}//上传图片时的校验：格式、大...
2019-11-14 17:08:32
3631
2
原创 react项目开发记录
一、环境搭建1、准备工作windows+R切换到指定盘，create-react-app name（项目名称不能是大写）创建好后用webstorm打开项目或者cdname切换到项目下【2019/10/22出现新的报错信息】解决办法：参考链接：https://blog.csdn.net/qq_39083004/article/details/805595812、...
2019-10-23 16:01:37
789
原创 webstorm如何分享项目到github
webstorm开发的项目会自动默认建立本地仓库，目录下会有.git和.idea两个目录，在react开发的项目中，如果要暴露配置文件会报错，参考链接:https://www.cnblogs.com/smfx1314/p/8426115.html按照上链接所示创建sshkey，然后在github上建立远程仓库，或者直接在webstorm上将项目分享到github上，即可创建远程仓库...
2019-08-19 10:39:41
412
原创 css笔记
1、背景渐变透明background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0.4) 98%, #888 100%);2、清除input默认文字样式input::-webkit-input-placeholder {color: #fff;...
2019-05-09 14:28:02
209
原创 Git学习使用手册
Windows版本Git下载地址：https://git-scm.com/download/win安装直接按默认选项安装即可学习参考https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000安装完成后双击桌面Git的图标打开命令窗口，输入$ git config --globa...
2019-03-25 17:23:59
315
转载 url中的hash解读
参考链接https://www.cnblogs.com/joyho/articles/4430148.html1.#的含义#代表网页中的一个位置，其右边的字符，就是该位置的标识符。比如http://www.example.com/index.html#print就是代表index.html中的print位置。浏览器会自动把print位置滚动到页面可视区域内。设置方法：step...
2019-01-27 14:41:11
602
原创 create-react-app创建项目
1、用create-react-app创建项目，项目名称不能有大写create-react-app testapp2019/10/22出现新的报错信息解决办法：参考链接：https://blog.csdn.net/qq_39083004/article/details/805595812、修改项目入口文件入口文件index.js位置由src/变动到了src/js...
2019-01-26 15:37:44
495
原创 ES6 解构赋值
解构赋值：ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值。数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值。若解构不成功，变量的值为undefinedES6允许的写法：数组：let [a,b,c] = [1,2,3];对象：let { foo, bar } = { foo: "aaa", bar: "b...
2019-01-12 17:59:44
106
原创 JS实现生成随机验证码并验证功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS实现生成随机验证码并验证功能</title> <link rel="stylesheet" href
2019-01-01 23:45:50
2332
原创 如何开始一个react项目
1、新建目录——>在dos窗口进入到目录路径下，输入npm init //进行初始化初始化时packname和entry point（入口文件）需要输入值，其余的可以不输值完成后1-1目录下会生成一个package.json的配置文件，里面即是包的初始化信息安装必要的组件react-dom 和babelifynpm install --save react react-...
2019-01-01 14:27:35
858
1
转载 取消磁盘写保护
当我向设置了只读属性的磁盘复制文件时，会提示“磁盘被写保护”，如下图所示。 接下来以管理员权限运行cmd命令提示符。我使用的是win10系统，直接在下方搜索cmd，找到后右键选择“管理员身份运行”。 接下来在以管理员权限运行的cmd中执行diskpart命令。diskpart其实是windows命令行下的一个磁盘分区管理工具，功能非...
2018-12-31 20:22:39
7924
9
原创 实现简易选项卡功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实现简易选项卡功能</title> <link rel="stylesheet" href="
2018-12-31 13:20:11
263
原创 动感实现伸缩显示二级菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动感实现伸缩显示二级菜单</title> <link rel="stylesheet" href=&qu
2018-12-30 12:59:38
241
原创 实现鼠标滑过文字信息动态出现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>鼠标滑过文字信息动态出现</title> <style> *{margin: 0;paddin
2018-12-30 12:32:16
459
原创 简易幻灯片效果
效果：图片自动切换；左右箭头控制切换；下方指示按钮切换；鼠标悬停暂停切换；三种切换方式：自动切换、箭头、指示按钮随机控制html+css代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播</t
2018-12-26 22:51:07
143
原创 删除节点removeChild()
removeChild() 方法从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。语法:nodeObject.removeChild(node)参数:node ：必需，指定需要删除的节点。我们来看看下面代码，删除子点。运行结果:HTML删除节点的内容: javascript注意: 把删除的子节点赋值给 x，这个子...
2018-12-22 00:01:05
24248
原创 appendChild(newnode)
appendChild(newnode)在指定节点的最后一个子节点列表之后添加一个新的子节点<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档&l
2018-12-21 23:51:43
580
原创 获取某个节点的第一个兄弟元素节点
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>nextSibling</title></head>&
2018-12-21 23:42:42
1613
原创 setTimeout函数练习
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>计时器</title><script type="text/java
2018-12-20 11:03:34
196
原创 js内置对象编程练习
编程练习某班的成绩出来了，现在老师要把班级的成绩打印出来。效果图:XXXX年XX月X日 星期X--班级总分为:81格式要求：1、显示打印的日期。 格式为类似“XXXX年XX月XX日 星期X” 的当前的时间。2、计算出该班级的平均分（保留整数）。同学成绩数据如下："小明:87; 小花:81; 小红:97; 小天:76;小张:74;小小:94;小西:90;小伍:76;...
2018-12-20 09:31:45
502
原创 2018-12-17
第一节：nodejs简介Nodejs：后台开发语言，性能优安装可去官网https://nodejs.org/zh-cn/下载，LTS是稳定版，current是开发版；且官网有使用文档 Dos窗口运行node在dos窗口中，输入node指令可以进入工作界面，CTRL+C可退出工作界面 执行node项目需要先切换到项目路径下：盘符切换（E:）+cd 目录名 Js能用...
2018-12-18 10:30:23
125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人