- 博客(36)
- 资源 (4)
- 收藏
- 关注
RSS订阅
原创 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
796
原创 服务器：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
203
原创 服务器：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
169
原创 服务器：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
399
原创 输入框限制输入两位小数 输入金额限制 双向绑定输入框能继续输入但是变量的数据不变解决方案 input 保留两位小数
移动端项目 需求是 输入框只能输入1000以内的数字保留两位小数 开发中发现 用vue开发双向绑定 不管是用value还是v-model 在输入时用@input监听输入框变化 校验是否匹配 当不匹配是修改绑定的变量 inputValue时 打印inputValue符合预期 但是input输入框中还是原来输入的值 没有随inputValue这个变量进行修改。关于保留两位小数的方法也找了很多 正则验证 值了的 测试时都不是很符合预期 就自己写了一些判断 并且加上延迟赋值时不执行方法。
2024-01-25 21:48:07
260
原创 前端瀑布流 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
177
原创 小程序自定义原生底部导航
效果图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
569
原创 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
253
原创 前端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
474
原创 正则验证
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
111
原创 webpack4+react 多页面打包
此篇是看别人的博客大部分都是粘贴复制 然后自己尝试着跑一下 然后修改了部分代码 测试后运行的还不错 特此记录下目录结构（先创建好）简单说明一下 下面有代码的直接粘贴复制 有些没有代码的 这里先解释一下1.node_modules 这个文件夹没什么好说的2.src 这个文件夹里面就是我们需要写的 （1）.src/component 这里一般都是方组件的 我没有写组件 所以...
2020-02-25 16:16:14
737
原创 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
189
原创 纯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
164
原创 JS 获取屏幕，浏览器，网页高度宽度
注：CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：docume...
2019-10-28 16:18:57
150
原创 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
167
原创 js判断数据类型最全的5种方法
一、js数据类型number //数字 类型包含整数和浮点数string //字符串 字符串有length属性boolean //布尔值 该类型只有两个值，true和falsefunction //函数 通常是使用函数声明语法定义的object //对象 一组属性与方法的集合null //该类型被看做空对象指针，也是空的对象引用undefined //只有一个...
2019-08-30 17:37:17
1155
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
585
原创 Excel工作表忘记密码后取消密码
一、将Excel文件更改为压缩文件，将.xlsx后缀更改为.zip二、然后双击该压缩文件，我们依次找到“xl”-“worksheets”文件夹三、鼠标右键点击加密的那一个工作表（.xml后缀文件）点击“打开”（最好把打开.xml文件的的方式设为记事本，否则可能会修改不成功，若不成功则参考下方 注）四、在记事本里按Ctrl+F查找，输入“sheetProtection”，将记事本中带有s...
2019-07-31 11:08:50
478
原创 html 页面禁止某些事件
以下方法直接写行内即可：oncontextmenu="return false;" //禁止鼠标右键点击ondragstart="return false;" //禁止鼠标拖动事件onselectstart="return <br>false;"//禁止鼠标选中文字onselect="document.selection.empty();"//禁止复制文本onmouse...
2019-06-26 18:31:11
1880
原创 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
194
原创 ES6 记录
声明严格模式'use strict';//严格模式下必须遵守规范 否则会报错//严格模式下函数只能声明在当前作用域的顶层//ES6 的块级作用域必须有大括号{}，如果没有大括号，JavaScript 引擎就认为不存在块级作用域。一、ES6声明变量的六种方法 1.var：可在全局范围内都有效，存在变量提升 即 在未定义调用 返回 undefined 可重复声明 先执行的会被...
2019-04-24 14:20:25
94
原创 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
820
原创 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
103
原创 js常用方法
我在项目中常用的一些技js方法（因为是我自己用的所以某些方法不是很严谨 见谅 另外就是提供个参考）1.阻止事件//阻止事件冒泡function stopBubble(e) { var evt = e ? e : window.event;//如果提供了事件对象，则这是一个非IE浏览器 if (evt.stopPropagation) //因此它支...
2019-04-19 16:53:39
219
原创 前端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
1061
原创 H5 pc端，移动端自定义弹窗模块思路
再一次项目中要求 在提交时 要让客户核对下信息 并且要去输入密码 然而再用模块时发现没有合适的 安卓的我们可以写 可是没人写ios 最后只有走H5 JS这条路线 因为这个不论是安卓还是ios都可用 当时我就想如果我弄一个模块 以后想用时直接引入文件就行了 不用每次都去写弹窗 那么就模块化 而且这个应该很简单 用不到什么高科技 咱们就用js就能写吧编写前先想一想 自己需要什么 需要怎么做 首...
2018-05-12 18:23:10
5542
3
原创 iframe及跨域通信postMessage()
一、window.postMessage（） window.postMessage(info,origin)方法可以接受两个参数1.info:要传递的数据，可以为json格式（因为我比较喜欢json格式的）部分浏览器只能处理字符串参数，所以我们在传递参数的时候需要使用JSON.stringify()方法对对象参数序列化2.origin：字符串参数，指明目标窗口的源，协议+主机+端...
2018-05-03 13:29:48
2911
原创 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
454
react-pages-app-demo.zip
2020-08-13
downLoad.js
2019-10-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人