allen_csdns
码龄7年
求更新 关注
提问 私信
  • 博客:333,825
    333,825
    总访问量
  • 109
    原创
  • 250
    粉丝
  • 20
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:中国
加入CSDN时间: 2019-11-16
博客简介:

allen_csdns的博客

查看详细资料
个人成就
  • 获得373次点赞
  • 内容获得334次评论
  • 获得1,627次收藏
  • 代码片获得452次分享
  • 博客总排名2,281,570名
创作历程
  • 2篇
    2021年
  • 29篇
    2020年
  • 86篇
    2019年
成就勋章
TA的专栏
  • 前端
    13篇
  • git管理
    1篇
  • java
    10篇
  • 阿里云
    2篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 0

TA参与的活动 0

创作活动更多

编程达人挑战赛·第12期

作为写代码的你,是否也渴望被更多人看到?技术人员普遍有一个共性——明明技术很强,却没人知道你做了什么;花了很多时间踩坑,却没人因你少走弯路;脑子里有一堆干货,但却不懂如何有效地输出。 在如今写代码的人越来越多的时代,能够清晰表达自己思路与技术的人却少之又少。 因此,我们发起了这个【编程达人挑战赛】——帮助你将代码变成作品,将技术转化为真正的价值,同时激励更多的人坚持写作与分享。 注:活动细则介绍请看此贴:[https://bbs.csdn.net/topics/619791811](https://bbs.csdn.net/topics/619791811)。

947人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 收藏
  • 关注/订阅/互动
更多
  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

react实现拖动排序

效果图:
原创
博文更新于 2021.01.11 ·
939 阅读 ·
1 点赞 ·
2 评论 ·
1 收藏

非常实用的在线转换工具——MP4转GIF

在线地址:https://ezgif.com/video-to-gif
原创
博文更新于 2021.01.11 ·
4798 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

react实现分页列表滚动到某一位置,点击跳转到详情页返回继续保持进入的位置

原理:利用react-activation插件实现页面位置的保持,然后使用redux进行数据的更新一、安装react-activation插件怎么使用react-activation可以参考:https://github.com/CJY0208/react-activation/blob/master/README_CN.md二、列表页使用组件页面内引入 import KeepAlive, { withAliveScope } from ‘react-activation’;注意KeepAliv
原创
博文更新于 2021.01.11 ·
2508 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

Vue项目中使用RSA加密

1、安装 jsencrypt npm install jsencrypt2、在 main.js 引入 jsencrypt import JsEncrypt from 'jsencrypt' Vue.prototype.jsEncrypt = JsEncrypt3、在项目中使用var en=new JSEncrypt();en.setPublicKey(publicKey);le...
原创
博文更新于 2019.12.20 ·
1836 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

前端框架vue-i18n实现国际化$t的用法

参考地址:https://blog.csdn.net/Dream_xun/article/details/82743762https://blog.csdn.net/qq_42578500/article/details/83114584
转载
博文更新于 2019.12.02 ·
3351 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue滚动年月日选择器DatetimePicker

一、首先引入mint-UI库,具体步骤参考mint-ui官方文档mint-ui地址:http://mint-ui.github.io/#!/zh-cn二、查看引入DatetimePicker步骤具体代码如下:<template> <div> <div class="birth"> <div @click="openPicke...
原创
博文更新于 2019.11.27 ·
3206 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vue背景图片打包上线后出错问题解决

在Vue项目开发中我们经常要向页面中添加背景图片,可是当我们在样式中添加了背景图片后,编译打包后,配置到服务器上时,由于路径解析的问题,图片并不能够正确的显示出来,如下CSS样式:background:url("…/…/assets/head.jpg");这个时候我们就要考虑使用其他的方式了,node中提供了一种比较有效的方式来解决这个问题:1、在data中定义如下: export def...
原创
博文更新于 2019.11.27 ·
767 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

小程序中点击二维码图片预览、长按转发、保存、识别图中二维码

随着小程序的发展微信小程序中为了更加方便用户体验,在小程序中添加图片预览、长按转发、保存、收藏、识别图中二维码等。注:小程序中只支持预览后长按识别小程序二维码,其他的不支持!前端代码:<view wx:for="{{imgalist}}"wx:for-item="image"class="previewimg"> <image src="{{image}}" ...
原创
博文更新于 2019.11.20 ·
1430 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

promise和setTimeout的执行顺序

一、前言promise为es6引进的语言标准,为异步编程的一种解决方案;阅读此文的前提是了解浏览器event loop的机制,还有promise的基本用法和特性,比如他自执行特性、状态不可逆特性等二、问题setTimeout(function(){console.log(1)},0);new Promise(function(resolve){ console.log(2) for( var i=0 ; i<10000 ; i++ ){ i==9999 &am
原创
博文更新于 2020.11.03 ·
1160 阅读 ·
2 点赞 ·
1 评论 ·
0 收藏

前后端实现分片上传超大文件

前端原代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS分片上传-极速上传</title></head><body> <input type="file" name="slice" id="slice" > <div id="output"><
原创
博文更新于 2020.11.03 ·
1204 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

送你给你最爱的人,表白神器!!!

网站效果:http://www.fengzhao.icu/flowers/index.html效果图:源码Demo:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xml:lang="en"...
原创
博文更新于 2020.10.27 ·
2527 阅读 ·
2 点赞 ·
0 评论 ·
9 收藏

使用svg定制化绘制圆环、漏斗

成品展示图:直接上代码//svg绘制漏斗 svgRender( left, index, text, topWidth, height, bottomWidth, colorOne, colorTwo, isActive ) { return ( <div style={{ position: 'relative', width: { to
原创
博文更新于 2020.10.27 ·
628 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

前端工作中非常实用的工具

一、开发工具vscode,sublime,atom,webstorm插件插件描述Beautify格式化代码,统计编码风格Bracket Pair Colorizer给括号加上不同的颜色,便于区分不同的区块Markdown Preview Enhanced实时预览markdown,markdown使用者必备open in browser在浏览器打开文件.支持自定义浏览器Path Intellisense自动提示文件路径,支持各种快速引入文件Rea
原创
博文更新于 2020.10.27 ·
306 阅读 ·
1 点赞 ·
2 评论 ·
1 收藏

公司多人开发git管理流程

一、首先早上一进公司要做的事情就是从远程拉取最新代码并开启一个新分支执行git命令:git checkout 主分支 //切换到主分支git pull --rebase origin 主分支 //从主分支上拉取最新代码git checkout -b 开发分支 主分支 //从主分支上新建一个分支并切换过去开发代码...中间可能会多个commit git commit -m "注释"git commit -m "注释"...开发完毕,发布远程git rebase -i//将多个commi
原创
博文更新于 2020.05.19 ·
712 阅读 ·
0 点赞 ·
0 评论 ·
3 收藏

原生js和jquery实现头部tab栏点击滚动居中

效果图:直接上demo<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title>
原创
博文更新于 2020.05.09 ·
974 阅读 ·
2 点赞 ·
2 评论 ·
1 收藏

移动端调试神器:vConsole调试console

前言因为最近一直在弄移动端项目,由于在移动端无法打开控制台,所以想办法打印调试console的数据一直苦恼。之前用的是chrome的inspect调试,但是只能使用移动版的chrome查看数据,兼容不好,所以最近使用了vConsole 进行调试使用首先去下载相关的代码,由于只需要在页面引入一个js文件,直接去下载就可以,地址:js下载地址或者使用 npm 安装:npm install v...
原创
博文更新于 2020.04.07 ·
1503 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

解决数据库的一段内容中有两个空格,从后台读取后显示到前端页面上只有一个的问题

因为浏览器默认只认同字符中间的一个空格,其他忽略如果用以上两个标记强制浏览器按照你的预编排的格式的话,那就严格按照你的数据格式输出把数据放到HTML代码的<pre></pre>标记或<xmp></xmp>标记里面,就解决了注意,放在标记中间的HTML标记会按照原样输出...
原创
博文更新于 2020.04.01 ·
2807 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

Spring Boot 整合Redis :spring-boot-starter-data-redis

1.添加maven依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-redis</artifactId></dependency><!-- redis依赖co...
原创
博文更新于 2020.03.26 ·
4953 阅读 ·
1 点赞 ·
1 评论 ·
4 收藏

基于three.js超级炫酷的元素周期表和中国地图(html版本和vue版本)

一、元素周期表演示地址:https://demo.demohuo.top/jquery/10/1035/demo/效果图:二、中国地图效果图:如果要使用在vue项目里,并且全屏显示则需要通过iframe标签将源码引入即可<template> <div style="margin:0px;padding:0px;overflow:hidden"> &...
原创
博文更新于 2020.03.24 ·
2239 阅读 ·
2 点赞 ·
1 评论 ·
4 收藏

vue中post请求

安装qs:cnpm install --save axios vue-axios qsimport qs from ‘qs’;import axios from 'axios';axios.post(url,qs.stringify({ // 通过qs.stringify()将对象解析成URL的形式 name:'0', age:'2'}),{emulateJSON: true},{...
原创
博文更新于 2020.03.12 ·
6152 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏
加载更多