技术分享
  • css-实现蜂窝形状 css基础,动画及border的真实面目。方法一:将六边形看成三个矩形的旋转拼接,六边形每一个角为60°,根据计算可以得出高宽之间的关系为根号3 : 1。方法二:利用border属性绘制, 中间一个矩形,在利用befor和after进行两边三角形的绘制 +文章阅读 99
  • js实现中文排序、分类。 被你忽略的js原生方法localeCompare() 方法,用本地特定的顺序来比较两个字符串。可以用来实现中文排序。 +文章阅读 101
  • vue之路由钩子函数 vue路由钩子函数可以大致分为三类,他们的作用都是主要对路由的跳转进行控制,例如权限管理、登录判断、浏览器判断。 1.全局钩子 主要包括beforeEach和afterEach, 一般有三个参数: to:router即将进入的路由对象 from:当前导航即将离开的路由 next:Function,进行管道中的一个钩子,如果执行完了,则导航的状态就是 confirmed (确认的);否则为false,终止导航。 通过beforeEach来对路由跳转做权限管理: +文章阅读 2
  • es6-Promise解决回调地狱 1、什么是回调地狱? 假如我们有很多异步事件,而这些异步事件又有很紧密的联系,比如一个异步事件要依赖另一个异步事件的返回值,看下面的 +文章阅读 20
  • 深入理解js原型与原型链 原型和原型链是js中的难点也是重点,更是在面试中避免不了的问题,一门语言要想学好,必须对其重点加强理解,才能不断提高自己的编程技术。 +文章阅读 10
  • VUE-自定义登录指令 vue除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。 比如登录 当你一个项目很多地方都用到了登录判断时,写成指令的方式是让你很省心的 +文章阅读 19
  • js-数组去重的几种方法 数组去重 方法一 简单去重 创建一个空数组用来存放筛选后的元素 筛选的方法是通过比较遍历到当前元素是否在于新数组中 若不存在则push 存在则进行下一次循环 +文章阅读 30
  • 浅谈join()和split()的区别 const array1 = [1,222,55,'rygf','ggfh',false]; function arr(array) { console.log(array.join("#")); 1#222#55#rygf#ggfh#false 将数组分割成字符串 console.log("How are you".split("")); ["H", "o", "w", " ", "a", "r", "e", " ", "y", "o", "u"] 将一个字符串分割成字符串数组. +文章阅读 8
  • js-闭包 闭包说白了就是 在函数里面定义一个函数 通过这个函数可以访问外部函数的方法和变量 在es6之前javascript是只有全局作用域和局部作用域 es6新增了块作用域 凡是在函数外定义变量的都是全局变量 在函数内部必须用var声明才是局部变量(es6之前) +文章阅读 10
  • 拖拽轮播 const banner = document.getElementById("banner"); const ul = document.getElementById("ul"); const li = ul.getElementsByTagName("li"); let x0,isClick = false,Left = 0,difX; ul.style.width = li[0].offsetWidth*li.length + 'px'; banner.addEventListener('mousedown',function (e) { x0 = e.clientX; isClick = true; }); +文章阅读 13
  • js防抖与节流的区别及实现 函数防抖(debounce):触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间。函数节流(throttle):高频事件触发,但在n秒内只会执行一次,所以节流会稀释函数的执行频率。 +文章阅读 299
  • react withRouter 高阶组件中的withRouter, 作用是将一个组件包裹进Route里面, 然后react-router的三个对象history, location, match就会被放进这个组件的props属性中. +文章阅读 102
  • js事件循环(event loop)、宏任务与微任务 js的任务分为 同步 和 异步 两种,它们的处理方式也不同,同步任务是直接在主线程上排队执行,异步任务则会被放到任务队列中,若有多个任务(异步任务)则要在任务队列中排队等待,任务队列类似一个缓冲区,任务下一步会被移到调用栈(call stack),然后主线程执行调用栈的任务。 +文章阅读 101
  • JS种实现深拷贝的几种方法 基本数据类型:number,string,boolean,null,undefined,symbol以及未来ES10新增的BigInt(任意精度整数)七类。 引用数据类型:对象,数组,以及函数。 基本数据类型名值存储在栈内存中; +文章阅读 199
  • webPack配置proxy解决开发环境跨域问题 WebPack中devServer的proxy代理其实是集成了http-proxy-middleware 配置proxy 可以解决本地环境的跨域问题 +文章阅读 126
  • jq-简单模拟购物车功能 demo使用jq+html+css简单模拟了购物车单选、全选、反选、增减数量以及统计金额等功能 +文章阅读 12
  • css3-3Dbanner图 3Dbanner的实现主要运用了css3 transform-style: preserve-3d; transform: rotate(),animate等新属性 +文章阅读 11
  • js-数据类型 JavaScript数据类型非常简洁,它只定义了6中基本数据类型 null:空、无。表示不存在,当为对象的属性赋值为null,表示删除该属性 undefined:未定义。当声明变量却没有赋值时会显示该值。可以为变量赋值为undefined +文章阅读 27
小程序端
  • 微信公众号
  • 我的微信

Copyright © www.zhangqingblog.com All Rights Reserved.

备案号:鄂ICP备18005731号-2