- 博客(36)
- 资源 (4)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 nodejs+Express+mongodb
一、创建项目//安装脚手架$ npm install express-generator -g//创建工程$ express -e demo(项目名称)//加载依赖$ npm install//代码实时更新(热重载)$ npm install nodemon -g(1).安装nodemon后 需要修改 package.json 中的启动命令{ "name": "mysql-demo", "version": "0.0.0", "private": true,
2021-10-12 14:52:08
939
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 服务器:linux系统安装mongoDB
1.环境:阿里云服务器 CentOS 7.3 64位系统2.使用Xshell链接服务器3.进入准备安装的目录cd /usr/local/4.使用wget命令下载 mongoDB(mongoDB下载地址 找到需要的版本右键复制链接)我选择的是Amazon Linux 2 x64 下面的 Archive:mongodb-linux-x86_64-amazon2-4.4.5.tgzwget https://fastdl.mongodb.org/linux/mongodb-li...
2021-05-14 17:14:58
223
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 服务器:linux系统配置nginx
1.下载nginx压缩包 并解压到指定目录下 (我的放在/usr/local/文件夹下)nginx下载地址选择需要的下载cd /usr/local/ //进入指定文件夹下wget http://nginx.org/download/nginx-1.20.0.tar.gz //下载压缩包tar xvf nginx-1.20.0.tar.gz //解压压缩包 2.回到根目录 安装相关依赖gcc gcc-c++ pcre ...
2021-05-13 14:49:11
203
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 服务器:Linux系统部署Node.js pm2环境
1.环境:阿里云服务器 CentOS 7.3 64位系统2.使用Xshell链接服务器3.进入准备安装node.js的目录cd /usr/local/4.使用wget命令下载 node.js(node.js下载地址找到需要的版本右键复制链接)wget https://npm.taobao.org/mirrors/node/v14.16.1/node-v14.16.1-linux-x64.tar.xz5.用tar命令解压node-v14.16.1-linux-x64.tar.x..
2021-05-12 15:12:00
418
原创 输入框限制输入两位小数 输入金额限制 双向绑定输入框能继续输入但是变量的数据不变解决方案 input 保留两位小数
移动端项目 需求是 输入框只能输入1000以内的数字保留两位小数 开发中发现 用vue开发双向绑定 不管是用value还是v-model 在输入时用@input监听输入框变化 校验是否匹配 当不匹配是修改绑定的变量 inputValue时 打印inputValue符合预期 但是input输入框中还是原来输入的值 没有随inputValue这个变量进行修改。关于保留两位小数的方法也找了很多 正则验证 值了的 测试时都不是很符合预期 就自己写了一些判断 并且加上延迟赋值时不执行方法。
2024-01-25 21:48:07
323
原创 前端瀑布流 css实现 js实现
瀑布流布局 代码可当做参考 根据自己的实际状况做下修改<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edg.
2021-11-18 15:49:06
197
原创 小程序自定义原生底部导航
效果图app.json 文件添加导航"custom": true, 开启自定义导航 "tabBar": { "custom": true, "color": "#000000", "selectedColor": "#000000", "backgroundColor": "rgba(0,0,0,0)", "list": [ { "pagePath": "pages/index/index", "..
2021-11-17 10:19:15
586
原创 ES6 数组方法记录
1. Array.form();方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)。可以传3个参数,其中第一个是数组,必传;第二个是一个函数(类似map函数),对数组元素进行操作后再返回数组,可选;第三个是对于this关键字的指向,可选。<script type="text/javascript">//(1).类似数组对象 转换为真正的数组//length为...
2021-03-12 17:21:09
276
原创 前端js基础效果--无缝滚动(包含一个js获取元素背景颜色方法)
前端js基础效果--无缝滚动直接上代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>无缝滚动 demo</title> <style type="text/css"> * { padding: 0; margin: 0; list-style: none; } h1 {
2020-09-29 16:14:15
484
原创 正则验证
1.验证正负小数(监听input事件及保留几位小数)if(value){ //正则验证是否为正负数 是否带小数点 let reg = /^(-){1}$|[1-9]+(.\d+)?$|^-?0(\d+)?$|^-?[1-9]+[.0-9]*(.\d+)?$/; if (!reg.test(e.target.value)) { console.log("请输入数字") }...
2020-03-03 12:16:46
117
原创 webpack4+react 多页面打包
此篇是看别人的博客大部分都是粘贴复制 然后自己尝试着跑一下 然后修改了部分代码 测试后运行的还不错 特此记录下目录结构(先创建好)简单说明一下 下面有代码的直接粘贴复制 有些没有代码的 这里先解释一下1.node_modules 这个文件夹没什么好说的2.src 这个文件夹里面就是我们需要写的 (1).src/component 这里一般都是方组件的 我没有写组件 所以...
2020-02-25 16:16:14
763
原创 webpack4搭建react环境(单页面路由)记录
一、新建文件夹 初始化项目 创建package.json文件npm init -y二、安装webpack,webpack4后需要安装webpack-cli 会生成package-lock.json文件和node_modules文件夹npm i webpack --save-devnpm i webpack-cli --save-dev安装完成后打开package.json...
2020-01-09 12:39:21
197
原创 纯js链式动画和同时运动
一、链式动画(下方有完整demo)/** * 链式动画 * @param{element} obj 需要动画的元素 * @param{number} target 属性值 * @param{string} attr 属性 * @param{function} fn 回调函数 */function chainAnimation(obj, target, attr, fn) {...
2019-11-07 17:52:17
183
原创 JS 获取屏幕,浏览器,网页高度宽度
注:CSS中的margin属性,与clientWidth、offsetWidth、clientHeight、offsetHeight均无关网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:docume...
2019-10-28 16:18:57
158
原创 js判断PC端或移动端
方法一:function is_Mobile() { var Arry = ["iPhone", "iPad", "Android", "Windows Phone", "BB10; Touch", "BB10; Touch", "PlayBook", "Nokia"]; var ua = navigator.userAgent; var re...
2019-10-28 15:11:07
188
原创 js判断数据类型最全的5种方法
一、js数据类型number //数字 类型包含整数和浮点数string //字符串 字符串有length属性boolean //布尔值 该类型只有两个值,true和falsefunction //函数 通常是使用函数声明语法定义的object //对象 一组属性与方法的集合null //该类型被看做空对象指针,也是空的对象引用undefined //只有一个...
2019-08-30 17:37:17
1223
1
原创 js,jq单行文字上下滚动
js,jq单行文字上下滚动,方法记录页面布局什么没什么新奇 只要保证只显示一行文字就好 如果需要显示多行 自行设置高度,这都不重要<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta charset="UTF-8"> <meta name="...
2019-08-06 11:26:44
600
原创 Excel工作表忘记密码后取消密码
一、将Excel文件更改为压缩文件,将.xlsx后缀更改为.zip二、然后双击该压缩文件,我们依次找到“xl”-“worksheets”文件夹三、鼠标右键点击加密的那一个工作表(.xml后缀文件)点击“打开”(最好把打开.xml文件的的方式设为记事本,否则可能会修改不成功,若不成功则参考下方 注)四、在记事本里按Ctrl+F查找,输入“sheetProtection”,将记事本中带有s...
2019-07-31 11:08:50
499
原创 html 页面禁止某些事件
以下方法直接写行内即可:oncontextmenu="return false;" //禁止鼠标右键点击ondragstart="return false;" //禁止鼠标拖动事件onselectstart="return <br>false;"//禁止鼠标选中文字onselect="document.selection.empty();"//禁止复制文本onmouse...
2019-06-26 18:31:11
1900
原创 css 常用属性
/*浮动*/.float-left { float: left;}.float-right { float: right;}/*清浮动*/.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}.clearfix { *zoom: 1...
2019-04-25 16:03:12
210
原创 ES6 记录
声明严格模式'use strict';//严格模式下必须遵守规范 否则会报错//严格模式下函数只能声明在当前作用域的顶层//ES6 的块级作用域必须有大括号{},如果没有大括号,JavaScript 引擎就认为不存在块级作用域。一、ES6声明变量的六种方法 1.var:可在全局范围内都有效,存在变量提升 即 在未定义调用 返回 undefined 可重复声明 先执行的会被...
2019-04-24 14:20:25
108
原创 js 加密
此篇只是自己记录使用一、Base64 加密(源码在底部)//调用 加密 var pwd=Base64.encode('value');//解密var pwd=Base64.decode(pwd);二、md5 加密(源码在底部)//加密 var pwd=md5('value');console.log(pwd)三、sha1 加密(源码在底部)//加密va...
2019-04-23 09:30:07
846
原创 js 时间操作
一、时间转换成时间戳/** * 13位时间戳 * @param{str} date不传默认获取当前时间戳 * getTimeStamp('2019/4/22 11:43:30')*/function getTimeStamp(date) { var timeStamp = date ? (new Date(date)).getTime() : (new Date()).getT...
2019-04-22 12:06:31
114
原创 js常用方法
我在项目中常用的一些技js方法(因为是我自己用的所以某些方法不是很严谨 见谅 另外就是提供个参考)1.阻止事件//阻止事件冒泡function stopBubble(e) { var evt = e ? e : window.event;//如果提供了事件对象,则这是一个非IE浏览器 if (evt.stopPropagation) //因此它支...
2019-04-19 16:53:39
250
原创 前端js基础效果--选项卡
js选项卡的实现方法:先写好一个html css的页面样式html css部分<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>选项卡</title> </head><style type="text/cs...
2018-05-20 20:58:26
1073
原创 H5 pc端,移动端自定义弹窗模块思路
再一次项目中要求 在提交时 要让客户核对下信息 并且要去输入密码 然而再用模块时发现没有合适的 安卓的我们可以写 可是没人写ios 最后只有走H5 JS这条路线 因为这个不论是安卓还是ios都可用 当时我就想如果我弄一个模块 以后想用时直接引入文件就行了 不用每次都去写弹窗 那么就模块化 而且这个应该很简单 用不到什么高科技 咱们就用js就能写吧编写前先想一想 自己需要什么 需要怎么做 首...
2018-05-12 18:23:10
6059
3
原创 iframe及跨域通信postMessage()
一、window.postMessage() window.postMessage(info,origin)方法可以接受两个参数1.info:要传递的数据,可以为json格式(因为我比较喜欢json格式的)部分浏览器只能处理字符串参数,所以我们在传递参数的时候需要使用JSON.stringify()方法对对象参数序列化2.origin:字符串参数,指明目标窗口的源,协议+主机+端...
2018-05-03 13:29:48
2979
原创 html,js,jq转盘抽奖
直接粘贴代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,i...
2018-03-30 14:55:09
476
react-pages-app-demo.zip
2020-08-13
downLoad.js
2019-10-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人