加载中
理解Web路由(浅谈前后端路由与前后端渲染)

摘自:https://juejin.im/post/5ba350ece51d450e4f38b435 1.什么是路由? 在Web开发过程中,经常会遇到『路由』的概念。那么,到底什么是路由?简单来说,路由就是URL到函数的映射。 2.router...

一个简单的slider滑块组件

我们先来看一张图片: 要实现这样的效果我们有很多种方法,比如直接使用<input type="range" />修改样式即可,也可用下面的这种方式修改 样式 HTML代码: <div class="slider"> <button cla...

判断对象是否相等

使用最简单的方法判断两对象或数组是否相等 一、两对象是否相等 已知两纯对象 let a = { a: 1, b: 2 }; let b = { a: 1, b: 2 }; 我们都知道 a == b ,返回 false ,我们要如何写一个方法,使...

03/16 11:30
18
form表单样式自定义

代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> html { padding: 0px; margin: 0px; font......

01/25 17:05
8
箭头函数

箭头函数表达式的语法比函数表达式更短,并且没有自己的this,arguments,super或new.target。这些函数表达式更适用于那些本 来需要匿名函数的地方,并且它们不能用作构造函数。 首先:我们先...

01/23 10:16
10
弧形字

<svg width="500" height="500" xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="100" cy="100" r="50" fill="none" stroke="#cfd1d2" fill-opacity="0" stroke-width="5"><...

2018/10/25 17:05
18
SVG基本使用一

1.什么是SVG SVG是XML语言的一种形式,有点类似XHTML,它可以用来绘制矢量图形。一个简单的SVG文档由<svg>根元素和基本的形状元素构成。另外还有一个g元素,它用来把若干个基本形状编成一个组...

2018/10/12 16:02
16
Promise实现原理

1.基本概念 Promise是JS异步编程中的重要概念,异步抽象处理对象,是目前比较流行Javascript异步编程解决方案之一 2.Promise使用 语法 new Promise( function(resolve, reject) {...} /* ex...

2018/09/29 17:24
50
渐变虚框及边框滚动的实现

几行简单的CSS代码即可实现图上的边框效果: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body { b......

2018/08/31 10:22
22
简单实现vue中的双向绑定数据

方法很简单,主要用到Object.defineProperty()这个方法,该会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。 <!DOCTYPE html> <html lang="en"> <he...

2018/06/11 15:33
27
一个判断变量类型的小轮子

js代码很简单,关键要看懂里面一些实质的东西,这里就只是贴一些代码,仅供参考; (function(root,factory){   if( typeof module != 'undefined' && ( typeof module === 'object' || typeo...

2018/04/14 23:13
9
“类” 创造器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> var Class = (function() {...

2018/04/03 00:25
13
移动端h5视频处理方案

今天处理一个移动端h5的视频时被狠狠的打脸,果断在网上搜了好些文章狠补了一下,下面做一个记录,方便以后查看: H5移动端页面常见兼容问题及解决方案; 兼容Android的html5移动端视频播放v...

2018/02/09 14:19
195
vue-router路由

vue-router路由 单页面跳转是通过路由实现的,在这里的跳转是移动锚点,而不是页面; 在Vue中所有的页面都可以看作是组件(components); 1. 基本单页面应用 <!DOCTYPE html> <html>...

2018/02/08 14:55
64
vue-cli中解决css引用图片打包后找不到文件资源的问题

使用vue-cli开发中,经常会用到css引用背景图片,在开发环境下背景图片都能好好的加载,但是打包后重新访问index.html,结果提示背景图片就是找不到资源,挺烦人的这个,刚开始的时候一直使用...

2018/01/19 20:34
3.7K
vuex初识

状态管理Vuex 安装vuex npm install vuex 在src目录下创建store/store.js文件,并初始化状态 import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const state = {   co...

2017/10/27 16:27
30
vue组件开发

什么是vue组件 组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原...

2017/09/10 16:59
2.6K
初始Vue- Vue.js条件渲染

Vue.js条件渲染 1、 v-if v-if是真实的条件渲染,它会确保条件块在切换当中合适地销毁与重建条件块内的事件监听器和子组件。有更高的切换消耗。 v-show只是简单地基于 CSS 切换。 有更高的初...

2017/08/29 10:30
18
初识Vue.js

什么是vue.js 一个构建数据驱动的web界面的库; Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件 Vue.js 的核心是一个响应的数据绑定系统,它让数据与DOM保持同步非常...

ES6新增功能

1、块作用域-let (1) 在es6之前,js只用全局作用域、函数作用域,现在新添一个块作用域 使用 let 和 const创建块作用域,他们声明的变量只存在块内 ,及在{}中使用let定义一个变量,变量在...

2017/08/26 18:29
34

没有更多内容

加载失败,请刷新页面

返回顶部
顶部