javascript
xiaoniuxqq
这个作者很懒,什么都没留下…
展开
-
利用hls插件播放m3u8格式视频
利用hls插件播放m3u8格式视频原创 2023-01-04 10:42:27 · 511 阅读 · 0 评论 -
CORS跨域属性
CORS全称叫跨域资源共享(Cross-origin resource sharing),原理是在正式的跨域请求之前,先发送了一个OPTIONS请求去询问服务器是否允许接下来的跨域请求OPTIONS请求里新增了几个字段:Origin:发起请求原来的域Access-Control-Request-Method:将要发起的跨域请求方式(GET/PUT/POST/DELETE/······)Access-Control-Request-Headers:将要发起的跨域请求中包含的请求头字段服务器在响应字原创 2020-05-30 18:29:27 · 442 阅读 · 0 评论 -
ES6变量的解构赋值
一、数组的解构赋值 var [a,b,c] = [1,2,3]; 左边是变量,右边是值,根据数据结构一一对应1、只要等号两边的模式相同,左边的变量就会被赋予右边对应的值,必须模式相同2、如果等号右边的不是数组,确切的说不是可遍历的数组,那么将会报错3、解构赋值不仅适用于var 命令,也适用于 let / const 命令 4、只要是可遍历的数据,都可以使用数组的解构赋...转载 2018-09-11 10:54:54 · 263 阅读 · 0 评论 -
使用vue.js和axios解决跨域请求问题
使用jsonp可以跨域请求,但是jsonp只能够用get方式跨域。其他跨域方式大多都要服务器支持。使用vue.js和axios能解决get/post方式的跨域。但需要vue.js/node.js的基础知识。具体操作如下: 1、使用vue-cli脚手架创建一个vue工程: 2、修改config/index.js文件,在proxyTable中添加代理项,添加内容后如下: proxyTabl...原创 2018-09-14 14:49:48 · 2941 阅读 · 0 评论 -
用 async/await 来处理异步
先说一下async的用法,它作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为async就是异步的意思, 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。 写一个async 函数async function timeout() { return 'hello world';} 语法很简单,就是在函数前面加上async 关键字,来表示它是异步的,那怎么调用呢?a...转载 2018-09-10 15:59:06 · 149 阅读 · 0 评论 -
如何禁用eslint
https://blog.csdn.net/qq_15869645/article/details/79521900转载 2018-09-12 15:17:44 · 1816 阅读 · 0 评论 -
vue.js中使用scss
在vue项目中使用scss,一个重要的概念就是vue-loader。vue-loader是什么东西呢?vue-loader其实就是一个webpack的loader。用来把vue组件转换成可部署的js,html,css模块。所以我们如果要想再vue项目中使用scss,肯定要告诉vue-loader怎么样解析我的scss文件。所以需要安装对应的loader:npm install sass...原创 2018-09-11 15:26:00 · 1146 阅读 · 0 评论 -
在webpack工程中引用路径@的含义
看webpack配置 build文件夹里的webpack.base.conf.js里面的resolve里面的alias在引用文件模块的时候后要加上文件的路径:/…/…/xxx.js表示绝对路径、./xxx.js表示相对路径(同一文件夹下的xxx.js),../表示上一级目录。如果既不加/…/、../又不加./的话,则该模块要么是核心模块,要么是从一个node_modules文件夹加载。...转载 2018-09-11 11:31:38 · 3929 阅读 · 0 评论 -
flex布局异常(flex-grow:1)
https://blog.csdn.net/qq_41075132/article/details/82865248转载 2018-12-02 22:29:16 · 336 阅读 · 0 评论 -
js中this的指向,this用法整理
https://software.intel.com/zh-cn/blogs/2013/10/09/javascript-this转载 2018-11-27 16:43:16 · 197 阅读 · 0 评论 -
fetch/springboot实现跨域访问
fetch端: let obj = {projectName:"xxx"} fetch("http://localhost:8095/config/project/add",{ method:'post', mode: 'cors', credentials: 'omit', headers:{'Content-type'...原创 2018-11-30 16:37:03 · 637 阅读 · 0 评论 -
antd添加form表单行
import {Button, Icon, Form, Row, Col, Input, Tag, Modal} from "antd";import React, {Component} from "react";const FormItem = Form.Item;const CollectionCreateForm = Form.create()( // eslint-d...原创 2018-12-05 16:40:51 · 2699 阅读 · 0 评论 -
html/react/react native的样式设置区别
html:<p class="class1 class2">xxx</p>react:render(){ return <p className={ this.state.isError && 'box-color' }>hello world</p>}三目运算符render(){ return <p cl..原创 2018-12-10 23:22:21 · 251 阅读 · 0 评论 -
react-router路由传参
https://blog.csdn.net/qq_23158083/article/details/68488831注意由于react-router4以后的版本有大的变更,所以传参的方法也有不同。转载 2019-01-03 14:57:18 · 370 阅读 · 0 评论 -
dva model里面的effects函数可以调用effects函数
在fetchIndCreate函数中调用refreshTree函数:effects: { *refreshTree({ payload }, { call, put }){ const datas = yield call(indTree, payload.basrsId); const { bizdata } = datas; yield put(...转载 2019-03-11 23:43:19 · 3312 阅读 · 0 评论 -
fetch跨域不能在返回的response中获取header
原因是:1:W3C的 xhr 标准中做了限制,规定客户端无法获取 response 中的 Set-Cookie、Set-Cookie2这2个字段,无论是同域还是跨域请求;2:W3C 的 cors 标准对于跨域请求也做了限制,规定对于跨域请求,客户端允许获取的response header字段只限于“simple response header”和“Access-Control-Expose-H...原创 2019-03-08 11:30:39 · 7658 阅读 · 0 评论 -
react中引用js文件
1、js文件中要export2、在react中写引入:import * as utils from ‘./utils.js’;3、使用:utils.someFunction()原创 2019-07-25 10:21:10 · 11628 阅读 · 0 评论 -
vue.js使用npm和webpack
1、首先安装node.js。在https://nodejs.org/en/中下载node.js并安装,可以使用node -v查看安装版本。 2、node.js中会自带npm,使用npm -v查看安装版本。可以使用npm install npm -g,自己安装自己。 安装后可用再使用npm -v查看更改后的版本。 3、安装以后会用到的插件 npm install webpack –save-...原创 2018-08-21 16:57:18 · 479 阅读 · 0 评论 -
vue.js---bus,空Vue实例作为中央事件总线
<div id="app"> {{message}} <component-a></component-a></div><script> var bus= new Vue(); Vue.component('component-a',{ template : '<button @c..原创 2018-08-24 11:49:07 · 1088 阅读 · 0 评论 -
vue.js学习
示例1,用2个大括号直接取vue实例中的message值:&amp;amp;amp;amp;lt;div id=&amp;amp;amp;quot;app&amp;amp;amp;quot;&amp;amp;amp;amp;gt; {{ message }}&amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;gt;var app = new Vue({ el: '#a原创 2018-08-05 13:01:49 · 149 阅读 · 0 评论 -
vue.js---组件的基础
组件的基础: 1、示例:// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '&lt;button v-on:click="count++"&gt;You clicke...原创 2018-08-09 22:48:30 · 207 阅读 · 0 评论 -
vue.js学习二-----事件处理
1、可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。&lt;div id="example-1"&gt; &lt;button v-on:click="counter += 1"&gt;Add 1&lt;/button&gt; &lt;p&gt;The原创 2018-08-06 23:23:30 · 198 阅读 · 0 评论 -
vue.js----$符号
$emit,向父级组件触发一个事件,示例:&lt;button v-on:click="$emit('enlarge-text')"&gt; Enlarge text&lt;/button&gt;&lt;blog-post ... v-on:enlarge-text="postFontSize += 0.1"&gt;&a原创 2018-08-13 17:04:48 · 4168 阅读 · 1 评论 -
vue.js---修饰符
v-on的事件修饰符: .stop .prevent .capture .self .once .passive.sync 用于双向绑定,具体用法不太明白原创 2018-08-13 17:40:01 · 135 阅读 · 0 评论 -
vue.js---插槽
一个简单的插槽示例:&amp;amp;lt;navigation-link url=&amp;quot;/profile&amp;quot;&amp;amp;gt; Your Profile&amp;amp;lt;/navigation-link&amp;amp;gt;在navigation-link模板中写&amp;amp;lt;a v-bind:href=&原创 2018-08-13 18:06:26 · 510 阅读 · 0 评论 -
ES6部分语法
1、当对象的key和value名称一致时,可以缩写成一个。components:{ vTitle, vButton}等同于:components:{ vTitle:vTitle, vButton,vButton}2、data(){}等同于data:function(){}data(){ return{ name:'xx...原创 2018-08-22 09:16:51 · 175 阅读 · 0 评论 -
vue.js---自定义指令
// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() }})如果想注册局部指令,组件中也接受一个 directives 的选项:directives: { focus: { ...原创 2018-08-19 12:51:51 · 135 阅读 · 0 评论 -
vue.js踩坑记
1、报错:Component template should contain exactly one root element. 背景:使用webpack和单文件组件,执行npm run dev报错。 原因,所有组件只能有一个根元素,所以我们在使用组件的时候。需要使用div或者p标签等将其包起来。...原创 2018-08-22 10:31:23 · 273 阅读 · 0 评论 -
vue-cli(vue脚手架)超详细教程
https://blog.csdn.net/wulala_hei/article/details/80488674转载 2018-08-22 22:19:06 · 186 阅读 · 0 评论 -
javascript中的apply和call
Js apply方法详解 我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高.. 主要我是要解决一下几个问题: 1.apply和call的区别在哪里 ...转载 2018-08-20 11:59:41 · 98 阅读 · 0 评论 -
vue.js---渲染函数render
Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力,这就是 render 函数,它比 template 更接近编译器。示例:Vue.component('anchored-heading', { render: function (createElement) { return cr...原创 2018-08-20 15:43:11 · 393 阅读 · 0 评论 -
vue.js---路由vue-router
1、安装vue-router依赖,添加到dependences中npm install --save vue-router2、在main.js中使用Vue.use()加载插件:import VueRouter from 'vue-router';Vue.use(VueRouter);3、每个页面对应一个组件,也就是对应一个.vue文件。在router目录下创建views目录,...原创 2018-08-23 11:23:24 · 175 阅读 · 0 评论 -
vue.js---混入
混入可以全局混入,处理一些全局性逻辑,比如日志功能。但是混入也可以做局部的混入。 例如:原创 2018-08-20 16:16:45 · 620 阅读 · 0 评论 -
vue.js---插件
插件 开发插件插件通常会为 Vue 添加全局功能。插件的范围没有限制——一般有下面几种:添加全局方法或者属性,如: vue-custom-element添加全局资源:指令/过滤器/过渡等,如 vue-touch通过全局 mixin 方法添加一些组件选项,如: vue-router添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现。一个库,提供自己...转载 2018-08-20 16:38:34 · 132 阅读 · 0 评论 -
vue.js---过滤器
vue.js的过滤器也分为全局过滤器和本地过滤器,你可以在一个组件的选项中定义本地的过滤器:filters: { capitalize: function (value) { if (!value) return '' value = value.toString() return value.charAt(0).toUpperCase() + value.sl...原创 2018-08-20 16:49:40 · 160 阅读 · 0 评论 -
vue.js---状态管理与Vuex
vue.js组件的数据和方法只有在它们所在的组件中可以互通的方位和使用,其他组件是无法读取和修改的。但是在实际业务中,经常有跨组件共享数据的需求,因此Vuex的设计就是用来统一管理组件状态的,它定义了一系列规范来使用和操作数据,使组件应用更加高效。 1、引入Vuex,基本配置: npm install –save vuex 在main.js中引用 import Vuex from ‘vue...原创 2018-08-23 14:36:26 · 139 阅读 · 0 评论 -
js设置伪命名空间
(function(){})() 比如: (function(args){ alert(args) })() 包围函数的第一对括号向脚本返回未命名的函数,随后的一对括号立即执行返回的未命名函数。 这种伪命名空间可以封装并保护自己的所有函数、对象和变量。而且,由于他们位于同一个函数中,所以他们之间仍然可以互相访问。不过脚本其他部分中的代码将无法使用你的函数。...原创 2018-07-22 12:25:30 · 96 阅读 · 0 评论