- 博客(51)
- 收藏
- 关注
RSS订阅转载 Vue中的插槽Slot技术详解
插槽技术是Vue.js中重要的组件化特性之一，为我们提供了灵活的组件化开发方式，通过合理使用插槽，我们可以轻松地定制和扩展组件的功能，使组件的可复用性和灵活性大大提高。以上就是Vue中的插槽Slot技术详解的详细内容，更多关于Vue插槽的资料请关注脚本之家其它相关文章！
2024-06-28 08:56:12
18
1
原创 js 下载图片
fetch(url).then(res => res.blob()).then(blob => { // 将链接地址字符内容转变成blob地址。
2024-06-28 08:53:28
242
原创 Vue中使用qrcodejs2生成二维码
第一步 下载插件需要注意，这里下载的是qrcodejs2cnpm install --save qrcodejs2第二步，在组件中使用<template> <div> <div class="qrcode" ref="qrcodeContainer"></div> </div></templ...
2019-08-26 15:31:09
4059
转载 vue-cli创建项目
创建vue项目步骤<1>vue create 项目名(enter键确认,并进入下一步)123<2>出现底下两项 default (babel, eslint)(默认初始化一个项目的最小配置,) Manually select features(手动选择项目特性)123<3>选择manually select (ente...
2019-07-25 13:31:14
752
转载 js总结
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctr...
2019-07-24 15:49:42
219
原创 在线预览PPT/PDF
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="jquery-3.2.1.min.js"></script> <...
2019-07-10 11:00:41
2283
转载 vue 二维码
第一种方法：1，安装QRcode并且在要使用的页面引入cnpm install qrcode// 引入qrcodeimport QRCode from 'qrcode'2，通过input的内容实现二维码具体代码如下：<template> <div class="hello"> // 用于输入内容的input ...
2019-07-04 10:02:48
254
转载 web开发 兼容不同的屏幕分辨率和浏览器
在web开发的过程中经常会要求根据不同的屏幕大小来做兼容，尤其是webAPP的流行和各种响应式布局，兼容不同的屏幕分辨率更是前端开发者必会的技能。本篇主要介绍用CSS 的媒体查询来兼容不同的屏幕大小和用js 来兼容不同的浏览器（主要是IE、火狐、360、谷歌、UC、QQ、百度等）。一、CSS媒体查询使用 CSS3 的@media 查询，你可以针对不同的媒体类型定义不同的样式。它的语法结构是：...
2019-06-25 14:54:22
1962
原创 Vue 组件之间传值
Vue 组件之间传值在父组件中改变子组件里的数据<!--在父组件中引用子组件，添加ref标识--><son ref="son"></son>//父组件点击事件clickFunc(){ //若更新子组件里a的值 this.$refs.son.a = 'xx'; //若调用子组件里b方法 this.$refs.so...
2019-05-29 09:49:10
41801
2
转载 Vue input上传excel文件
<input type="file" ref="upload" accept=".xls, .xlsx" class="outputlist_upload file"> import XLSX from 'xlsx'; data() { return { outputs: [], };},mounted() { ...
2019-01-17 10:52:45
6055
2
转载 HTML的特殊字符-图标对应表
HTML的特殊字符-图标对应表本文摘自：http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html HTML特殊字符编码大全：往网页中输入特殊字符，需在html代码中加入以&开头的字母组合或以&#开头的数字。下面就是以字母或数字表示的特殊符号大全。 ...
2019-01-04 11:00:16
1297
转载 Vue中router-link介绍
Vue中router-link介绍2016年11月06日 09:14:03 坦GA 阅读数：75790原文地址：http://router.vuejs.org/zh-cn/api/router-link.html <router-link><router-link> 组件支持用户在具有路由功能的应用中（点击）导航。 通过 to 属性指定目标地址，默认渲染...
2018-11-22 14:14:42
445
原创 vue项目搭建
安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org安装webpackcnpm install webpack -g安装vue脚手架npm install vue -cli -g 或 cnpm install --global vue-cli进入项目目录 cd 创建项目 vue ...
2018-11-20 13:24:31
239
原创 React 表单与事件
本章节我们将讨论如何在 React 中使用表单。一个简单是实例在实例中我们设置了输入框 input 值value = {this.state.data}。在输入框值发生变化时我们可以更新 state。我们可以使用 onChange 事件来监听 input 的变化，并修改 state。实例<!DOCTYPE html><html> <head&g...
2018-11-08 17:29:10
171
转载 react开发：从零开始搭建一个react项目
从头开始建立一个React App - 项目基本配置npm init 生成 package.json 文件.安装各种需要的依赖:npm install --save react - 安装React.npm install --save react-dom 安装React Dom,这个包是用来处理virtual DOM。这里提一下用React Native的话，这里就是安装react-n...
2018-11-08 17:29:03
897
原创 数组、字符串、json ······的相互转换
字符串和对象的转换第一：如何判断数据类型 typeof()比如 arr="sdhhd" console.log(typeof(arr)) //string 可以判断为字符串，其他的如数组，布尔等就不一一测试啦。总结： typeof()主要是判断数据类型的第二：转化为字符串（1） string 转换格式string(arr)比如 arr=1123 conso...
2018-11-08 17:28:23
228
原创 数组、字符串、json ······的相互转换1
数组和json的转换//数组转json串var arr = [1,2,3, { a : 1 } ];JSON.stringify( arr );//json字符串转数组var jsonStr = '[1,2,3,{"a":1}]';JSON.parse( jsonStr );数组和字符串的转换数组转换为以逗号分割的字符串 string[] array ...
2018-11-08 17:25:23
229
原创 数组，字符串的常见操作
数组：第一：读取数组 for循环方法如下： var ay=[1,"sdsd","sdsd"]for (var i=0;i<ay.length;i++) {console.log("index:"+i+" "+ay[i]) //index：0 1 index：1 sdsd index：2 sdsd}第二：合并数组 concat方法...
2018-11-08 16:50:27
164
转载 用JS获取地址栏参数的方法
方法一：采用正则表达式获取地址栏参数：<html><head></head><body><script type="text/javascript">alert(GetQueryString("id"));function GetQueryString(name) { var reg = new RegEx
2018-10-29 18:37:33
1013
原创 React AJAX
React 组件的数据可以通过 componentDidMount 方法中的 Ajax 来获取，当从服务端获取数据库可以将数据存储在 state 中，再用 this.setState 方法重新渲染 UI。当使用异步加载数据时，在组件卸载前使用 componentWillUnmount 来取消未完成的请求。以下实例演示了获取 Github 用户最新 gist 共享描述:实例<...
2018-10-26 15:35:01
483
原创 React 组件生命周期
在本章节中我们将讨论 React 组件的生命周期。组件的生命周期可分成三个状态： Mounting：已插入真实 DOM Updating：正在被重新渲染 Unmounting：已移出真实 DOM 生命周期的方法有： componentWillMount 在渲染前调用,在客户端也在服务端。 componentDidMount : 在第一次渲染后调用，...
2018-10-26 15:34:03
108
原创 React 组件 API
下为关于“React 组件 API”的内容在本章节中我们将讨论 React 组件 API。我们将讲解以下7个方法: 设置状态：setState 替换状态：replaceState 设置属性setProps 替换属性replaceProps 强制更新：forceUpdate 获取DOM节点：findDOMNode 判断组件挂载状态...
2018-10-26 15:33:13
346
原创 React Props
state 和 props 主要的区别在于 props 是不可变的，而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。使用 Props以下实例演示了如何在组件中使用 props：实例<!DOCTYPE html><html> <head>...
2018-10-26 15:02:56
144
原创 React State(状态)
React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）。以下实例中创建了 LikeButton 组件，getInitialState 方法用于定义初始状态，也就是一个对象，这个对象可以通过 this...
2018-10-26 15:00:09
95
原创 React 组件
React 组件本章节我们将讨论如何使用组件使得我们的应用更容易来管理。接下来我们封住一个输出 "Hello World！" 的组件，组件名为 HelloMessage：实例<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title&g
2018-10-26 14:48:26
100
原创 React JSX
React JSX 独立文件你的 React JSX 代码可以放在一个独立文件上，例如我们创建一个 helloworld_react.js 文件，代码如下：ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example'));然后在 HTML 文件中引入该 J...
2018-10-26 14:42:09
241
原创 python笔记
集合1、set(str) add() 添加，位置随机，整体添加 update() 添加，位置随机，拆分添加 remove('str1') 删除某个元素 符号 & 交集 intersection() 语句 集合1.intersection(集合2) | 合集 union() 语句 集合1.union(集合2) - 差集 ...
2018-10-26 13:46:25
275
原创 python爬取数据hesder设置cookie
#encoding:'utf-8'import urllib.requestfrom bs4 import BeautifulSoupimport osimport timeimport pymysqlimport xlwtimport requestsimport jsondef getDatas(): url = 'https://www.uchuanbo.com/...
2018-10-26 13:24:57
786
原创 原生ajax
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js-ajax</title> </head> <body> <
2018-10-26 13:20:26
140
原创 React安装
通过 npm 使用 React如果你的系统还不支持 Node.js 及 NPM 可以参考我们的 Node.js 教程。我们建议在 React 中使用 CommonJS 模块系统，比如 browserify 或 webpack，本教程使用 webpack。第一步、安装全局包$ npm install babel -g$ npm install webpack -g$ np...
2018-10-25 11:58:06
244
转载 对Django数据库内数据进行增删改查
引入models的定义from app.models import myclassclass myclass(): aa = models. CharField (max_length=None) bb = models. CharField (max_length=None) def __unicode__(self): ...
2018-10-25 11:56:19
767
转载 python获取当前时间的用法
python获取当前时间的用法1.先导入库：import datetime2.获取当前日期和时间：now_time = datetime.datetime.now()3.格式化成我们想要的日期：strftime（）比如：“2016-09-21”：datetime.datetime.now().strftime('%Y-%m-%d')4.在当前时间增加1小时：add_hour=d...
2018-10-23 16:48:30
1490
原创 rem引用
rem<script> document.documentElement.style.fontSize = innerWidth/7.5 + 'px'; window.onresize = function(){ document.documentElement.style.fontSize = innerWidth/7.5 ...
2018-10-15 16:28:46
293
原创 Django操作
创建工程 django-admin startproject myDjango(工程名称) 重新编译（在工程文件夹里面==db.sqlite3） manage.py makemigrations 启动项目（在工程文件夹里面） manage.py runserver 创建工程的应用程序（在工程文件夹里面） manage.py starta...
2018-10-15 16:27:54
114
原创 jquery导航
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{padding:0;margin:0;}
2018-08-29 09:15:27
278
原创 Django分页
//views.py#搜索def gotoSerach(request): #获取客户端的小组名称---字符串（需要检索id） searchTxt=request.GET.get("searchTxt") #模糊查询 group=Group.objects.filter(groupName__contains=searchTxt) list1=[] ...
2018-08-29 09:15:16
365
原创 jquery 图片轮播
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>图片轮播</title> <style type="text/css"> *{padding:0;margin:0;
2018-08-28 16:39:29
169
原创 python在Django框架下实现增删改查功能
from django.shortcuts import render#引入数据表from app01.models import DepartInfo,UserInfo#重定向from django.http import HttpResponseRedirectfrom django.core.paginator import Paginator,EmptyPage,PageN...
2018-08-28 16:33:11
1473
原创 音乐播放，图标转动，点击音乐停止，图标不动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>animation</title> <meta name="viewport" content="
2018-08-28 15:54:50
4619
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人