- 博客(15)
- 收藏
- 关注
原创 nodejs-egg解决跨域
1. 安装egg-corsnpm install egg-cors --save2.打开config/plugin.jsexports.cors: { enable: true, package: 'egg-cors'}3.在config/config.default.jsconfig.security = { csrf: { enable: false }, domainWhiteList: [ '*' ]}; config.c
2020-09-27 16:05:04
357
原创 nodejs-egg mysql记录
1.mysql中存的date类型的字段,nodejs中取出来有时区的问题,会少8小时,网上找了很多说改什么time_zone=“+8:00”,反正我改了没有,在config配置数据的时候添加这个就可以把取到的时间转为string类型,时间也是对的2.egg-mysql写一些复杂的sql查询语句的时候,用官方提供的方式感觉很麻烦,直接用query的形式,执行sql语句,虽然官方不建议这么做3.sql语句 + 上条件SELECT SUM(IF(cgType=2,money,0)) as payTot
2020-08-25 16:32:16
457
原创 nodejs-数据库中插入名字带emoji表情的名字
数据库中插入名字带emoji表情的名字1.这里我用的mysql + nodejs框架egg2.首先先把数据库属性中字符集改成下面 utf8mb4 -- UTF-8 Unicodeutf8mb4_unicode_ci 3.然后在egg - config.环境.js 中数据库配置项目添加一个charset:‘UTF8MB4_GENERAL_CI’...
2020-08-24 11:31:43
658
原创 React-引入sass
引入sass项目是用create-react-app脚手架创建的,然后在项目中可以引入scss预编译,这样写起样式起来也很方便1.安装 node-sass npm install node-sass2.安装 node-sass-chokidar npm install node-sass-chokidar3.在项目的package.json中 scripts 里面添加以下 "build-css": "node-sass-chokidar src/ -o src/", "watch
2020-08-20 10:00:16
1195
1
原创 React-打包后本地打开的问题
React-打包后本地打开的问题1.首页路径的问题,找到package.json,设置“homepage:’.’”2.项目是用create-react-app构建的,路由用的react-router-dom,打包后路由跳转不了,会报错注: 1)BrowserRouter 需要服务端去配置支持一下, 访问格式:xxx/home 2)HashRouter 访问格式:xxx/#/home 这里我直接用HashRouter了,本地可以打开index.html看到东西import一下
2020-08-19 17:45:18
1869
原创 其他-WAMPServer启动显示橙色的问题
安装WAMPServer完后,图标显示橙色的问题就是这个小图标,一直给我显示橙色,后来百度的有几种,WAMPServer启动后,会启动两个玩意,一个Apache和一个mysql查看发现我的Apache没有启动,手动点击启动也不执行,然后试了试测试80端口发现IIS占用了,我换成了8088端口,右键小图标----->Tools------>use a port that 80...
2019-06-17 15:54:56
553
原创 其他-挂静态网页到云服务器
挂一个静态的html到域名下工作需要挂一个静态的html到域名下,前提是域名已经绑定到服务器中。服务器系统是这个centos的,然后先安装一个httpdyum install httpd安装完成后,用xftp上传工具连接服务器在这个路径 /etc/httpd/conf 可以看到默认页面的路径可以看到网站默认的访问路径在/var/ww/html下然后把我们做好的网站文件全部丢到这个文...
2019-06-15 13:37:42
2162
1
原创 vue-vscode编辑器
用vscode来开发vue项目1.先去官网下个vscode,安装完成后再弄个中文包 - - !英语不太好2.安装node.js:javascript运行环境(runtime),不同系统直接运行各种编程语言node.js官网下载安装,配置下path环境变量3.安装npm包管理器,国内使用npm会很慢,这里推荐使用淘宝NPM镜像(http://npm.taobao.org/)$ npm i...
2019-05-17 11:49:51
3292
原创 h5-Swiper触摸滑动插件
项目要做轮播banner,用这个常用Swiper。首先导入下js文件。这里我没有用cdn的方式引入,直接下载放到本地了<script src="/scripts/swiper.min.js"></script><body> <div class="swiper-container"> <div class="swiper-wr...
2019-05-15 18:30:56
978
原创 jquery-给动态生成的标签li添加事件
公司买了个asp.net的源码项目修改成新项目,改前端的时候发现一个地方的li标签添加的点击事件但是没起作用,后来发现li是ajax动态添加的,试了几种方法都不行,后来百度出来一个终于成功了 = =,贴上代码!$("#gameTitle").delegate('li', 'click', function () { cosnole.log(666666) })这里用jquery的del...
2019-04-16 14:31:54
1216
原创 vue-插槽slot
插槽,顾名思义,就是把某个东西插入固定的位置中Vue项目中,我们可能会用到把父组件的值传到子组件中,如果要传的内容是某个div的话,我们就要用到这个slot1.子组件中,我们这样写,先添加一个slot,表示父组件的传的内容会被分发到这个class="area"下的slot,内容传过来后会替代这个slot。<template> <div class="scroll_cpt"...
2019-04-01 15:44:42
154
原创 h5-设置div内所有的子元素水平居中
开发的时候可能会碰到这样的一个需求,要求div标签内的子元素全部水平居中,先上个图看看效果比如像这样,红框内的多个元素,要求做到水平居中的效果。直接贴代码 <div class="foot-area"> <div class="list"> <a href="http://www.icbc.com.cn/icbc/"&...
2019-04-01 10:53:07
7048
原创 h5-用canvas绘制图形验证码
利用canvas来绘制一个图形验证码话不多说,直接贴代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图形验证码</title></head><body> <canvas id="code"...
2019-03-21 16:46:08
558
原创 h5-运用media实现自适应布局
项目中碰到不同分辨率下,一些样式显得很乱,用户使用的手机分辨率肯定五花八门,所以做自适应是非常有必要的。举个栗子比如上图,在浏览器中我用的iphone6/7/8的分辨率,375 x 667,看着一切是正常的,然后我们换成分辨率比较低一点的发现下方的一串文字被顶到下方去了,超出屏幕的高度,虽然拖动页面也可以看到下方的文字,但是显得很不和谐。由于这一行的margin-top是固定值,所以高...
2019-03-18 15:52:58
1062
原创 优化vue项目首页加载过慢
最近碰到vue项目打包上线后,第一次打开首页后会出现空白、加载时间过长的情况,百度了几种优化的方法,自己总结一下。1.首先要弄清楚为什么会出现这种情况在Chrome浏览器打开项目的时候,按F12可以看页面在加载的情况,结果发现是这个app.js太大,居然加载了有9秒之多找到这个“病毒”后,我们就来对症下药。项目用webpack打包的过程打包的app.js有892kb,已经提示过大,另外...
2019-03-07 17:05:20
6684
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人