邵预鸿|前端开发技术笔记
  • 主页
  • 历年汇总
  • 关于我
  • 主页
  • 历年汇总
  • 关于我
  • 前端实现在线预览pdf、word、xls、ppt等文件

    1、前端实现pdf文件在线预览功能方式一、pdf文件理论上可以在浏览器直接打开预览但是需要打开新页面。在仅仅是预览pdf文件且UI要求不高的情况下可以直接通过a标签href属性实现预览 2、word、xls、ppt文件在线预览功能word、ppt、x...
     2021-02-21  
    • html 
    阅读全文 
  • 微信公众号在ios授权登录时,无法重写向问题?

    Https://open.weixin.qq.com/connect/oauth2/authorize?在IOS中,访问微信授权的链接Appid=APPID&redirect_uri=REDIRECT_URI&response_typ...
     2021-02-21  
    • 微信小程序 
    阅读全文 
  • redux-saga代码参考

    saga常用几种方法 takeEvery(pattern, saga, ...args) 快速点击多次时都会触发 takeLatest(channel, saga, ..args) 快速点击多次时取消之前的方法,执行最后一次 th...
     2021-02-21  
    • react 
    阅读全文 
  • JS实现网站内容的禁止复制和粘贴、另存为

    12345678910111213141516171819<!DOCTYPE html><html><head><meta charset="utf-8"><title>...
     2021-02-21  
    • javascript 
    阅读全文 
  • 关于百度地图那些事

    监听百度地图缩放级别 1234map.addEventListener("zoomend", function(e){ var ZoomNum = map.getZoom(); //ZoomNum为层级,区间1-1...
     2021-02-21  
    • 百度地图 
    阅读全文 
  • Git工作常用命令

    2021年02月21日新增 git checkout – 文件名 修改文件时,希望放弃此次修改 git checkout [commitid] – 文件名 将单个文件撤回到某个commitid提交的文件 git reset HEAD 文件名 git...
     2021-02-21  
    • git 
    阅读全文 
  • vue双向绑定原理分析

    1.vue双向绑定原理 vue.js 则是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。我们先来看Object...
     2021-02-21  
    • vue 
    阅读全文 
  • 了解下angular第一弹

    *ngFor=”let item of list; let index = index;let odd = odd;trackBy: trackByItems “ 1234let index = index; //获...
     2021-02-21  
    • angular 
    阅读全文 
  • 【今日问题】输入[1,2,3],输出层级{name:1,child:child:{name:3}

    使用reduce实现 123456789101112<script>var arr = [1,2,3];var obj = arr.slice().reverse().reduce((opt,item)=>{ i...
     2021-02-21  
    • 算法 
    阅读全文 
  • 【今日新发现】让子元素上下左右居中的新奇方法

    123456789101112131415161718192021222324252627282930313233<html><style> *{ margin:0; padding:0; } #app&#...
     2021-02-21  
    • css 
    阅读全文 
  • 有趣的svg动画

    请参考stroke-dasharray与stroke-dashoffset的用法 参考网站: https://www.cnblogs.com/daisygogogo/p/11044353.html 效果图 参考如下: 123456789101112...
     2021-02-21  
    • svg 
    阅读全文 
  • 两边固定中间自适应布局解决方案5种

    1234567891011121314<!--弹性布局--><!-- <style> .container{ display: flex; align-item...
     2021-02-21  
    • html 
    阅读全文 
  • svg那些事

    animate下面的例子将圆的cx属性作为动画。为了实现这种效果,我们添加了一个元素到元素的内部。 比较重要的属性如下: attributeName需要动画的属性名称 from属性的初始值 to终止值 dur动画的时间 如果你想要让该元素的更多属...
     2021-02-21  
    • svg 
    阅读全文 
  • 快速排序

    12345678910111213141516171819202122232425262728293031323334353637<!DOCTYPE html><html><head><meta charse...
     2021-02-21  
    • javascript 
    阅读全文 
  • 图解 script 标签中的 async 和 defer 属性

    在 HTML 中会遇到以下三类 script: <script src='xxx'></script> <script src='xxx' async></script>...
     2021-02-21  
    • javascript 
    阅读全文 
  • CSS伪类与伪元素

    为什么要引入伪类与伪元素?css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或是列表中的第一个元素,又或者是鼠标悬停在某个超链接上时要设置的样式。 什么是伪类,伪元...
     2021-02-21  
    • css 
    阅读全文 
  • hooks使用useEffect监听pagination快速点击分页一直请求记录

    问题 react hooks使用useEffect监听pagination快速点击分页一直请求记录 描述 使用react hooks做一个分页加载数据,使用useState,useEffect API,实现思路当分页变化 时触发onchang...
     2021-02-21  
    • react 
    阅读全文 
  • 图片转base64

    123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354<!DOCTYPE html><h...
     2021-02-21  
    • js 
    阅读全文 
  • requestAnimationFrame详解

    为什么要说它,源于看到的一道面试题:问题是用js实现一个无限循环的动画。 首先想到的是定时器 123456789101112131415161718192021222324252627282930313233343536373839404142434...
     2021-02-21  
    • JavaScript 
    阅读全文 
  • vue3.x学习笔记

    vue2.x文档https://cn.vuejs.org/v2/guide/components-props.html vue3.x文档https://www.vue3js.cn/docs/zh/api/application-config.h...
     2021-02-21  
    • vue 
    阅读全文 
上一页 下一页
© 2021 -  2025  邵预鸿
渝ICP备2022010533号-1