2 webmxj

尚未进行身份认证

很牛逼的一个人 微信号:webmxj 邮箱:webmxj@163.com

等级
TA的排名 5w+

React+Ant.design 从零开始搭建个人博客实战教程05 ——— 生成随机数据 mockjs的使用

简介:刚入手一个服务器打算搭个个站,平时工作都是用vue;为了扩展自己的实战能力来从头开始实战用用react吧;结合ant-design一起开发,然后后台nodejs来写;编写我的第一个教程文章,从头到尾记录整个过程因为是实战项目;部分基础的创建react的和基本语法什么的话各位就自便了如果有需要的话我是可以开篇博客的;需要的留言——ღ(´・ᴗ・`)比心因为并不是...

2018-06-07 10:07:43

React+Ant.design 从零开始搭建个人博客实战教程04 —— 配置json-server 提供虚拟数据

这是一个从零开始的reactant-desgin教程详细记录从零开始搭建个站的过程;学习react学习框架学习ant-desgin前端的学习是无止境的愿我们在以后的道路一帆风顺加入QQ群734585334让我们一起学习分享记录吹水快乐的一起变老,广州或深圳有前端工作可以联系我微:webmxj

2018-06-05 13:23:44

配置package.json 使一次npm run start 执行两个指令或者多个指令

在配置json-server的时候,做虚拟数据的时候遇到一个问题,就是json-server的服务需要通过指令json-server./mock/db.json–port3003;然而react也需要npmrunstart启动;每次都得输入两次来启动这两个服务很烦;我就想有没有方法可以只输入一次npmrunstart来同时启动这两个服务;然后搜索资料说使用&&...

2018-06-05 11:46:18

React+Ant.design 从零开始搭建个人博客实战教程03 ——路由

这是一个从零开始的reactant-desgin教程详细记录从零开始搭建个站的过程;学习react学习框架学习ant-desgin前端的学习是无止境的愿我们在以后的道路一帆风顺加入QQ群734585334让我们一起学习分享记录吹水快乐的一起变老,广州或深圳有前端工作可以联系我微:webmxj

2018-05-28 10:12:13

React+Ant.design 从零开始搭建个人博客实战教程02 —— 页面布局 公用头部尾部

这是一个从零开始的reactant-desgin教程详细记录从零开始搭建个站的过程;学习react学习框架学习ant-desgin前端的学习是无止境的愿我们在以后的道路一帆风顺加入QQ群734585334让我们一起学习分享记录吹水快乐的一起变老,广州或深圳有前端工作可以联系我微:webmxj

2018-05-25 14:20:21

React+Ant.Design 从零开始搭建个人博客实战教程01 —— 起步

这是一个从零开始的reactant-desgin教程详细记录从零开始搭建个站的过程;学习react学习框架学习ant-desgin前端的学习是无止境的愿我们在以后的道路一帆风顺加入QQ群734585334让我们一起学习分享记录吹水快乐的一起变老,广州或深圳有前端工作可以联系我微:webmxj

2018-05-25 11:29:08

vue中使用vue-quill-editor富文本编辑器,自定义toolbar修改工具栏options

基于webpack和vue一、npm安装vue-quill-editor二、在main.js中引入importVueQuillEditorfrom'vue-quill-editor'//requirestyles引入样式import'quill/dist/quill.core.css'import'quill/dist/quill.snow.css'i...

2018-03-13 10:07:29

vue 中router.go;router.push和router.replace的区别

router.go(n)这个方法的参数是一个整数,意思是在history记录中向前或者后退多少步,类似window.history.go(n)router.push(location)想要导航到不同的URL,则使用router.push方法。这个方法会向history栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的URL。router.repla...

2018-03-07 10:08:39

ES6学习笔记

ES6学习笔记1.ES6是什么ECMAScript6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。标准的制定者有计划,以后每年发布一次标准,使用年份作为版本。因为ES6的第一个版本是在2015年发布的,所以又称ECMAScript...

2018-02-08 16:17:21

Ag-grid表格 原生javascript的简单使用

ag-grid是支持多种前端框架的企业级表格框架,它能实现的功能也颇多,有兴趣的可以上他的官网api看下ag-Grid官网;我这里简单写一下基础的数据初始化生成表格;1.首先引入js文件;我这里用原生的方式;并没有使用vue之类的框架的方法去写;如果想要用在框架中使用;官方也通过了很多引入的方法;如图:回到话题:新建一个html文件,引入js文件<!DOCTYPEhtml><htmll

2017-12-18 11:20:30

vue小笔记 打包之后,刷新页面出现404的问题

官网解决方案https://router.vuejs.org/zh-cn/essentials/history-mode.html需要在后端进行配置ApacheRewriteEngineOnRewriteBase/RewriteRule^index\.html$-[L]RewriteCond%{REQUEST_FILENAME}!-f

2017-10-31 18:41:02

vue小笔记 解决build 相对路径报错问题和静态图片路径报错的问题

问题一:css/js使用相对路径引入后build之后打开报错解决方法:在webpack.prod.conf.js中output添加参数publicPath:'./'我这里也用了在webpack.prod.conf.js中output添加参数publicPath:'/dist/'的写法也是可行问题二:图片在vue中引入路径报错

2017-09-22 16:55:12

取消鼠标拖动选中文字的方法

1、给元素加样式-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;2、ie6-ie9需要加以下jsa. //不可选中文字varoDrag=document.getElementsByClassName(“ar

2017-09-12 17:30:18

animate.css的使用

在用link或者是import引入animate.cssanimate.css在vue2.0布局中的结构<transitionenter-active-class="animatedbounceInRight"leave-active-class="animatedbounceOutLeft"><pv-show="show">前端工程师:webmxj(个人网站)</p></t

2017-07-27 08:35:53

如何判断页面是否加载完成

用document.onreadystatechange的方法来监听状态改变, 然后用document.readyState==“complete”判断是否加载完成 代码如下: 复制代码代码如下:document.onreadystatechange=subSomething;//当页面加载状态改变的时候执行这个方法. functionsubSomethi

2017-07-25 14:30:05

Vue中引入jquery方法 vue-cli webpack 引入jquery 今天费了一下午的劲,终于在vue-cli 生成的工程中引入了jquery,记录一下。(模板用的webpack)

Vue中引入jquery方法vue-cliwebpack引入jquery 今天费了一下午的劲,终于在vue-cli生成的工程中引入了jquery,记录一下。(模板用的webpack)首先在package.json里的dependencies加入"jquery":"^2.2.3",然后npminstall或者用npm install --reg

2017-07-25 10:36:58

Javascript手把手教你做商品放大镜效果

<!DOCTYPEhtml><html><!--放大镜的原理是设置两张图片一张正常一张放大后的放大后的设为隐藏鼠标移入时候显示然后在正常那边有一个小框鼠标移动时候移动小框然后拿小框left/top除以图片的宽/高得到一个比值,拿比值去乘以大图片的宽/高就可以得到大图片要移动的距离--><head><me

2017-07-03 11:13:55

javascript 正则对象(RegExp)方法

//RegExp对象方法//compile编译正则表达式//在字符串中全局搜索"man",并用"person"替换。然后通过compile()方法,改变正则表达式,用"person"替换"man"或"woman",:varstr="manwoman";patt=/man/g;str2=str.replace(patt,"person")

2017-07-01 16:22:30

javascript中Number对象的方法和Math对象的方法

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title></head><body></body><script>//Number对象varnum=newNumber(1234);//toString把数字转

2017-07-01 14:39:03

javascript本地对象String对象方法;

二string对象;属性:1.construction创建该对象的函数引用;2.length字符串的长度;3.prototype允许您向对象添加属性和方法4.charAt()返回在指定位置的字符串;参数4-1index必须表示字符串中某个位置的数组即字符在字符串中的位置5.charCodeAt()返回在指定未指定字符串的Unicode编码;

2017-06-28 20:05:12

查看更多

勋章 我的勋章
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!