webmxj-CSDN博客

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

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

2018-06-07 10:07:43 9388 2

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

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

2018-06-05 13:23:44 10791 2

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

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

2018-05-28 10:12:13 15109 2

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

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

2018-05-25 14:20:21 17243 9

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

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

2018-05-25 11:29:08 44283 7

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

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

2018-06-05 11:46:18 23651 4

原创 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 121517 34

原创 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 28559 2

原创 ES6学习笔记

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

2018-02-08 16:17:21 340

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

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

2017-12-18 11:20:30 10029 2

原创 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 3026

原创 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 6235 1

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

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 6139 1

原创 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 662

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

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

2017-07-25 14:30:05 10722

转载 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 495

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

<!DOCTYPE html><html>  <head> <me

2017-07-03 11:13:55 1007 1

原创 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 426

原创 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 548

原创 javascript本地对象String对象方法;

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

2017-06-28 20:05:12 295

原创 javascript本地对象之数组对象

一 Array 对象;数组属性:constructor 返回建立对象的原型函数;length 设置或返回数组元素的个数;prototype 允许你向数组对象添加属性或方法;对象属性:1.concat() 连接两个或者更多的数组并返回结果;2.copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中;array.copyWithin(target, start, end)

2017-06-28 19:17:12 379

原创 Javascript之面向对象

一什么是是对象? 1.万物皆对象, 如JS中的基本数据类型如number，bool，字符串，数组，null，undefined等等都是对象;二那什么是面向对象? 面向对象有两层理解: 第一层就是肤浅的懂得使用它,就像你懂得使用空调但不需要理解其运作的原理第二层你能建立一个对象;三面向对象有什么特性?面向对象又什么构成? 抽象封装继承 (还有多

2017-06-27 19:37:50 275

原创用js写选项卡效果,实现原理;

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> *{ margin:0; padding:0; }

2017-05-23 14:18:17 638

原创 ajax的跨域处理

1.我们为什么要去做跨域处理? 答:出于安全考虑,浏览器采用了同源策略规定了只能拿同源的资料.所有我们需要跨域来获取资料.2.什么是域名?什么是跨域? 一个域名是由http://(协议) www(子域名) . abc.com(主域名) : 8080(端口号) / script/jquery.js(请求资源地址)当协议/子域名/主域名/端口号中任意一个不相同时,都算作不同域; 不同域之间相互请求

2017-05-19 19:52:28 484

原创用Js和CSS实现锤子手机官网海报跟随移动发生倾斜

挺久没写博客了, 最近学js模拟做了锤子手机的官方网站分享下他那个主页的海报轮播的倾斜效果是怎么做的; 锤子科技商城官网;<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> #box{

2017-05-19 09:55:14 692

原创初学JavaScript 小知识

什么是JavaScript一种基于对象和事件驱动的客户端脚本语言(弱类型)也直接可以运行在操作系统上,需要Node.js环境支持他的最初目的是为了检查表单输入的正确性Netscape公司1997年创建的,LiveScriptECMAScript是javascript的标准,完整的javascript包含了ECMAScript、BOM和DOM为什么要学js? 别无选择,只有js兼容所有的浏

2017-04-13 12:00:37 306

原创初学js之面向对象

面向对象基础理论每个对象都有自己内部状态和运动规律不同对象之间有相同的属性描述和行为描述程序设计方法:使用面向对象的观点来描述模仿并处理现实问题目的:使用面向对象的方式完成软件的程序设计对象客观存在的实体称为对象属性描述对象的特征的数据行为对象自身的行为例如对象: 王强

2017-04-12 10:15:59 403

原创纯CSS样式模拟js写手风琴效果

用纯css样式的方法来制作如下点击展开的动态效果这种效果是如何实现的呢我们一起来写一下;首先先将要完成完成形态写出来如下:然后将p的高度设置为0 因为虽然高度为0但是里面还是有内容会撑开高度所有要加一个overflow:hidden去隐藏它;再用target去触发点击展开的效果; 代码如下:

2017-03-25 10:47:05 1194 1

原创京东,淘宝,易迅三大网站是如何用CSS绘制三角形的

京东,淘宝,易迅三大网站是如何绘制三角形的,1,淘宝上直接利用边框的方法来制作三角形,首先我们需要利用边框来制作一个四边形,一个标签如div,然后设置,宽高零,四条边框为实线长度相等,效果如下: div{ width:0;

2017-03-24 09:27:56 490

原创 css之选择器

1.标签选择器 div定义:直接使用标签加大阔号中填写css样式例如:div{};简单样式:<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style>div{color:red;}</style&

2017-03-23 17:26:24 576

div_ma的博客

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

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

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

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

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

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

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

原创 vue 中router.go；router.push和router.replace的区别

原创 ES6学习笔记

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

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

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

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

原创 animate.css的使用

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

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

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

原创 javascript 正则对象(RegExp)方法

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

原创 javascript本地对象String对象方法;

原创 javascript本地对象之数组对象

原创 Javascript之面向对象

原创用js写选项卡效果,实现原理;

原创 ajax的跨域处理

原创用Js和CSS实现锤子手机官网海报跟随移动发生倾斜

原创初学JavaScript 小知识

原创初学js之面向对象

原创纯CSS样式模拟js写手风琴效果

原创京东,淘宝,易迅三大网站是如何用CSS绘制三角形的

原创 css之选择器

仿淘宝京东放大镜效果

空空如也