- 博客(21)
- 收藏
- 关注
RSS订阅原创 es6之字符串的拓展--模板字符串
1.之前我们也可以使用JavaScript输出模版字符串，通常是下面这样的： $("#result").append( "He is <b>"+person.name+"</b>"+"and we wish to know his"+person.age+".That is all" );但是我们可以看到：这样的传统做法需要使用大量的“”（双引...
2020-01-15 14:43:30
141
原创 初识WebSocket
前言众所周知，HTTP协议是一种无状态、无连接、单向的应用层协议，只能由客户端发起请求，服务端响应请求。这就显示了一个明显的弊端：服务端无法主动向客户端发起消息，一旦客户端需要知道服务端的频繁状态变化，就要由客户端盲目地多次请求以获得最新地状态，这就是长轮询而长轮询有显著地缺点：效率低、非常耗费资源，就在这个时候WebSocket出现了。WebSocket是一个长连接，客户端可以给服务端发...
2020-01-13 15:46:51
171
原创 关于滚轮事件的两个案例与相关知识点
var navH = $("#tab").offset().top; $(window).scroll(function(){ //获取滚动条的滑动距离 scroH = $(this).scrollTop(); // console.log(scroH); //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就...
2020-01-09 10:08:17
237
原创 css3动画：animation transition transform使用场景及异同
1.transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转rotate、缩放scale、移动translate或倾斜skewscale(sx,sy)：sx代表缩放向量的横坐标。sy代表缩放向量的纵坐标，如果sy没有指定，默认与sx值相等，这样可以保持一致的缩放比例，保持元素的形状。scaleX(x),scale(y)=>scale(x,y).若y未被提供，...
2020-01-07 10:26:01
650
原创 让动态图片垂直居中
使用display:table-cell布局html代码：<div class="tablebox"><div id="imgbox"><img src="1.jpg" alt=""></div></div>CSS代码：.tablebox{width: 300px;height: 250px;backgrou...
2020-01-07 09:47:11
163
原创 2020/01/06笔记
轮播图轮播图定时无缝轮播1 .有在网上找到比较简洁的使用jq方法，运用jq中animate方法，该方法有四个参数轮播如各小圆点对应各图片$(selector).animate(styles,speed,easing,callback)//callback 可选。animate 函数执行完之后，要执行的函数。 $('.c').mouseover(function(){...
2020-01-06 20:00:28
179
原创 js回调函数
被作为实参传入另一个函数，并在该外部函数内部调用，用以来完成某些任务的函数，称为回调函数。回调是一个函数被作为一个参数传递到另一个函数里，在那个函数执行完后再执行。（ 也即：B函数被作为参数传递到A函数里，在A函数执行完后再执行B ）例如：function greeting(name){ alert("hello"+name);}function processUserInput(ca...
2020-01-02 18:05:44
99
原创 css预处理sass,stylus 学习路径
老哥的整理2019最新create-react-app创建的react中使用sass/scss,以及在react中使用sass/scss公共变量的方法https://www.cnblogs.com/shidawang/p/12072831.htmlvscode编辑sass：较为基础https://www.cnblogs.com/yangkangkang/p/11010563.htmlsa...
2019-12-31 17:56:05
120
原创 js中this相关问题及改变this指向
this是什么this是当前执行代码的环境对象this的指向1.无论是否在严格模式下，在全局执行环境中（在任何函数体内部）this都指向全局对象2.函数（运行内）环境：在函数内部，this的值取决于函数被调用的方式。1）简单调用：因为下面的代码不在严格模式下，且this的值不是由该调用设置的，所以this的值默认指向全局对象function f1(){ return this;}...
2019-12-30 18:01:18
99
原创 vue之插槽
插槽是什么插槽就是子组件中的提供给父组件使用的一个占位符,slot即为插槽的意思。用表示，父组件可以在这个占位符中填充任何模板代码，如HTML、组件等，填充的内容会替换子组件的标签。可见：有实例，较容易理解https://www.cnblogs.com/mandy-dyf/p/11528505.html插槽的使用1.具名插槽：有时候我们需要多个插槽，元素有一个特殊的特性：name.这个特...
2019-12-25 18:13:53
143
1
原创 画出1px 的线
看到以前的代码复习一下。点：1.画出1px的线,利用伪元素2.利用animate第三方来做炫酷的特效html: <div class="bottom"> <div class="bottom_center"> <img class="one" src="./images/logo.png" alt=""&...
2019-12-24 14:45:34
812
原创 字符串：slice()、substr()、substring()的异同点
一、slice() 两个参数分别代表着截取的开头和结尾，而 substr() 的第二个参数则代表着截取的位数（即长度），substring() 先对两个参数进行大小对比，再确定截取区域二、三个方法如果截取到末尾，便会停止截取，无论参数约定的结束位置、或约定的长度有多大。三、当参数为负数的情况：slice() 会把负数与字符串的长度相加，得到的正数再执行代码。substr() 第一个参数也是把负...
2019-12-24 13:45:53
245
原创 寻找数组中的最大值算法
function largestOfFour(arr) {//第一种方法，声明var arr1 = [0,0,0,0];用来接收与arr[i][j]比较,拿到最大的数字 var arr1 = [0,0,0,0]; for(var i = 0;i<arr.length;i++){ for(var j=0;j<arr[i].length;j++){ ...
2019-12-24 10:19:18
370
原创 原生js轮播图--点击左右轮播几张图片
自己尝试用原生js写，但是比较麻烦，自己封装了my$方法，最后还是用了jquery想法：1.外面的盒子有一个可视区域，里面的盒子大，点击移动(运用了定位，每次点击left改变)2.当到达一定条件时，点击事件不可用3.给ul加过渡属性<!DOCTYPE html><html lang="en"><head> <meta charset=...
2019-12-23 19:38:07
504
原创 算法练习--回文
判断一个数是否是回文（(回文)是指一个字符串忽略标点符号、大小写和空格，正着读和反着读一模一样。）function palindrome(str) {// 去除字符串中的符号和空格var str1=str.replace(/[\s|\~|\`|\!|\@|\#|\$|\%|\^|\&|\*|\(|\)|\-|\_|\+|\=|\||\|\[|\]|\{|\}|\;|\:|\"|\'|...
2019-12-19 15:06:58
156
原创 vue应用
记录最近根据zgnews仿写了一个网站。记录下主要难点轮播图组件传参mockjs模拟数据1.轮播图 <el-carousel height="300px"> <el-carousel-item v-for="(item,index) in lunbo" :key="index"> <...
2019-12-18 19:45:08
73
原创 array.slice()与string.split()
数组api1.slice():截取：可以从已有的数组中返回选定的元素。语法：arrayObject.slice(start,end)参数：start:必须。规定从何从开始选取。0为第一个位置，-1倒数第一个元素。end:可选。规定从何处结束截取（不包括该元素）。若是没有指定end,则截取的数组包含从start 到数组结束的所有元素。若end是负数，是从数组尾部开始算起的元素。返回值：一个...
2019-12-16 20:06:57
305
原创 vue的应用
v-for中:key的作用因为在vue,angular中，会采取”就地复用“的模式。就地复用：如果数据项的顺序被改变，vue将不会移动DOM元素来匹配数据项的顺序，而是简单复用此处每一个元素。<div v-for='item in list'>{{文本}} <input /> <button @click="将item在list中的位置下移"/><...
2019-12-16 19:44:59
84
原创 vuex的深度理解
Vuex是什么Vuex是一个专为Vue.js应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证以一种可预测的方式发生变化。为什么用vuex原先数据需要保存到各自vue实例对象的data中，当使用vuex之后，就可以将data中的数据集中管理到vuex中。让vue中渲染页面的工作和与后台交互的逻辑性的工作分离。使得的代码更加整洁。vuex的数据维护与vu...
2019-10-23 20:20:10
224
原创 git的安装及使用
git 版本控制工具一般用于开源项目 并且可以把开源项目发布到github中。但不允许上传空文件。git的工作流程git的工作域有四个远程仓库本地仓库工作域缓存域 操作如上：初始化本地仓库git init //当前目录就成为了git的本地仓库，在当前’git status //查看本地仓库管理文件的状况将新建文件，修改添加到git中git add * //...
2019-08-21 00:09:48
73
原创 html css 之text01
html表单formform的type有两种：get 和post,get的保密性低，因为它是把参数拼接在浏览器的地址栏上的，按照url?k=v&k=v的格式来传递参数的post的保密性高，因为在浏览器的地址栏上是看不到传递的参数的值的，它是把参数放在请求报文的报文体内部而进行传递的，对用户不可见。无论是get还是post，后台都具有一定的协议来接收从前端传来的参数的一个是查询字...
2019-07-31 20:18:25
194
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人