- 博客(55)
- 收藏
- 关注
RSS订阅原创 flex布局会被连串的英文撑开解决办法
在使用flex布局的时候左边是图片，右边是文字，且flex为1但是当文字为连串的英文的时候，flex会使得右边的图片变形这时候给右边的文字容器添加一个属性 .sub_title { word-break: break-all; }...
2020-09-28 14:57:32
320
1
原创 使用better-scroll横向加载
<template> <div class="announcement-x"> <div ref="wrapper" class="wrapper"> <ul class="cont" ref="cont"> <li class="cont-item" v-for="item of announcementList" :key="item"></li> </ul>
2020-09-27 16:59:46
337
1
原创 2020820-两百问
<div type="look-pdf" datatype="look-pdf" class="linkText" data-url="something" dataurl="something">bep-20181017招待费报销.pdf</div>1.获取属性dataurl使用$('.linkText').attr('dataurl')2.获取自定义属性data-url则是 $('.linkText').data('dataurl')3.1...
2020-08-20 10:57:21
175
原创 解决手动输入地址，antd的Menu切换没有相应改变的bug
antd的Menu组件的触发状态是由selectedKeys属性决定的当我们在一个页面组件中使用了Menu，想要当前的path与antd的Menu始终保持一致，我们叫想办法获取到path，并且修改Menu的selectedKeys这里我们把Menu写进一个NavBar组件里所以我们在父组件打印props是可以获取到pathname的，我们要把它作为props传递给子组件子组件在cdm（componentDidMount）函数中处理 componentDidMount() { // loc
2020-05-24 17:47:56
1512
原创 axios拦截器
axios.interceptors.request.use(function(request) { //loading、请求地址替换、修改 return request;});// { code:0,data:'',message:'' }axios.interceptors.response.use( function(response) { let res = respons...
2020-04-10 23:04:01
118
原创 公共机制获取当前url参数值
function getUrlParam(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]);return null...
2020-04-10 21:40:07
142
原创 动态设置rem的大小
基于iphone6屏幕!function (n) { var e = n.document, t = e.documentElement, i = 750, d = i / 100, o = "orientationchange" in n ? "orientationchange" : "resize", ...
2020-04-10 21:24:16
274
原创 常用css效果
a标签的hover变色.link{ &:hover{ color:red }}类名决定是否出现，能否使用动画？nav导航中的li元素中的a标签，选中下方出现标识 &.selected{ color: #fff; &::after{ content: ''; display: block; ...
2020-03-15 12:05:06
156
原创 本地已经创建了项目，如何将其与线上的git仓库合并
前期准备1.本地创建有项目文件，根文件夹名为project(自定义)2.线上创建git仓库，名称与本地项目根文件夹相同实现1.本地项目根目录运行git init 创建一个空的本地仓库2.码云创建一个仓库名为project，复制该仓库的路径3.本地根文件夹运行git remote add origin git@gitee.com:zsrtxdy/xxx.git4.运行git pul...
2020-03-05 22:53:37
708
原创 react项目配置保存文件时进行eslint的自动格式化
第一步，安装依赖npm i eslint babel-eslint --save-dev第二步，在根目录新建.eslintrc.js .eslintignore 两个文件我们需要一个eslint的配置安装依赖npm install --save-dev eslint babel-eslint eslint-plugin-react eslint-plugin-import eslint...
2020-01-06 17:39:27
2737
原创 koa2后台步骤(8)——功能列表实现（注册的API）
用户管理（登录注册）用户设置（修改基本信息，修改密码，退出登录）创建微博，暂不显示微博列表个人主页，显示个人微博列表和个人信息，暂时不做关注广场页（使用缓存）关注和取消关注，显示粉丝和关注人首页@和回复@提到我的页面：模板和路由数据建模开发注册功能开发登录功能抽离loginCheck中间件单元测试模板和路由回顾技术方案查看模板代码创建路由注册 /api/use...
2020-01-05 23:16:23
853
原创 koa2后台步骤(6)——redis篇
git log 回忆起之前创建的文件夹。安装redisnpm i redis -d问：安装之后为什么没有在dependencies里面看到依赖？新建config文件夹，新建db.js写一些redis的配置注释/***@description 存储配置*/let REDIS_CONF = { port: 6379, host: '127.0.0.1'}module.ex...
2020-01-01 12:32:43
2894
原创 koa2后台步骤(4)——mysql增删改查
https://dev.mysql.com/downloads/mysql/可以安装workbench，也可以安装navicat创建一个数据库koa2_weibo_db
2019-12-23 15:24:14
180
原创 koa2后台步骤(5)——sequelize操作数据库
sequelize和mysql是有紧密关系的。执行数据的增删改查，设置外键，和建立连表查询可以通过sequelize语句去做springMVC+hibernateorm的方式：数据表使用js的模型，js对象或者是class来代替。一条或多条记录，用js的一个对象或者数组替代。sql语句用对象的方法代替空文件夹npm init -ynpm i mysql2 sequelize -...
2019-12-23 15:22:34
741
原创 koa2后台步骤(3)——ejs服务端模板引擎
变量判断和循环引用组件如果使用未声明的变量那么在前端会出现报错这是由于想要不报错就使用条件渲染组件在views文件夹下新建一个文件夹叫做widgets新建文件user-info.ejs使用组件新建blog-list.ejs在routes/index.js里面然后在index.ejsejs的逻辑代码写在script标签里面SSR就是服务端渲染引...
2019-12-18 22:59:32
207
原创 koa2后台步骤(2)——演示路由
渲染ejs模板演示ctx.body演示带参路由极其获取方式演示带多个参数路由演示登录post请求及如何获取post请求的body参数ps:post请求需要使用postman来测试。...
2019-12-18 17:51:37
176
原创 koa2后台步骤(1)——项目初始化
项目初始化npm install -g koa-generatorkoa2 -e koa2-weibo-code-e 表示要使用ejs做模板引擎cd koa2-weibo-codenpm install (--registry=https://registry.npm.taobao.org)有了初始结构运行 npm run dev 在浏览器中访问localhost:3000...
2019-12-18 17:25:23
722
原创 解决使用Navicat插入MySQL数据库乱码问题
今天在学习koa的过程中,在使用Navicat插入MySQL数据库的时候出现了乱码。尝试着从网上找了解决方案，现在记录一下。打开my.ini配置文件（MySQL的配置文件），加入：character_set_server = utf8从CMD命令进入到MySQL的命令模式运行 show variables like '%char%';观察到有拉丁字符的，需要均改为utf-8格式...
2019-12-08 20:02:58
1550
原创 微信小程序去除button的圆角
button::after { border-radius: 0;}button{ border-radius: 0;}
2019-11-14 16:28:39
184
原创 react-router-dom的使用
router/index.jsimport React from 'react'import { BrowserRouter as Router, Switch, Route, Redirect} from "react-router-dom";import App from '../App';import Home from "../views/home";impor...
2019-11-11 11:48:57
193
原创 微信小程序获取验证码的代码参考
// 引入手机格式验证文件 （根据业务需求进行引入）var phoneFormat = app.Simplify.verificationPhone;// 点击事件_getPhoneCode: function (e) { let userPhone = e.target.id; let that = this; if (phoneFormat.test(userPhone)) { ...
2019-11-09 15:24:14
947
原创 vue中如何使用路由
1.在？文件夹下新建index.js文件import Vue from 'vue'import Router from 'vue-router'import index from './../pages/index'import activity from './../pages/activity'import pay from './../pages/pay'Vue.use(Rout...
2019-10-21 23:41:12
141
原创 vue请求封装方案
方案一 config/fetch.jsimport { baseUrl} from './env'// 封装一个请求函数export default async(url = '', data = {}, type = 'GET', method = 'fetch') => { type = type.toUpperCase(); url = baseUrl + url;...
2019-10-21 12:01:53
1655
原创 scrollBehavior利用缓存模式来实现回退记录
scrollBehavior作为？的一个参数，接收？？？三个参数vue-router实例 to, from, savedPosition在main.js文件下，注意routes是引入的router/index.js中的代码const router = new VueRouter({ routes, mode: routerMode, // 在严格模式下，无论何时发生了状态变更且不...
2019-10-21 10:47:57
276
原创 vue解决移动端300ms点击延迟
安装依赖库npm install fastclick --savemain.jsimport FastClick from 'fastclick'...// fastclick的库，它能规避移动设备上click事件的延迟响应if ('addEventListener' in document) { document.addEventListener('DOMContentLo...
2019-10-21 10:08:47
153
原创 vue的适配解决方案
!function (n) { var e = n.document, t = e.documentElement, i = 750, d = i / 100, o = "orientationchange" in n ? "orientationchange" : "resize", a = function () { var n = t.clientWi...
2019-10-21 00:13:32
397
原创 路由中meta自定义keepAlive属性决定哪些页面会被缓存，哪些不会缓存
router/router.jsimport App from '../App'const msite = r => require.ensure([], () => r(require('../page/msite/msite')), 'msite')const food = r => require.ensure([], () => r(require('../p...
2019-10-17 17:52:43
1468
原创 在vue中使用sass的mixin来简化样式代码，提高代码的复用率
第一步，安装sass依赖npm install sass-loader node-sass --save-dev第二步，通常在src/style文件夹下新建minxin.scss文件 //背景颜色，更换主题$bg_color:#25c9d0;//设置背景图片和大小@mixin bis($url) { background-image: url($url); background...
2019-10-17 16:26:14
645
原创 react如何获取页面跳转url携带的参数
比如这里有一条携带参数的url。http://baidu.com?type=1我们要取出type的值。因为获取页面跳转url携带的参数比较常用，所以我们把它封装成一个工具函数。在src根目录下新建一个文件util.js封装一个获取url参数的函数。export function getUrlParams(name, str) { const reg = new RegExp(`(...
2019-10-12 12:05:30
5457
原创 小程序音乐播放组件旋转与暂停样式
<image class="classic-img {{playing?'rotation':'rotation suspended'}}" src="{{img}}" /> .rotation { -webkit-transform: rotate(360deg); animation: rotation 12s linear infinite; -moz-anim...
2019-07-09 16:03:17
1007
原创 如何在小程序之中利用npm使用第三方组件
在编写小程序api测试工具-以linUI表示LinUI参考文档1.设置-项目设置-勾选使用npm模块2.在根目录 npm init3.npm install lin-ui4.工具 -构建npm接下来就可以像使用普通组件一样使用组件了或者直接拷贝dist的内容，可以按需加载。...
2019-06-30 16:19:30
821
原创 使用vantUI的Uploade组件上传图片，后台获取base64码，如何在后台转换成文件并进行保存？
<van-uploader v-model="fileList" upload-text='正面照' :max-count="1" :after-read="afterRead"/> data() { return { fileList: [] } }fileList是数组，下面举例上传一个图片时fileList打印的值所以我们真正需要...
2019-06-29 13:11:44
8850
1
原创 vue-cli3如何测试本地接口
模拟情景：同时进行了前后端项目的开发。本地运行了koa2搭建的后端服务器 nodemon app.js 在3000接口本地运行了vue-cli3项目 npm run serve 在8080端口需要在前端项目获取到3000端口的接口服务在vue-cli3项目下新建vue.config.js，配置：module.exports = { devServer: { prox...
2019-06-28 17:58:48
1666
原创 slot的使用
slot是占位在自定义组件中使用slot来占位，并且给slot标签name属性举例：子组件Child.vue有如下代码<div> <slot name='zhanwei'></slot></div>则父组件中使用<div> <Child> <div slot='zhanwei'>1...
2019-06-27 23:39:15
239
原创 Expected linebreaks to be 'CRLF' but found 'LF'
错误描述：Expected linebreaks to be 'CRLF' but found 'LF'不同的操作系统下，甚至是不同编辑器，不同工具处理过的文件可能都会导致换行符的改变。这是es-lint的line-break检查如何去掉项目根目录下有.eslintrc.js文件，在配置文件中修改rule配置项// off或0: 禁用规则'linebreak-style': 'off...
2019-06-27 20:24:43
907
原创 vue项目移动端初始化
修改meta标签<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">引入reset.css清除样式@charset "utf-8";html{background-color:#fff;c...
2019-06-27 19:41:48
310
原创 原型链面试问题
创建对象有几种方法字面量//字面量var o1 = {name:'o1'}var o2 = new Object({name:'o2'})//构造函数var M = function(name){ this.name = name }var o3 = new M('o3')// Object.create Object.create是用原型链的方...
2019-06-27 12:12:28
9261
原创 Unhandled rejection SequelizeAccessDeniedError: Access denied
在连接部署在阿里云ESC服务上的数据库的时候出现了这样一个错误：Unhandled rejection SequelizeAccessDeniedError: Access denied for user 'root'@'localhost' (using password: YES) at Promise.tap.then.catch.err (/root/server/sea/...
2019-06-25 15:03:08
3127
原创 小程序从上至下弹出对话框
结构：蒙层+对话框 <!-- 底部弹出框 --> <view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view> <!-- 从上至下的弹窗--> <view
2018-09-01 15:13:05
1679
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人