- 博客(42)
- 收藏
- 关注
RSS订阅原创 chrome浏览器设置cookie失效
chrome浏览器设置cookie失效复现步骤在https协议下登录页面，成功设置cookie。这个时候把https协议换成http，再重新登录，发现登录不了cookie没有设置成功。原因项目中cookie是通过egg框架的ctx.cookies.set设置的，如果在https协议下，使用该api会对设置的cookie设置一些默认值上图来自egg官方文档通过上图可以看出来egg帮我们设置的cookie有一个默认属性secure为ture。这就导致了在https协议下登录的时候
2020-09-09 23:42:18
3902
原创 使用nginx部署前端项目到服务器
一、把本地前端打包好的代码上传到服务器例如：前端项目的dist文件夹即为打包好的代码mac下使用scp命令直接把该文件传到服务器上#scp -p -r /git-project/code/dist root@(服务器ip):/project上面命令为把本地 /git-project/code/dist 文件传到你服务器下的 /project目录下服务器相应的目录...
2020-03-25 21:50:04
3780
转载 mac远程连接阿里云服务器
https://blog.csdn.net/huxinguang_ios/article/details/80923010?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task
2020-03-08 10:54:24
1740
原创 react-dnd实现卡片拖拽排序
最近工作中遇到一个需求，需要对管理系统中的图片进行拖拽排序的功能具体用到了react-dnd来实现GIthub地址：https://github.com/goccult/drag-sort-test下面是一个利用react-dnd实现的拖拽排序小Demo首先在react项目中执行以下命令yarn add react-dndyarn add react-dnd-htm...
2019-11-26 14:55:06
4100
3
转载 NPM install -save 和 -save-dev 傻傻分不清
本文原文地址：https://www.limitcode.com/detail/59a15b1a69e95702e0780249.html回顾 npm install 命令最近在写Node程序的时候，突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参数的理解也是模糊的，各种查资料和实践后对它们之间的异同点略有理解。遂写下这...
2019-07-19 11:04:05
322
原创 小程序图片上传到七牛云
一、申请七牛云上七牛云官网注册登录，身份认证以后进入点击新建存储空间安装步骤完成新建就可以了。二、后端生成token我这里用的是node.js。首先安装七牛云的依赖包npm install qiniu--save后台生成token上图中的accessKey和secretKey在七牛云的 个人中心-》密匙管理中其中accessK...
2019-06-16 11:45:08
3964
1
原创 怎么把微信昵称（带emoji表情）保存到mysql数据库
一、修改数据库的charset属性可以配合数据库可视化工具先把数据库的charset/Collation属性修改为utf8mb4 utf8mb4_unicode_ci以workbench为例二、修改表的属性相应的把需要存emoji表情的字段的表也作如上设置三、以node.js为例修改代码中的mysql配置做完以上步骤就可以把微信昵称带emoji...
2019-06-15 15:57:40
7636
1
原创 express项目环境搭建
一、全局安装npm install express-generator -g二、生成express项目express blog-express三、运行npm start四、安装nodemon和cross-env为了方便自动重启1.安装cnpm i nodemon cross-env --save-dev2.修改package.jso...
2019-06-14 21:42:27
428
原创 node.js+koa2+mysql项目部署到阿里云服务器详解
一、购买阿里云服务器第一步先购买阿里云服务器，我是用的学生价购买的9.5一个月购买的时候选择系统镜像为应用镜像node.js，如果购买的时候不是选择的这个，也可以在后面修改。二、下载xshell远程连接阿里云服务器直接上xshell官网下载安装。完成以后新建会话连接远程服务器，主机位置填写你的阿里云服务器的外网ip地址点击连接以后输入阿里云服务器的用户名和密码...
2019-06-11 15:53:03
1957
原创 PM2使用
一、安装cnpm install pm2 -g2.查看版本pm2 -version二、在json文件中修改运行参数和运行1.运行npm run prd三、常用命令pm2 list 查看进程列表 pm2 restart (app name/id) 重启进程用app name 或者 id来指定重启哪个进程 pm2 s...
2019-06-11 15:43:06
629
原创 数据库操作
一、查询-- use myblog;-- show tables;insert into users (username,`password`,realname) values("chunbao","123","春宝");-- 查询所有列select * from users; -- 查询其中几列select id,username from users;-- 查询满足...
2019-06-09 11:23:48
100
原创 小程序mpvue下多层次的数据值改变但是页面不动态渲染
#问题：在最近的项目开发中遇到一个问题，我改变了判断v-if的值，但是页面却不会动态改变%解决：是因为我改变的数据是多层级的，没有触发render函数进行自动更新，需要在数据改变以后手动调用this.$forceUpdate();...
2019-03-08 14:21:36
4161
原创 小程序异步加载数据导致页面操作BUG解决方法
#问题：由于异步请求页面数据，数据未加载完成页面已经使用了数据，导致页面报错 %解决：第一想到的就是要让页面的展示在异步请求之后再使用数据。使用一个变量来控制页面的展示在异步请求结束以后再把isShow变量设置为true即可 ...
2019-01-29 10:43:35
2466
原创 在tinymce富文本中插入本地视频解决方案
前言最近在改一个别人的项目时候，遇到一个需求，要在tinymce富文本中添加本地视频。tinymce富文本本身是不具备添加本地视频的功能的。需要使用一些其他手段来添加本地视频。小demo截图方法1.在富文本的外面写一个添加视频的按钮 点击以后弹出一个小操作框2.上传本地视频分几个步骤，首先是点击选择视频文本，选择本地的视频3.选择好以后，点击上传视频把选...
2018-12-17 00:01:44
15056
4
原创 mpvue使用参考网站
mpvue框架使用入门https://blog.csdn.net/linminghe/article/details/79847954mpvue官方文档http://mpvue.com/防止坑指南https://github.com/noahlam/articles/blob/master/%E7%BE%8E%E5%9B%A2%E5%B0%8F%E7%A8%8B%E5%BA%8...
2018-11-21 15:58:51
161
原创 插件和资料收集
1.进度条插件：http://ricostacruz.com/nprogress/2.jquery中文网：https://www.jquery123.com/3.小程序组件：https://github.com/fuxingkai/frankui-weapp
2018-10-19 15:56:58
102
原创 JS继承
第一种继承方式，不常用，创建父的实例，并将实例赋给子类的prototype，但是这种方法会所以的实例都会共享父的实例属性。 第二种，借用构造函数法，可以传递参数用来初始化父对象的属性，缺点是只能继承父中的实例属性，不能继承到父的原型中的方法。组合继承，使用原型链实现对原型属性和方法的继承，再通过借用构造函数来实现对实例属性的继承。实际上原型属性和实例属性都继承了，只是根据读取...
2018-09-22 19:03:32
126
原创 事件相关
事件有三个阶段 ： 1.事件捕获阶段 ：从外向内 2.事件目标阶段 ：最开始点击的那个 3.事件冒泡阶段 ：从里向外 为元素绑定事件： addEventListener("不加on的事件类型"，事件处理函数，控制事件阶段的一个布尔值为true则捕获阶段，为false为冒泡) ...
2018-08-31 10:09:07
223
原创 jQuery(二)
一、节点的创建和删除1.$("<p>我是新创建的节点</p>")2.$("<div id='test' class='aaron'>我是文本节点</div>") //直接添加属性3empty方法严格地讲，empty()方法并不是删除节点，...
2018-08-10 19:09:03
101
转载 jQuery(一)
一、选择器1、层级选择器2、筛选选择器3、内容筛选选择器 二、属性与样式1.设置属性与删除属性 \ attr()attr(传入属性名)：获取属性的值 att...
2018-08-10 16:12:24
128
原创 ES6（二）
一、对象新增方法1.Object.is() 作用：比较两个东西是否相等 Object.is(NAN,NAN) Object.is(+0, -0)2.Object.assign(): 作...
2018-08-09 19:17:49
93
原创 ES6（一）
一、变量let:1.块级作用域 例子：2.没有预解析 例子：3.同一作用域内不能重复定义4.for循环中的let算是一个父级作用域不算重复定义、const:1.特性与let一样2.定义常量，不能更改...
2018-08-02 18:33:47
165
原创 Vue生命周期
生命周期 vue实例从创建到销毁的过程钩子函数 事件劫持机制 VUE内置事件 1.0vue生命周期: 钩子函数: created -> 实例已经创建 √ beforeCompile -> 编译之前 compiled -> 编译之后 ready -> 插入到文档中 ...
2018-07-26 15:41:01
109
原创 Vue自定义组件
第一步：在components文件夹中新建文件夹，然后新建index.js和组件vue 第二步：index.js中写第三步：在main.js中引入组件
2018-07-25 15:30:46
993
原创 Vue引入axios
第一步：安装axios第二步：引入axios第三步 ：使用注意用this要在方法后面加bind(this)四注意：静态文件要访问到的话，要放到静态文件夹static下。访问时用绝对路径axios.get("/static/a.txt")。...
2018-07-24 20:16:48
946
原创 Vue组件相关
一：引入组件在App.vue中 二：组件的事件子组件想要调用父组件方法需要加个.native方法同名时，先调用自身组件中的方法，再调用父组件的方法 ...
2018-07-24 17:04:21
115
原创 vue全局引入样式
bootstrap第一步：安装bootstrap第二步：全局引入 Element-UI（PC端）第一步：安装第二步：全局引入并使用UI组件第三步：开始使用 ...
2018-07-24 15:16:32
3095
原创 Vue(五)动画
2.0用 transition 组件<transition name="fade"> 运动东西(元素，属性、路由....)</transition>class定义:.fade-enter{} //初始状态.fade-enter-active{} //变化成什么样 -> 当元素出来(显示).fade-leave{}.fade-le...
2018-07-20 16:28:39
131
原创 Ajax
原生JS中的Ajax第一步： 创建Ajax对象1.ActiveXObject("Microsoft.XMLHTTP") IE62.XMLHttpRequest()第二步：连接服务器open(方法，文件名，异步传输)第三步：发送请求 send()第四步：做事情onreadystate...
2018-07-18 21:46:09
126
原创 vue(四)路由
路由基本使用:1. 布局 <router-link to="/home">主页</router-link> <router-view></router-view>2. 路由具体写法 //组件 var ...
2018-07-18 20:55:02
162
原创 Vue(三)组件
全局组件*组件里面放数据: data必须是函数的形式，函数必须返回一个对象(json)另一种编写方式（常用）在Vue2.0中1. 在每个组件模板，不在支持片段代码 组件中模板: 之前: <temp...
2018-07-18 18:16:28
282
原创 Vue(二)
----------------------------------用户会看到花括号标记: v-cloak 防止闪烁, 比较大段落 计算属性的使用:用来存储和处理数据第一种用法：想要修改计算属性是值时候用以下（上面那种的默认调用get方法）不能直接修改值，只能修改中间值参数value就是b=的值 * computed里...
2018-07-17 17:57:15
154
原创 Vue(一)
Vue指令 v-model:用于数据双向绑定（一般用于input） v-for:用于循环（数组与json同理）只需要json的value想要循环获得json的value、key、index事件v-on简写(@)：用于触发事件事件冒泡： 阻止事件冒泡：@click.stop 阻止默认行为：@contextmenu...
2018-07-16 20:36:13
365
原创 CSS3
新增选择器 一、属性选择器： 二、伪类选择器三、UI伪类选择器常用操作1.boreder-radius : 为元素添加圆角边框2.border-image : 为元素添加边框背景3.box-shadow :background-origin ：用来定义背景图像的定位区域（背景图像是从content开始还是padding还是bord...
2018-07-15 18:08:52
194
原创 HTML5 canvas元素绘制图形(上)
认识canvas元素 是一块无色透明的区域，它只是一个容器，通过javascript脚本可以轻松的在区域上实现任意绘图。 如果不支持的话就显示标签里的内容。绘制步骤绘制直线绘制一条直线实例：绘制弧线和曲线线条连接的样式绘制矩形和圆绘制阴影渐变效果...
2018-07-13 23:28:09
801
原创 HTML5
新增加的结构性元素section: 定义文档中的节。article: 它是一个特殊的section标签，它可比section更有明确的语义，它代表一个独立的、完整的相关内容块，可独立于页面其他内容使用。nav: 表示页面中导航链接的部分。aside: 用来装载非正文的内容，被视为页面里面一个单独的部分(例如一篇文章的注释，淘宝的侧边推荐栏)footer: 定义文档的页脚，包含了与页面、文章或是部...
2018-07-12 18:02:17
171
原创 JSON
JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）JSON 是轻量级的文本数据交换格式JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON。JSON 具有自...
2018-07-12 16:09:51
152
原创 JS正则表达式
修饰符g:goobal全文搜索，不添加，搜索到第一个匹配停止i:ignore case忽略大小写，默认大小写敏感m:multiple lines多行搜索元字符\b:匹配单词边界\s:查找空白字符\d:查找数字表达式[abc]:查找方括号之间的任何字符(内部可以连写[a-zA-z0-9])[0-9]:查找任何从0至9的数字(x|y):查找任何以|...
2018-07-11 18:27:56
395
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人