- 博客(102)
- 资源 (9)
- 收藏
- 关注
RSS订阅原创 前端监听websocket消息并实时弹出
项目需求：1、服务侧推送给消息给前端，前端需要展示在右下角2、根据不同的消息类型，提供不同的操作按钮‘同意’、‘拒绝’等代码设计：1、使用websocket方式建立通道2、前端基于umi+antd+reconnecting-websocket.js开发3、使用express+express-ws+mockjs建立websocket服务通道，模拟服务端推送消息运行效果：...
2021-11-18 14:29:45
7944
1
原创 自动填充密码器
这是一款登录页面，自动填充密码chrome浏览器插件直接下载，可使用，By Heavy实现逻辑：1 进入或刷新登录页面，可以是任何网站2 插件自动调取接口API获取到用户名和密码(见background.js)3 插件自动识别出页面中type="password"的输入框作和它的前一个type="text"的输入框，分别作为目标输入框4 插件自动向目标输入框中填充用户名和密码要点：1 插件开发技术2 background和content消息通信技术3 识别html元素
2021-06-25 15:26:35
4454
1
原创 登录数据库命令
1 mysql -u 用户名 -p -h 服务地地址2 输入密码即可例如您的数据库信息如下：host : 'yourname.abc.com',user : 'admin',password : '123456',database : 'databse01'则登录命令：mysql -u admin -p -h yourname.abc.com随后提示输入Password，输入‘123456’回车。...
2020-11-11 15:32:30
906
原创 hexo安装插件hexo-admin
hexo使用编辑文章时，若用其原生方式，则不便利，还好官网提供了一款插件hexo-admin界面化了markdown编辑器，只需要访问：http://127.0.0.1:4000/admin即可方便快捷的进行博文编辑了，效果如下：话不多说，上菜！第一步 安装hexo-admin插件npm install --save hexo-admin第二步 启动访问http://...
2019-09-30 14:41:59
3383
转载 Hexo修改theme主题
学习目标本文主要学习的内容如下： 如何去获取到 NexT 主题 如何去安装和配置 NexT 主题 设置菜单，如分类，标签，关于我等简单配置 获取开源的 Hexo 主题在上节介绍如何快速去搭建 Hexo ，最终展示的效果如下图所示：这是 hexo 默认的主题，我们需要修改这个主题，那么我们可以去找一些符合我们个人爱好的一些主题选择一个自己喜欢的 Hexo...
2019-09-30 14:04:53
3540
1
原创 hexo d部署到个人服务器git仓库上
本篇前置条件：1 个人服务器已安装git，则可创建git仓库，参考https://blog.csdn.net/xw505501936/article/details/1015440492 本地PC机已安装node，hexo，参考对应官方网站手册即可以下为具体步骤：第一步：服务端创建对应git仓库：hexo-blog.gitcd /home/git su - git （因我的g...
2019-09-29 11:37:34
1047
转载 git权限报错error: insufficient permission for adding an object to repository database
➜ atd git:(b4.232) ✗ git pullremote: Counting objects: 78, done.remote: Compressing objects: 100% (77/77), done.remote: Total 78 (delta 60), reused 0 (delta 0)error: insufficient permission for ...
2019-09-27 17:07:02
6819
转载 在服务器上搭建自己的git私人仓库
在日常工作中我们往往使用gitee、github、gitlab等,第三方的git仓库。有时候我们想在自己的服务器上搭建一个git服务器,方便自己的代码提交。一、使用环境1、服务器端使用centos7(虚拟机) 2、客户端直接是本机电脑二、服务器端的操作 1、安装git yum install -y git 2、创建一个git用户 useradd gi...
2019-09-27 16:52:42
1468
1
转载 mysql忘记root用户密码找回步骤
修改或找回root密码步骤1．修改MySQL的登录设置： # vi /etc/my.cnf 在[mysqld]的段中加上一句：skip-grant-tables 保存并且退出vi。2．重新启动mysqld # /etc/init.d/mysqld restart ( service mysqld restart )3 mysql -uroot -p 回车mysql> U...
2019-09-27 12:09:25
1054
原创 typecho非根目录404及搜索中文404解决办法
在搭建typecho开源博客过程中，遇到如下两个问题：1 搭建完成后，访问根域名正常如：http://typecho.abc.com/或http://typecho.abc.com/均正常；但是当访问其他路径时报404如：http://typecho.bac.com/index.php/start-page.html2 搜索框搜索时不生效，输入中文搜索时报错404页面不存在上述两个...
2019-09-27 11:58:24
1670
原创 一个简单博客系统，实现前后端增删改查基本功能
此篇仅做简述，详细请见实际项目1 项目结构：（1）服务端eggjs开发（2）客户端umijs开发（3）数据库mysql数据库2 效果如下：3 备注：（1）数据库使用的在线数据库，下载后，需配置为自己的mysql数据库（2）涉及知识点，官方网站上均有，请自行学习https://eggjs.org/zh-cn/4 github地址：https://github...
2019-09-02 16:48:06
7219
原创 umi项目部署在非根目录下，多路由指向的情况解决方法
本篇，只在umi项目非常熟练的情况下，如不清楚，可去umi官方文档了解。一，需求：1号地址：http://abc.abc.com/aaa众所周知umi项目要部署在非根目录下，配置base必须为某个目录，即base:'/aaa/'进入项目后，路由会自动以‘/aaa’为前缀，跳转正常，例如：（1）点击‘关于我们’，会路由到http://abc.abc.com/aaa/about二，需...
2019-07-16 18:03:30
23251
2
原创 一个基础的webpack项目demo
闲来无事，手工搭建一个webpack最基础的项目，可与项目初始化节省搭建时间，话不多说，上料！其中包含了：1 样式加载器css，sass，less2 图片加载器3 webpack-dev-server本地开发热更新4 babel配置：（1）babel：解决不支持语法转义es6转义为es5cnpm i --save-dev babel-loader @babel/core @babe...
2019-06-19 10:54:51
9269
原创 express+mockjs搭建数据服务
前端开发的朋友们，不免会有要模拟假数据的时候，当然你的项目中有模拟数据的配置（如mock）则更好；但是当仅仅就是想起个服务端，模拟点假数据便于开发调用，那么今天就给大家介绍一种快捷有效的方法：express+mockjs搭建数据服务现只模拟一下四个接口供参考：http://127.0.0.1:30001/api/users get请求 列表数据http://127.0.0.1:30...
2019-03-11 16:19:28
7271
原创 发送邮件mailto的使用
闲来无事，记录一下细微的知识点。mailto 众所周知是html中发送电子邮件的代码，写法如下：<a href="mailto:[email protected]">发送邮件</a>mailto还有一些参数使用方式，类似地址栏写法：mailto表示收件人（多人中间分号间隔）cc表示抄送人员（多人中间分号间隔）bcc表示密送人员（多人中间分号间隔）subjec...
2019-03-07 10:53:43
88396
转载 npm install出现"Unexpected end of JSON input while parsing near"错误解决方法
最近在玩vue3.x版本的时候，在vue create project创建项目的时候报错了，其实就是npm install安装东西的时候报的这个错误；原因是node之前版本较低，升级版本后出现了；如何解决呢？解决办法，升级之后运行：npm cache clean --force即可解决pm install出现”Unexpected end of JSON input while par...
2018-09-19 11:29:46
11827
1
原创 antd-design库iconfont字体本地化
书写此篇，主要针对您的项目是create-react-app搭建的（未eject配置的），并且用的antd-design UI库还是2.x版本之前的，本篇也许对你有极大帮助。此时的antd已经是3.9.1版本了，早早的已经是3.x以上了，也不存在上述问题，那么您可以忽略此篇了！一下本人以"antd": "^2.13.2",做分析，此项目中您就会遇到，请求中有https://at.alicdn...
2018-09-06 15:08:40
13293
原创 react项目开发-模拟数据的增删改查（前三篇续）
今天，我们增加一下对数据的增删改查的开发，这里不涉及用后台数据，而是使用json-server这个模拟数据的工具（可自行学习，这里不做详述）来实现。我们索性就对音乐页面做开开发吧：https://localhost:9999/music，现有截图如下：好，废话不多说，下面开始：1 安装json-server，运行cnpm i json-server --save-dev；根目录下新...
2018-07-24 16:39:36
18134
2
原创 react项目开发-布局和导航菜单（前三篇续）
关于布局，我们以偏向管理系统的风格为例，采用上左右布局，即：上放置logo，账户信息等公共数据，左放置菜单分类，多级导航等，右放置主体业务内容等。1 先来改造layout/layout.js，增加主体布局，并且判断是否是登录页面，布局不同，代码如下：import {connect} from 'dva';import React from 'react';import pathToR...
2018-07-24 16:39:33
31109
原创 react项目开发-路由优化（前三篇续）
目前的项目架构，大家都能看到，有路由跳转的地方都是写死的url，如<Link to={'/aaa'}>,push({pathname:'/login'}),这种方式呢，没有问题，但是这样写死不太好，不便于后期维护，比如以后要改下路径，除了config.js中需要改一次，代码全篇幅都需要改一次，好累；name该怎么办呢？以下我们就来处理一下路由的优化！
2018-06-11 17:35:07
3257
1
原创 react项目开发-权限布局（前三篇续）
基于create-react-app官方脚手架搭建dva模式的项目-权限布局的开发，之前的项目骨架已经可以按照你自己的业务和项目逻辑去组装汽车了；这里依然以上项目骨架为基础，增加权限布局的开发。
2018-06-09 20:31:17
4567
1
原创 基于create-react-app官方脚手架搭建dva模式的项目（三）
基于create-react-app官方脚手架搭建dva模式的项目（三）
2018-06-08 17:03:50
4416
5
原创 基于create-react-app官方脚手架搭建dva模式的项目（二）
接上一篇：https://blog.csdn.net/xw505501936/article/details/80621740先来看下现有项目：点击 去BBB页面 如下：点击 去CCC页面 如下：好，以上是现有项目情况。下面我们让页面稍微美观一些，引入UI库，这里依然选用阿里系的antd（具体不做介绍，有兴趣的同学可官网查阅，此UI库也有针对angular的版本，也...
2018-06-08 17:03:29
4611
原创 基于create-react-app官方脚手架搭建dva模式的项目（一）
思索良久，决定还是记录下心得体会：一个基于create-react-app官方脚手架，搭建起来的dva开发模式的react项目。当然现今的前端市场如此强大，你可以在网络上找到你想要的任何脚手架，并且很多可以开箱即用，不可否认它们很优秀，开发它们的人或团队更值得我们竖起大拇指，为他们点赞！比较适合国人还是阿里系的一套react开发脚手架，dva-cli，antd，Umi等，当然gitHub上也有...
2018-06-08 13:02:24
17674
4
原创 react地图组件
最近项目中有此需求，react地图组件的开发：1 输入地址可查询出对应地图位置并标记点2 能返回经纬度，并提交服务端保存3 在地图上点击某一点，也能返回对应经纬度和地址信息4 国内，国外均可使用经过调研决定，采用谷歌地图和高德地图来封装组件，当渲染地图组件时，先试图请求谷歌map的api，若能访问则使用谷歌地图，若不能访问，则调用国内高德地图，框架环境：react+dva+antd+umiJs；其...
2018-06-05 13:35:21
5080
3
原创 Chrome浏览器跨域，解决Blocked current origin from receiving cross-site document at问题
众所周知，作为前端开发人员，经常会遇到跨域联调的场景，那么Chrome浏览器也是我们首选的调试浏览器。Chrome浏览器跨域设置方法：在快捷方式中设置：--disable-web-security --user-data-dir如图：相信很多人也是这么做的，但是Chrome升级到66版本后，这个就不好用了，怎么解决呢：处理方式不变，设置参数修改为如下即可：--disable-web-securit......
2018-05-09 20:05:30
7413
原创 前端生成gif动态图下载
最近公司的某产品中，有动态热图的展现，分别展现某个时间段的热图时间变化，例如：最近一周七天内，每天的热图分布变化图；客户提出一个需求，这个动态变化的图生成一个gif图提供下载是否可行？实现方案：1.可通过服务端生成对应gif，然后前端请求下载2.前端自己实现生成gif图片，自行下载采用方案：前端实现方式，于是在网上找各种相关的几款组件调研，均有利弊，推荐两款好用并且稳定的组件：1 html...
2018-04-20 14:05:21
18281
7
原创 对二进制流文件实现Blob下载
最近公司项目中，有对文件的导出（下载）的功能，当然普通的下载方式，比如访问一个后台文件流地址，直接生成对应的文件，下载即可，地址栏中也可携带一些控制参数等（例如?a=1&b=2），但这个项目的api接口，均采用的在headers中传控制参数方式，故而就只能采用其他方式了。于是，经过考虑，通过ajax方式请求到后台的二进制流文件，采用Blob对象的方式保存在本地，这样文件的名称，后缀规则均可...
2018-02-14 10:30:56
27426
5
原创 TypeScript环境搭建
1.安装typescript：npm install -g typescript2.使用命令编译文件：tsc demo.ts3.使用IDE工具webstorm，配置typescript文件自动编译功能:（1）进入设置界面（2）勾选相应设置（3）配置tsconfig.json文件，示例代码如下：{ "compilerOptions"
2017-07-18 12:12:10
1226
原创 npm设置淘宝镜像
npm是一个很好用的工具，全场是Node Packet Manager，是一个nodejs的包管理工具，但是美中不足的是当我们去安转包的时候却发现下载的速度太慢，但是没关系，还是有方法的就是利用淘宝的国内镜像，一下是3个设置的方法：镜像使用方法（三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候配置还在）:1.通过config命令npm config
2017-07-07 14:33:15
1366
原创 webstorm配置node服务启动debug（v8debug is not defined）
之前项目使用的node环境是node4.4版本，一直正常，今天升级了下node（6.x版本）版本，之前的配置不变，在WebWstorm中就启动不了了；报错：v8debug is not defined经过排查发现：高版本的nodejs若要启用debug模式，需指定v8引擎，如下：要点：--expose_debug_as=v8debug参考：h
2017-06-16 14:02:01
4865
原创 mongodb设置auth认证
最近在linux环境中使用mongodb+node项目时，积累心得。mongo服务启动(需要认证)/alidata/server/mongodb/mongodb-linux-x86_64-amazon-3.4.4/bin/mongod --dbpath=/alidata/server/mongodb/data --logpath=/alidata/server/mongodb/
2017-06-06 13:03:14
23263
原创 判断IE各版本浏览器的最直接有效的方式
首先，判断是否是IE浏览器，有如下两种方式：第一种,通过userAgent信息来判断:if(navigator.userAgent.indexOf("MSIE")>0){ //是IE浏览器}第二种：通过ActiveXObject这个IE浏览器专有对象来判断:if(!!window.ActiveXObject){ //是IE浏览器}然后，判断在IE浏
2017-05-26 15:23:32
1455
原创 使用jsonp有数据返回，但是success不执行的解决办法
最近项目中，突然遇到这种问题，具体：页面代码：$.getJSON("http://url.url.com?jsonpCallback=?",function (json) { //1.4.2版本中，正常执行 });老版页面中用的jquery1.4.2版本，请求jsonp数据一切正常，现在突然升级到1.9.1版本，出现错误：返回成功，数据返
2017-04-18 20:33:41
25543
4
原创 解决grunt-contrib-cssmin压缩默认会删除一些css hack的问题
昨天公司任务中，有涉及到一个比较老的网站静态文件整理压缩过程，于是采用了grunt工具的压缩插件grunt-contrib-cssmin来进行js和css的压缩整理；发现引用压缩后的css之后，页面在ie7下出现错乱现象，其他高版本浏览器则正常显示，于是各种排查，对比文件，网上查找相关资料，终于找到了原因所在。grunt-contrib-cssmin压缩css文件时，默认设置情况下会删除c
2017-02-10 13:59:42
1311
转载 解决在IE下label中点击img图片无法选中radio的方案
今天遇到一个问题，在IE浏览器下，使用label FOR radio后，label中的图片无法选中。例如，这样的代码 这种情况下，点击label的图片将无法选中radio选项。解决这个问题，目前可以有三种方法，分别是通过JS、CSS或者HTML代码3个方面来解 决。方法一，JS：window.onload = function(){ if(documen
2017-02-04 16:13:53
1655
原创 移动端模拟导航可点击自动滑动
移动端模拟导航可点击自动滑动 0.1.4。导航可左右滑动，可点击边缘的一个，自动滚动下一个到可视范围【依赖于iscroll.js】。废话不多说直接上代码：/* * 移动端模拟导航可点击自动滑动 0.1.4 * Date: 2017-01-11 * by: xiewei * 导航可左右滑动，可点击边缘的一个，自动滚动下一个到可视范围【依赖于iscroll.js】 */
2017-01-11 11:01:06
6403
1
原创 活动开始和截止时间倒计时
一个活动，拥有开始时间结束时间，分别需要去执行相关的任务，公司的一些项目中用的还挺多，随手记录一下吧，便于以后用到。代码如下：(function($){ $.actCountTimer=function(options){ //各种属性、参数 var defaults = { DurationTime:['2017010908
2017-01-09 13:35:30
4987
webpack-base-demo2.zip
2019-06-24
webpack-base-demo.zip
2019-06-19
create-react-app构建dva项目20180724
2018-07-24
create-react-app构建dva项目20180702
2018-07-02
create-react-app构建dva项目
2018-06-13
iScroll下拉刷新上滑加载
2015-10-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人