WebStorm 使用方法

1.下载安装 官方网站:https://www.jetbrains.com/webstorm/ ps: 这个需要翻墙下载,如果无法翻墙请自行选择其他方式下载 这里提供一个我的百度网盘分享地址 链接:https://pan.baidu.com/s/1sbWZtCgjJa1E9o-KmJjNf...

2019-04-28 14:41:22

阅读数 95

评论数 0

如果在本地访问 vue 打包好的 dist 文件

众所周知我们是无法直接通过打开 vue 打包好的 dist 目录下的 index.html ,需要我们在本地开启一个服务器进行访问,这里分享一个node 开启本地服务器的方法, 首先我们需要在dist 外层目录新建一个 server.js 文件 var connectHistoryApiFal...

2019-04-19 16:04:49

阅读数 255

评论数 0

vs code 格式化代码配置

最近公司项目加入了 ESlint检查,然后各种飘红!!! 现在用的插件: ESlint: javascript代码检查工具 vutur: 一个非常强大的插件,但是也有不足之处,在格式化 vue 文件时,会自动给你加上双引号、分号等,这就需要额外的配置来解决与ESlint的冲突 解决配置: ...

2019-03-02 17:23:06

阅读数 596

评论数 0

原生js实现移动端滑动反弹效果

原生js实现移动端滑动反弹效果 纵向滑动效果演示横向滑动效果演示请在谷歌浏览器移动端模拟下查看 具体实现思路 触摸事件(touch event)可响应用户手指(或触控笔)对屏幕或者触控板操作,给基于触控的用户界面提供了可靠支持。 触摸事件接口是较为底层的 API,可为特定程序提供多点触控交...

2019-01-24 17:30:17

阅读数 245

评论数 0

算法的重要性------一道小小编程题

在QQ前端交流群遇到一道小小的编程练习题,很有意思就随便练练手,仔细思考偶然发现里面的奥妙无穷! 【每日思考】给定一个数组arr,和一个数num,请把小于等于num的数放在数组的左边,大于num的数放在数组的右边。要求:只能在原数组上操作,并且只得循环一遍数组。 拿到题目不假思索的给出自己的思...

2018-12-20 14:39:52

阅读数 67

评论数 0

浏览器数据库 IndexedDB 入门演练

1.演练地址https://djz917.github.io/contact/indexDB/index.html 2.看一下浏览器兼容性,手机兼容性略差。 3.简单建立页面,如下: 4.静态HTML代码 <!DOCTYPE html> &...

2018-12-13 17:13:01

阅读数 100

评论数 0

CSS3实现平行四边形间隔的边框

效果如下: 其实要实现这个很简单,只需要配合一个CSS3的属性就能简单实现了。 transform: skewX() 定义沿着 X 轴的 2D 倾斜转换。 W3C案例地址 用好这个属性就简单许多了 <!DOCTYPE html> &...

2018-12-07 10:16:25

阅读数 95

评论数 0

如何在github上预览html文件

1.最简单的方式就是直接在你github地址中的html文件前面加上http://htmlpreview.github.com/? 举个栗子:http://htmlpreview.github.io/?https://github.com/djz917/Game/blob/master/2048...

2018-11-23 11:15:56

阅读数 516

评论数 0

如何将SVG图标转换为字体文件

1.打开网站https://icomoon.io/,进入的时候会有点卡,建议直接进下面的网站。 点击右上角的IcoMoon App图标,也可以直接进入https://icomoon.io/app/#/select 2.点击import Icoms上传SVG文件,或者直接选择网站内的图标 3....

2018-11-22 10:28:42

阅读数 803

评论数 0

JavaScript闭包?看完这几个例子你就完全搞懂了!

理解闭包,首先要知道作用域链是个什么东西。 1.什么是作用域链 在 JavaScript 的最顶层代码中(也就是不包含在任何函数定义内的代码),作用域链有一个全局对象组成。在不包含嵌套的函数体内,作用域链上有两个对象,第一个是定义函数参数和局部变量的对象,第二个是全局对象。在一个嵌套的函数体内...

2018-11-15 14:08:44

阅读数 36

评论数 0

创建第一个Angular组件!!!

创建英雄列表组件 使用 Angular CLI 创建一个名为 heroes 的心组件 ng generate component heroes CLI创建了一个新的文件夹 src/app/heroes/, 并生成了三个文件 HeroesComponent的类文件如下: import {...

2018-11-07 10:49:07

阅读数 194

评论数 0

Angular起步!!!

先决条件 在开始之前,确保自己是否已经安装了Node.js 和 npm 包管理器 第一步:安装 Angular CLI(全局安装) npm install -g @angular/cli 第二步:创建工作空间和初始应用 1. 运行 CLI 命令 ng new ,并提供一个名字 my-app,...

2018-11-07 10:11:58

阅读数 54

评论数 0

学习 vue 一篇demo就足够了

项目githu地址 项目介绍与简单讲解 1.vue安装与如何引入组件 2.vue 实现路由跳转 3.vuex实现简单的赠删改功能 4.父子组件的相互通信 5.问卷调查的路由传值与父子组件通信 未完待续。。。 项目截图 1.1.优惠券主页 1.2.优惠券新增与修改页面 ...

2018-11-02 16:39:56

阅读数 150

评论数 0

问卷调查的路由传值与父子组件通信

上一节已经完成了问卷的添加与删除,现在只需要小小的改动就能实现一个修改功能。 1.进入修改页面和直接添加用的是同一个组件,但是进去修改页面需要把要修改的位置通过路由传值。 this.$router.push({path: '/questionnaire/handle', query: {in...

2018-11-02 15:37:56

阅读数 41

评论数 0

父子组件的相互通信

前一节已经讲过vuex如何实现优惠券的赠删改,本章就不再赘述了。如需查看请回到上一节! 1.直接利用element-ui表格布局搭建问卷详情页面 这里与优惠券页面不同的是:点击问卷名称可以进去详情页面,与删除问卷操作在store.js中进行封装。 <template&...

2018-11-02 09:47:01

阅读数 45

评论数 0

vuex实现简单的赠删改功能

上一节已经完成路由跳转,这节就来利用vuex实现简单的赠删改功能 1.先利用element-ui组件完成页面的构建 1)main.js全局引入element-ui组件 import ElementUI from 'element-ui' Vue.use(ElementUI); 2)inde...

2018-10-31 16:13:53

阅读数 100

评论数 0

vue 实现路由跳转

1.前一节已经安装了vue-router(npm install vue-router --save),现在就来使用一下 1)先在App.vue组件中配置路由出口 <template> <div id="...

2018-10-31 11:50:32

阅读数 144

评论数 0

vue安装与如何引入组件

1.第一步安装 npm install -g vue-cli (如果安装了可以 vue -V  查看是否已经安装) vue init webpack vue-demo(安装webpack模板) 这里我使用的是简易模板vue init webpack-simple vue-demo cd...

2018-10-31 11:10:22

阅读数 293

评论数 0

如何将页脚固定在页面底部,而不是屏幕底部!

一个经典的 Sticky footers 布局问题 话不多说贴代码 <div class="main"> <div class="main-box"&a...

2018-08-18 11:43:48

阅读数 824

评论数 2

vue-routes 配置

官方文档给的东西还是不够详细,这里给出自己开发中遇到的实例供大家参考。 首先当然是安装 这里只给出 npm 方式安装 npm install vue-router 如果在一个模块化工程中使用它,必须要通过 Vue.use() 明确地安装路由功能: 1.找到文件的入口 js 文件,通常是...

2018-08-15 16:11:57

阅读数 1412

评论数 0

提示
确定要删除当前文章?
取消 删除