我才不饿呢-优快云博客

原创 js 实现列表子元素顺序翻转

html：<ul id="target"> <li>1</li> <li>2</li> <li>3</li> <li>4</li></ul>js： var dom = document.getElementById('targe...

2019-04-27 19:10:48 796

原创 js数组去重的几种方式

1、使用新数组，通过indexof判断function noRepeat(arr){ var newarr=[]; for(var i=0;i<arr.length;i++){ if(newarr.indexOf(arr[i])>=0){ }else { newarr.push(arr[...

2019-04-27 18:24:56 169

原创 js实现倒计时

代码如下： var vm =new Vue({ el:'#app', data:{ years:0, months:0, days:0, hours:0, seconds:0, minutes:0, ...

2019-04-27 17:21:16 257

原创 vue-cli脚手架搭建的项目连到自己的github仓库

①用脚手架创建vue项目vue create xxx耐心等待。。。然后选择默认配置。。命令行会提示：cd xxxnpm run serve创建成功！如图，打开8082端口就可以看到vuecli帮我们创建好的想项目啦②创建远程仓库在github上创建自己的仓库，复制git远程地址③把项目提交到远程仓库在项目目录下右键选择git bash依次输入...

2019-04-19 17:43:43 995

原创 vue路由入门

vue router 解决的问题：系统运作是每个url都对应一个html文件，每次访问切换url。SPA单页面，都定位到相同的页面，切换url时，不重新加载页面。监听url的变化，在变化前后执行响应的逻辑。使用的步骤：①提供路由配置表，不同url匹配不同的组件配置②初始化路由实例 new VueRouter()③挂载到Vue实例上④提供路由占位，用来挂载URL匹配到的组件配...

2019-04-19 11:31:21 143

原创 vuex入门

vue周边技术都是官方提供的，不用担心选型vuex是为vue.js开发的状态管理模式为什么需要vuex？应用场景有哪些？系统的运行是单向的，数据驱动视图，用户在视图进行操作，触发action，然后更改state。想要让一份数据在多个组件中使用，并且在一个里面修改，别的地方也要同步的修改。通过组件层层传递的方式，付出的代价是比较高的。我们需要一个系统化的状态管理工具。vuex是不再与...

2019-04-18 21:35:07 140

原创 vue非父子组件传值

创建一个中间站：bus.jsA组件中引入中间站，并进行传值：B组件引入中间站，并进行接收：在父组件中引入A、B组件并注册完成

2019-04-18 17:55:10 180

原创 vue父子之间的传值

父给子传值：父： <v-hello :title="title" :num="num"></v-hello>子：（通过props进行接收）export default { name: "hello", props:['title','num'], data(){ return { ...

2019-04-18 16:33:55 166

原创 setTimeout模拟setInterval

setInterval的定时器var i=0; setInterval(function () { i++; console.log(i); },1000)setTimeout模拟setInterval实现定时器var i=0; function time() { setTimeout(function ()...

2019-04-10 13:57:28 236

原创 css3实现轮播图

原理：通过css3的animation属性，改变left值，实现自动轮播等效果上代码：css代码<style type="text/css"> .frame{ position: absolute; width: 800px; height: 500px; left: 200px; ...

2019-04-09 17:00:11 1663 1

原创 canvas实现画板

var canvas1 = document.getElementById("canvas1");var ctx = canvas1.getContext("2d");ctx.lineWidth = 10;ctx.strokeStyle = "blue";canvas1.onmousemove=function(e){ ctx.lineTo(e.clientX, e.client...

2019-03-14 21:59:22 508

原创 git相关的基本操作

git的作用版本管理多人协作开发网络git服务器coding.net github.com常用的git命令git add git checkout xxx（切换已有的xxx分支） git commit -m "xxx" git push origin master/dev（把master/dev分支推上去） git pull origin master git...

2018-11-24 14:31:05 96

原创 js如何替换字符串中指定位置的字符

自己纯js写了一个很low的，但是不管怎样也算是解决了应用场景：要做一个纠错的功能，后台返回的是错误的文本的位置，刚开始用了replace，这样就会把所有位置的都替换了，如果人家就要写错别字呢，所以不能把字符串截取出来再进行replace，只能把指定位置的字符串进行替换思路：把要替换的字符串前后都与要替换的字符串进行拼接代码示例 var strobj ='ABCDEFGABEF'...

2018-11-19 17:51:23 30094 3

weixin_42203183的博客