3 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 提供虚拟数据

这是一个从零开始的react ant-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 ——路由

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

2018-05-28 10:12:13

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

这是一个从零开始的react ant-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中引入import VueQuillEditor from 'vue-quill-editor'// require styles 引入样式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是什么 ECMAScript 6.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文件<!DOCTYPE html><html l

2017-12-18 11:20:30

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

官网解决方案https://router.vuejs.org/zh-cn/essentials/history-mode.html需要在后端进行配置Apache RewriteEngine On RewriteBase / 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 需要加以下js a.  //不可选中文字 var oDrag = document.getElementsByClassName(“ar

2017-09-12 17:30:18

animate.css的使用

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

2017-07-27 08:35:53

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

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

2017-07-25 14:30:05

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

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

2017-07-25 10:36:58

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

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

2017-07-03 11:13:55

javascript 正则对象(RegExp)方法

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

2017-07-01 16:22:30

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

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script>// Number对象 var num =new Number(1234); //toString 把数字转

2017-07-01 14:39:03

javascript本地对象String对象方法;

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

2017-06-28 20:05:12

查看更多

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