若水弹丸之地

淡灯飘渺茂山边,凉月倾洒冻炊烟。蝉鸣客扣篱门外,忽惊稚子急却关。 // 白天天...

web程序员表白程序,三行情书

很久之前的作品,用JS和CSS3实现的,今天给大家分享一部分。 若要见完整版,请点击右侧链接下载:程序员浪漫表白“三行情书”一等奖(JS+CSS3) 注:这是一个3D场景,在PC端的话还可以按住鼠标左键并拖动鼠标,来从各个视角观察它。 降低作品档次的效果图: 寓意解...

2018-01-21 00:58:12

阅读数 21105

评论数 17

浅谈XSS跨站脚本攻击

 浅谈 跨站脚本攻击(XSS) 一、概述 1、什么是跨站脚本攻击 跨站脚本攻击(Cross Site Scripting),简称XSS,  是指:由于网站程序对用户输入过滤不足,致使攻击者利用输入可以显示在页面上对其他用户造成影响的代码来盗取用户资料、利用用户身份进行某种动作或者对访问者进行...

2017-12-04 14:09:01

阅读数 6384

评论数 0

React-Router实战:重定向Redirect

当用户访问某界面时,该界面并不存在,此时用Redirect重定向,重新跳到一个我们自定义的组件里。 一、基础 1、引入使用 // 如果loggedIn 为 false, 则重定向跳转到 /home 页面 import { Route, Redirect } from 'react-rou...

2019-03-23 18:55:45

阅读数 147

评论数 0

React-Router实战:路由传参(正则表达式)

首先我们先做个路由普通传参的例子。 一、准备工作 1、目录结构 | - index.js | - components | - App => App.js | - Home => Home.js | - About =&g...

2019-03-23 18:23:30

阅读数 65

评论数 0

React-Router实战:NavLink

基础: (1)引入使用: import { NavLink } from 'react-router-dom' <NavLink to="/about"> About </NavLink> (2)activeCl...

2019-03-23 17:09:41

阅读数 148

评论数 0

React-Router实战:基本路由、路由传参、嵌套路由

安装 > npm install -g create-react-app > create-react-app demo-app > cd demo-app ...

2019-03-17 17:53:27

阅读数 44

评论数 0

js小记:EventUtil兼容

EventUtil: var EventUtil={ addHandler:function(element,type,handler){ //添加事件 if(element.addEventListener){ element.addEventListe...

2019-03-09 17:37:52

阅读数 24

评论数 0

React-Redux:动手实现

一、实现React-Redux的过程中的DOME样式 点击Blue变为: 二、概述及源码 1、组件设计 2、主要目录结构: - public | - index.html - src | - index.js | - components | - react-redux.js ...

2019-03-05 10:00:09

阅读数 32

评论数 0

Redux:动手实现

一、动手实现 index.html <!DOCTYPE html> <html lang="en"> <head> &am...

2019-03-03 20:15:33

阅读数 45

评论数 0

Vue实战:树形组件

一、展示 点击粗体能展开节点: 点击“+” ,还能插入new stuff节点: 还能为没有孩子的节点添加多个子节点,如图为 hello节点添加: 二、源码 index.html <!DOCTYPE html> <html...

2019-02-26 11:11:57

阅读数 212

评论数 0

Vue实战:table组件(带搜索,排序)

效果 源码 <!DOCTYPE html> <html lang="en">...

2019-02-25 18:18:26

阅读数 170

评论数 0

Vue实战:获取数据列表展示

这个例子从 Github 的 API 中获取了最新的 Vue.js 提交数据,并且以列表形式将它们展示了出来。你可以轻松地切换 master 和 dev 分支。 一、展示 二、源码 <!DOCTYPE html> <html l...

2019-02-25 14:59:35

阅读数 474

评论数 0

Vue Router慢慢学:起步Dome

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。 我们首先通过原生JS简单讲解router的核心原理,然后再用Vue-Router做个Dome~ 一、前端router核心原理 路由核心原理:根据不同的锚点值做出不同的显示...

2019-02-20 01:53:29

阅读数 35

评论数 0

Vue.js实例学习:获取DOM元素

一、获取DOM元素 在Vue中获取DOM元素,我们可以用ref。 用法(和React一样): (1)在组件的DOM部分,任意标签中 写上:ref="xxx" (2)通过组件对象 this.$refs.xxx 获取到元素 1、获取HTML标签的D...

2019-02-19 23:51:00

阅读数 121

评论数 0

Vue.js实例学习:生命周期

Vue生命周期钩子: beforeCreate、created beforeMount、mounted beforeUpdate、updated activated、deactivated beforeDestroy、destroyed errorCaptured 一、b...

2019-02-17 15:55:33

阅读数 93

评论数 0

Vue.js实例学习:slot

父组件可以给子组件传递数据,但却不能传递DOM节点,为了解决这个问题,slot诞生了。 solt是Vue的内置组件,也就是我们俗称的插槽。 一、无名插槽 例: <style type="text/css"> li...

2019-02-16 23:14:20

阅读数 75

评论数 0

Vue.js实例学习:watch与computed

watch:监视单个属性 computed:监视多个属性 注:v-model是双向绑定数据,但并未将数据与方法挂钩;为了解决这个问题,watch与computed诞生了。 一、watch watch是一个对象,键是需要观察的表达式,值是对应回调函数。值也可以是方法名,或者包含选项的...

2019-02-16 18:13:59

阅读数 50

评论数 0

Vue.js实例学习:过滤器

一、简介 Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方: 双花括号插值 v-bind 表达式 过滤器要被添加在 JS 表达式尾部,由“|”符号指示: <!-- 在双花括号中 --> {{ message | ...

2019-02-16 16:00:57

阅读数 58

评论数 0

Vue实战:简易布局Dome

一、show 1、介绍 组件:App、MyHeader、Mybody、MyNav、MyMain、MyFooter(App是所有的父组件,Mybody是 MyNav和MyMain 的父组件) 数据data:[{name: ‘bty’, age: 12}, {name: ‘张...

2019-02-16 14:23:29

阅读数 112

评论数 0

React实战:留言板

留言板 <!DOCTYPE html> <html> &lt...

2019-02-02 19:02:58

阅读数 84

评论数 0

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