- 博客(22)
- 收藏
- 关注
RSS订阅原创 canvas 手写环形进度条
<template> <a-card :bordered="false"> <a-row> <a-col :span="12"> <canvas id="canvas" width="500px" height="500px">您的浏览器版本过低</canvas> </a-col> </a-row> </a-card></temp
2021-09-08 13:55:29
230
原创 原生js的匀速、加速和减速运动
原生js的匀速、加速和减速运动 <!--匀速和加速--> <!--<script type="text/javascript"> //获取对象 var odiv = document.getElementsByTagName("div")[0]; var obtn = document.g...
2019-12-26 18:20:42
1256
原创 苹果菜单
<head> <meta charset="UTF-8"> <title>苹果菜单练习</title> <style>body{ margin: 0; padding: 0; } #box { width: 100%; height: auto; position: abs...
2019-11-10 22:08:04
181
原创 怎么实现一个深拷贝
export function deepCopy(data) { if (!isObject(data)) return data; if(isArray(data)){ return data.map(item => { if(isObject(item)) { return deepCopy(item) } return...
2019-11-04 12:05:37
255
原创 怎么出现小三角
怎么出现小三角1.设置一个包含块.comment-reply { margin: 2.666667vw 0; padding: 2.666667vw; border-radius: 1.066667vw; background: #f3f3f3; position: relative; font-size: 0.8rem; line-height: normal;...
2019-08-29 15:47:59
229
原创 怎么让文字在一行和两行内显示
这里写自定义目录标题欢迎使用Markdown编辑器一行两行欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。一行.foodpanel-foodinfo h4 { display: flex; align-items: center...
2019-08-29 15:35:51
1461
原创 call、apply
call 和 apply 两个方法都是 Function 的原型对象上面的方法两个函数的作用是一样的，都可以用来借用方法实现call 和 apply 都有两个参数参数一：调用该方法的对象（函数内部的 this 绑定的对象）参数二： call：参数列表apply：数组实例： 对象1 方法.call（调用方法的真正对象，参数一，参数二，参数三） 对象2. 方法.apply（调用方法...
2019-07-06 09:04:42
167
原创 原型链继承
如何实现原型链继承？实现 Student 到 Person 的继承1.构造函数2.构造父类函数的实例var p = new Person()3.设置实例为子类的原型对象Student.prototype = p问题：Student 的指针指向了 Person解决方案：修复 constructor 的指针指向4.修复 construction 的指针指向Student.pr...
2019-07-05 10:06:20
121
原创 promise 对象
promise对象: 在javascript中，所有的代码都是单线运行，所以导致所有的网络操作和事件都是异步运行的，异步执行可用回调函数实现，异步操作会在将来的某个时间点触发一个函数调用。 var ajax = ajaxGet('http://...'); ajax.ifSuccess(success) .ifFail(fail); 这种链式写法的好处在于：...
2019-07-01 10:13:16
110
原创 数组去重
<script type="text/javascript"> //第一种方式 function norepeat(arr){ for(var i = 0; i < arr.length-1; i++){ for(var j = i+1; j < arr.length; j++){ if(arr[i]==arr[j]){ ...
2019-07-01 10:05:01
124
原创 冒泡排序和选择排序
<script type="text/javascript"> //冒泡排序 var arr1 = [11,2,9,5,3]; function bubbleSort(arr){ for(var i = 0; i < arr.length-1; i++){ for(var j = 0; j <arr.length-1-i; j++...
2019-07-01 10:01:55
116
原创 构建工具
为什么要使用构建工具？(1) JavaScript和CSS的依赖问题在开发中，经常出现的另一个问题，就是JavaScript和CSS的依赖问题；简单的说就是JavaScript和CSS的在页面中的顺序问题。经常会造成CSS没起作用，JavaScript的某个变量和方法找不到。有很多情况都是因为引入JavaScript或者CSS的顺序不对，虽然我们可以使用一些RequireJS之类的模块管...
2019-07-01 08:48:06
443
原创 vue路由跳转方式、路由传参
路由跳转声明式编程式<router-link :to="…>router.push(…)声明式<div id="app"> <p> <!-- 使用 router-link 组件来导航. --> <!-- 通过传入 `to` 属性指定链接. --> <!-- <...
2019-06-30 22:37:24
502
原创 vue路由元信息
定义路由的时候可以配置 meta 字段（可以用来配置权限）：const router = new VueRouter({ routes: [ { path: '/foo', component: Foo, children: [ { path: 'bar', component: Bar, ...
2019-06-30 21:56:30
155
原创 vue 路由
全局前置守卫const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})每个守卫方法接收三个参数：to: Route: 即将要进入的目标 路由对象from: Route: 当前导航正要离开的路由next: Function: 一定要调用该方法来 resolv...
2019-06-30 21:50:29
111
原创 vue 路由懒加载
当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。首先，可以将异步组件定义为返回一个 Promise 的工厂函数 (该函数返回的 Promise 应该 resolve 组件本身)：const Foo = () => Promise.resolve({ /* 组件定...
2019-06-30 21:15:18
114
原创 vue图片懒加载
如果没有用框架，可以考虑使用插件 vue-lazyload1.安装npm i vue-lazyload -S2.引入import Vue from 'vue'import App from './App.vue'import VueLazyload from 'vue-lazyload'3.全局配置Vue.use(VueLazyload)// or with options...
2019-06-30 21:04:14
1893
原创 vue 缓存
在动态组件上使用 keep-alive当在这些组件之间切换的时候，有时会想保持这些组件的状态，以避免反复重渲染导致的性能问题<component v-bind:is="currentTabComponent"></component>如果选择了一篇文章，切换到 Archive 标签，然后再切换回 Posts，是不会继续展示你之前选择的文章的。这是因为你每次切换新标签...
2019-06-30 20:35:06
303
原创 渲染优化
渲染优化禁止使用iframe（阻塞父文档onload事件） - iframe会阻塞主页面的Onload事件 - 搜索引擎的检索程序无法解读这种页面，不利于SEO - iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载 - 使用iframe之前需要考虑这两个缺点。如果需要使用iframe，最好是通过javascript，动态给iframe添加src属性值...
2019-06-19 08:48:35
392
原创 数组常用方法整理
数组常用方法有序的值的集合 是一个对象 数组是使用数字作为索引的操作元素索引：从0开始的整数 每一个数组都有元素，每一个元素在数值中都有一个位置，分别用数字表示创建方式：1.构造数组：var arr = new Array ();console.log(typeof arr); //object1>.向数组中添加元素语法：数组[索引] = 值；arr[0] ...
2019-05-26 18:00:48
226
原创 对象(Object)常用方法、对象拷贝
对象(Object)常用方法、对象拷贝一.对象(Object)常用方法Object类是一个特殊的类，是所有类的父类，如果一个类没有用extends明确指出继承于某个类，那么它默认继承Object类1.Object.assign(target,source1,source2,…)该方法主要用于对象的合并，将源对象source的所有可枚举属性合并到目标对象target上,此方法只拷贝源对象的自...
2019-05-26 17:37:26
296
转载 get和post请求的区别
get和post请求的区别语义上的区别Get向服务器请求数据。依照HTTP协议，get 是用来请求数据。Post向服务器发数据。依照HTTP协议，Post的语义是向服务器添加数据，也就是说按照Post的语义，该操作是会修改服务器上的数据的。服务器请求的区别Get请求是可以被缓存的，举个例子，你访问baidu.com，就是向baidu的服务器发了个Get请求，这个请求的返回，也就是...
2019-05-22 22:30:03
119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人