wsmiya-CSDN博客

原创 Vue--基础3

1、生命周<div id="app"> {{nickname}} <ul> <li v-for='item in 10'> {{item}} </li> </ul> </div><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> &lt

2020-07-21 09:49:20 172

原创 Vue--基础2

1、filter 过滤器<div id="app"> <h1 v-bind:id='price | fmPrice'>111</h1> {{price | fmPrice}} <ul> <li v-for='item in list'>{{item.id}}- {{item.name}}--{{item.gender}} <!-- 区别

2020-07-21 09:48:22 129

原创 Vue--基础1

Vue-1、基本结构<div id="app"> </div><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> new Vue({ el:'#app', data(){ return {

2020-07-17 12:03:14 113

原创 Ajax

Ajax一：Ajax：什么是Ajax？1、AJAX = 异步 JavaScript 和XML2、 AJAX是一种用于创建快速动态网页的技术。3、通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。...

2020-07-03 11:22:38 120

原创创建日历

jq-创建日历<style> *{ margin: 0; padding: 0; list-style-type: none; } li.disable{ background-color: #ccc; cursor: not-allowed; } .container{

2020-07-03 10:19:43 144

原创 jQuery-demo-plane

jq-飞机demo<style> .container { width: 500px; position: relative; height: 80vh; margin: 10vh auto; overflow: hidden; background: #000; } .plane {

2020-07-02 23:38:31 158

jQuery事件委托1、含义：利用事件冒泡，把事件加到父级上来管理某一类型的所有事件2.作用：针对新创建的元素，直接可以拥有事件$(function(){ // 事件委托 $('.body'父级).on('click等事件名','button',function(){ }) $('body').on('click','button',function(){ let btn = $('<button/>').ht

2020-07-02 23:29:20 74

原创 jQuery小练习1-3

star 评分星星<link rel="stylesheet" href="//at.alicdn.com/t/font_1911341_p3t19jmlea.css"> <style> .star{ font-size: 30px; color: gold; cursor: pointer; } </st

2020-06-30 09:39:33 115

原创 jQuery小练习1-2

swipe<div class="container"> <ul class="imgs"> <li class="active"><img src="http://p1.music.126.net/WDK1Xf03KHiwLEi_PWvgoQ==/109951165097312543.jpg?imageView&quality=89" alt=""></li> <li

2020-06-30 09:35:30 105

原创 jQuery小练习1-1

tap切换<div class="container"> <ul class="title"> <li class="active">蛋糕</li> <li>蛋糕1</li> <li>蛋糕2</li> </ul> <ul class="content"> .

2020-06-30 09:28:26 87

原创 ES6结构

ES6结构<script> let obj = { age:20, nickname:'Simba' } let nickname = 'xxx' // let age = obj.age // let nickname = obj.nickname // 1-1、解构：对象 let { age, nickname:myname }

2020-06-30 09:21:19 357

原创 js拖动div

js拖动divcss部分<style> *{ margin: 0; padding: 0; } .layer{ width: 150px; height: 150px; background-color: red; cursor: move; position: absolu

2020-06-30 09:15:47 71

原创进度条demo

进度条练习<style> *{ margin: 0; padding: 0; } .progressbar{ height: 3px; background: skyblue; position: fixed; top: 0; left: 0; width:

2020-06-26 08:54:40 108

原创翻页定位

播放按钮<style> * { margin: 0; padding: 0; } .progressbar { height: 3px; background: skyblue; position: fixed; top: 0; left: 0; widt

2020-06-26 08:44:01 104

原创翻页小练习

##翻页练习<style> * { margin: 0; padding: 0; } body { height: 100vh; overflow: hidden; } .container { transform: translateY(0vh); transitio

2020-06-26 08:41:05 138

原创 cookie

设置cookiefunction setCookie(key, val, expires) { let now = new Date() now.setDate(now.getDate() + expires) document.cookie = `${key}=${val};expires=${now.toUTCString()}` } 获取cookiefunction get.

2020-06-23 10:33:31 966

原创 JS动态小demo

点击小事件<style> // 内部样式 div{ width: 30px; height: 30px; background: red; position: absolute; } </style><script> window.onclick = e => { .

2020-06-23 10:33:17 186

原创 Date和Math的小练习

获得星期几 var now = new Date(); var nowweek = now.getDay(); console.log('星期'+'日一二三四五六'[nowweek]) // let now = new Date(); // console.log('星期'+'日一二三四五六'[now.getDay()]) // function .

2020-06-23 10:32:41 109

原创字符串String的常用方法

字符串的常用方法字符串拼接：str.concat()var mystr = "123",mystr2 = "456789"; console.log(mystr.concat(mystr2));查找字符串某个位置上的元素：str.charAt(index) index:下标var mystr = "123",mystr2 = "456789"; console.log(mystr.charAt(2));字符串的替换： str.replace(a,

2020-06-23 10:32:13 93

原创数组Arrary的常用方法

1、数组的常用方法concat()：合并两个数组var arr = [1,2,3,4,5,6,6]; var arr1 = [3, 4, 5]; var arr2 = [4, 5, 6]; var arr3 = [8, 9, 0]; var arr4 = ["w", "n", "q"]; console.log(arr); console.log(arr1); console.log(ar

2020-06-23 10:31:37 956

wsmiya的博客