- 博客(24)
- 收藏
- 关注
RSS订阅转载 全局node_modules 修复
npm ls --depth 0 -g // 看看哪些失效了npm prune -g // 修剪下全局包npm rebuild -g // 重建下全局包npm update -g // 更新下全局包的版本npm cache clear --force -g // 删除全局包的缓存（慎重）...
2018-07-08 18:12:54
2411
转载 Vue中如何定义全局函数
方法一://在mian.js中写入函数Vue.prototype.changeData = function (){ alert('执行成功');}//在所有组件里可调用函数this.changeData();方法二:// 写好自己需要的base.js文件exports.install = function (Vue, options) { Vue.prototype.chan...
2018-07-03 14:36:18
551
转载 api.execScript
在html文件夹下有a.html, 我要在a.html里执行execScript让 index.html中的openFrameGroup里,name为frame_index_me的frame,执行frame它的setData()函数//下面这块代码在frame_index_me.html里注意: setData() 函数不能放在apiready=function(){}里function setD...
2018-06-27 10:01:54
1023
转载 最详细的vue的父子组件以及非父子组件之间的通信方式
1.父组件传递数据给子组件父组件数据如何传递给子组件呢？可以通过props属性来实现父组件：//这里必须要用 - 代替驼峰data(){ return { msg: [1,2,3] }; }子组件通过props来接收数据: 方式1：props: ['childMsg']方式2 :props: { childMsg: Array //这样可以指定传入的类型，如果类型不对，会警告 }方式3：props...
2018-06-19 14:56:23
476
1
转载 使用Math.floor与Math.random取随机整数的方法详解
Math.random():获取0~1随机数Math.floor() method rounds a number DOWNWARDS to the nearest integer, and returns the result. (小于等于 x，且与 x 最接近的整数。)其实返回值就是该数的整数位：Math.floor(0.666) --> 0Math.floor(39.2783) ...
2018-06-10 23:10:40
4731
原创 ::after和::before的使用
今天遇到个小问题要实现一个 每一个词后面加上 “/”但是最后一个字段不加的需求但是按照平时的思维只能实现成这样最后面的地方一定会有 “/”的出现，如果不用js，纯css就难以实现需求不过办法总是会有滴！就是要运用到 ::after和::before 的知识点了惯例上w3c的解释::after-定义和用法::after 选择器在被选元素的内容后面插入内容。请使用 content 属性来指定要插入的内...
2018-06-06 17:43:15
1194
原创 类似微博大v的文字居中，v根据文字字数而改变做法
<div class="username"> <span class="thisname">{{ username }}</span> <img src="/static/img/designer/bigV.png" class="bigVlogo"></div>关键： 将
2018-06-04 18:02:02
665
转载 for循环i，最终结果是10的问题
连接： https://segmentfault.com/q/1010000003712016今天做一个循环想得到1，2，3...10的输出结果。自己写的放弃了，然后看到了这么一个方案，但不是很理解，不知道自己哪一方面知识的欠缺，求大神解答！！！var funcs = [];for (var i=0; i < 10; i++) { funcs.push((function(val...
2018-06-03 13:22:59
2509
转载 ES6这些就够了
刚开始用vue或者react，很多时候我们都会把ES6这个大兄弟加入我们的技术栈中。但是ES6那么多那么多特性，我们真的需要全部都掌握吗？秉着二八原则，掌握好常用的、有用的这个可以让我们的开发快速起飞。接下来我们就聊聊ES6那些可爱的新特性吧。1.变量声明const和let在ES6之前，我们都是用var关键字声明变量。无论声明在何处，都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)...
2018-06-03 12:51:57
359
2
转载 CSS 布局 Flex弹性盒
弹性盒，是一种布局方式，当页面需要适应不同的屏幕大小以及设备类型时，它依然能确保元素拥有更恰当的排布行为，弹性盒属于 CSS 3 部分，IE9 以下不支持，现代浏览器指的就是 IE9 及以上的浏览器在定义方面来说，弹性布局是指通过调整其内元素的宽高，从而在任何显示设备上实现对可用显示空间最佳填充的能力，弹性容器扩展其内元素来填充可用空间，或将其收缩来避免溢出块级布局更侧重于垂直方向、行内布局更侧重...
2018-06-03 11:19:46
452
转载 vue自定义全局组件(自定义插件)
有时候我们在做开发的时候，就想自己写一个插件然后就可以使用自己的插件，那种成就感很强。博主最近研究element-ui和axios的时候，发现他们是自定义组件，但是唯一有一点不同的是，在用element-ui的时候是使用Vue.use()语句来使用的，而axios的时候，不用Vue.use()，只要import就可以导入进来了，感觉很神奇，细细的发现，原来他们的不同是因为axios里面并没有写i...
2018-06-02 23:38:40
961
转载 vue-cli组件配置与使用(创建一个公用组件)
这次给大家带来vue-cli组件配置与使用，vue-cli组件配置与使用的注意事项有哪些，下面就是实战案例，一起来看一下。概述：一个文件就是一个模块，需要引入模块，和暴露模块的方法在一个组件中使用另一个组件三部曲：引入组件、注册组件、使用组件1.main.js文件解读.是整个项目的入口文件,在src文件夹下.import（es6）引入vue和根组件app.vue.最后new Vue，启动应用2、组...
2018-06-02 18:03:10
6811
转载 export ，export default 和 import 区别 以及用法
首先要知道export，import ，export default是什么ES6模块主要有两个功能：export和import export用于对外输出本模块（一个文件可以理解为一个模块）变量的接口 import用于在一个模块中加载另一个含有export接口的模块。 也就是说使用export命令定义了模块的对外接口以后，其他JS文件就可以通过import命令加载这个模块（文件）。这几个都是ES6的...
2018-06-02 11:31:11
618
转载 为什么 Math.max.apply(null,arr) 可以求最大最小值
Function.apply()是JS的一个OOP特性，一般用来模拟继承和扩展this的用途，对于上面这段代码，可以这样去理解：XXX.apply是一个调用函数的方法，其参数为：apply(Function, Args)，Function为要调用的方法，Args是参数列表，当Function为null时，默认为上文，即Math.max.apply(null, arr)可认为是apply(Math....
2018-05-31 12:57:27
4862
转载 Position属性四个值：static、fixed、absolute和relative的区别和用法
Position属性四个值：static、fixed、absolute和relative的区别和用法 在用CSS+DIV进行布局的时候，一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚，以致经常会出现让人很郁闷的结果。今天研究了一下，总算有所了解。在此总结一下：先看下各个属性值的定义：1、static（静态定位）：默认值。没有定位，元素...
2018-04-01 16:41:16
188
转载 Vue项目上传github并预览
前言注意：针对没有加载图片和样式的解决方法中，应只修改build部分，如果修改了dev部分会导致报“cannot get /”错误，导致网页无法显示，只要把相应部分修改回来即可（主要是路由地址错了）打包Vue项目当Vue项目完成后，在根目录下打开命令行，输入命令：npm run build实际上此命令就是执行build.js文件，将项目打包成静态资源。此命令完成后，项目根目录下会多出一个dist文...
2018-02-27 00:37:39
2186
转载 免费且快速地搭建个人网站
今日科技快讯针对近日坊间流传的“我们天天在看你的微信”一说，微信团队今天发表声明重申三条用户隐私原则：1、微信不留存任何用户的聊天记录，聊天内容只存储在用户的手机、电脑等终端设备上；2、微信不会将用户的任何聊天内容用于大数据分析；3、因微信不存储、不分析用户聊天内容的技术模式，传言中所说“我们天天在看你的微信”纯属误解。作者简介本篇来自 GoileoLee 的投稿，分享了如何拥有自己的专属域名，大...
2018-02-27 00:37:06
314
原创 git 上传项目方法以及遇到的相关错误
首先是上传项目的相关步骤git init (初始化本地仓库)git add . （将本地所有文件加到仓库里） git commit -m "message" （设置提交信息） git remote rm origin（origin填写错误时用，执行后再次 remote add origin）git remote add origin git@github.com:sunningcar...
2018-02-26 18:28:10
199
转载 粘性固定 position:sticky
粘性定位position:sticky，它是相对定位（position:relative）和固定定位（position:fixed）的混合。使用它，我们不再用监听scroll事件，即可实现导航栏滚动绝对定位的效果。虽然其它浏览器尚不支持，但是实现起来其实不难，我们可以用js简单实现：HTML<div class="header"></div> CSS .sticky {...
2018-02-24 01:59:22
641
原创 vue回到原点组件
<template> <div class="scrollTop" @click="toTop"> ... </div> </template> <script> export default { name: 'scro
2018-02-22 05:57:50
409
转载 v-for
1、遍历数组 1 <div id="app"> 2 <p v-for="item in items">my name is {{item}}</p> 3 </div> 4 <script> 5 var app = new Vue({ 6 el:'#app', 7 data:{ 8
2018-02-22 02:33:12
374
转载 export，import ，export default是什么
首先要知道export，import ，export default是什么ES6模块主要有两个功能：export和importexport用于对外输出本模块（一个文件可以理解为一个模块）变量的接口import用于在一个模块中加载另一个含有export接口的模块。也就是说使用export命令定义了模块的对外接口以后，其他JS文件就可以通过import命令加载这个模块（文件）。这几个都是ES6的语法。...
2018-02-18 00:06:43
347
转载 vscode编写vue代码v-for时出现Elements in iteration expect to have 'v-bind:key' directives.
在用vscode编写vue代码时，因为安装的有vetur插件，所以当代码中有v-for语法时，会提示[vue-language-server] 'v-for' directives require 'v-bind:key' directives. 我们知道vue在升级到2.2后，当在组件中使用 v-for 时， key 现在是必须的。下面是vue官方文档的说明：回头看一下，我们写的代码 v-for...
2018-02-17 23:41:54
9024
3
转载 router-view 的理解
主要是构建 SPA (单页应用) 时，方便渲染你指定路由对应的组件。你可以 router-view 当做是一个容器，它渲染的组件是你使用 vue-router 指定的。比如：视图层：<div id="app"> <router-view></router-view></div>路由定义：router.map({ '/foo': { ...
2018-02-16 23:48:25
54754
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人