- 博客(14)
- 资源 (1)
- 收藏
- 关注
原创 Canvas有哪些js库值得推荐?
Canvas有哪些js库值得推荐?<span class="RichText ztext CopyrightRichText-richText" itemprop="text"><p>相关的框架其实挺多的,但一般都有它适合使用的场景,看你要做什么东西,比如数据可视化还是可交互的H5应用或者别的,给一个不完全推荐好了:</p><ul><li><a href="https://link.zhihu.com/?target=https%3A/
2020-08-28 06:05:03 1253
原创 2020-08-19
在TypeScript + Vue项目中实现一个酷炫的Canvas运动背景,实现代码如下:<template> <div id="main"> <div id="bg-main"> <canvas id="bg"></canvas> </div> </div></template><script lang="ts">import V...
2020-08-19 09:37:47 249
转载 为网页实现mini-map效果
minimap效果的实现在项目中,需要制作出缩略图的效果。效果如下:minimap效果.gif在firefox可以使用 element属性实现该效果。(其它浏览器暂不支持)。这里使用iframe来达到更好的兼容性。效果分析minimap主要是对主体内容进行映射。主体html如下:<body> <div class="content"> <p> 文章内容 </p&..
2020-08-19 00:30:19 1462
原创 详细介绍scrollIntoView()方法属性
因为工作中用到了锚点设置,常用的总是出问题,后来扒拉出了这个属性,详细研究了下方便日后使用介绍scrollIntoView()的详细属性简介该scrollIntoView()方法将调用它的元素滚动到浏览器窗口的可见区域。PS:根据其他元素的布局,元素可能无法完全滚动到顶部或底部。TIPS:页面(容器)可滚动时才有用!语法element.scrollIntoView(); // 等同于element.scrollIntoView(true)element.scrollIntoV
2020-08-17 02:47:43 128804 5
原创 js原生之scrollTop、offsetHeight和offsetTop等属性用法详解
scrollTop、offsetHeight和offsetTop等属性用法详解:标题中的几个相关相关属性在网页中有这大量的应用,尤其是在运动框架中,但是由于有些属性相互之间的概念比较混杂或者浏览器兼容性问题,导致掌握起来比较有难度,下面就介绍一下相关属性的用法。先来看一张比较经典的示意图:下面结合各上图介绍一下各个属性的作用:一.offsetTop属性:此属性可以获取元素的上外缘距离最近采用定位父元素内壁的距离,如果父元素中没有采用定位的,则是获取上外边缘距离文档内壁的距离。所谓的定位就是p
2020-08-17 01:40:20 619
原创 CSS3实现10种Loading效果
昨晚用CSS3实现了几种常见的Loading效果,虽然很简单,但还是分享一下,顺便也当是做做笔记……第1种效果:代码如下:<div class="loading"> <span></span> <span></span> <span></span> <span></span> <span>
2020-08-15 09:09:40 177
原创 vue3.0 已经废弃slot, vue3.0 更改之前slot正确方法介绍
子组件写法如下<template> <table> <tr> <th>默认插槽:</th> <td><slot /></td> </tr> <tr> <th>具名插槽:</th> <td><slot name="footer" /></td>...
2020-08-15 03:04:54 15584
转载 Vue3.0实践:使用Vue3.0做JSX(TSX)风格的组件开发
前言我日常工作都是使用React来做开发,但是我对React一直不是很满意,特别是在推出React Hooks以后。不可否认React Hooks极大地方便了开发者,但是它又有非常多反直觉的地方,让我难以接受。所以在很长一段时间,我都在尝试寻找React的替代品,我尝试过不少别的前端框架,但都有各种各样的问题或限制。在看到了Vue 3.0Composition-API的设计,确实有眼前一亮的感觉,它既保留了React Hooks的优点,又没有反复声明销毁的问题,而Vue一直都是支持JSX语法..
2020-08-13 03:04:09 12917 2
原创 vue3.0里的vue.config.js配置信息完整版,vue3.0 build发布,proxy,跨域访问设置等
vue3.0里的vue.config.js配置信息完整版:vue3.0 build发布,proxy,跨域访问设置等如果没有 vue.config.js 那么自己就在根目录建一个vue.config.js文件先让我们来看看精简版const path = require("path");const resolve = function(dir) { return path.join(__dirname, dir);};module.exports = { publicPath: p.
2020-08-08 01:38:17 4247
原创 vue3.0项目 npm run build 编译
在项目根目录下新建文件vue.config.js文件,将下面的复制进去module.exports={publicPath:process.env.NODE_ENV==='production'?'./':'/',outputDir:'dist',lintOnSave:true,runtimeCompiler:true,//关键点在这//调整内部的webpack配置。//查阅https://gi...
2020-08-08 01:22:10 1787
原创 vue3.0 新建项目注意事项
1,3.0去除了 static, config , build 文件夹2,新增了 public3,自动依赖 node_modules4,默认配置 webpack , 通过 vue.config.js来修改5,命令 “ vue inspect ” 可查webpack 默认配置6,内置了 vue-cli-service serve 服务7,浏览器打开图形界面管理项目 ,命令 " vue ui " 查看...
2020-08-06 14:49:42 280
原创 vue3.0 子组件调用父组件、父组件调用子组件
子组件调用父组件父组件<my-childe ref="RefChilde" @update:FatherTalk="FatherTalk"></my-childe>子组件调用setup(props, context) {// .... function fnCallFather () { // 关键 context.emit('update:FatherTalk', pathChildName); }}..
2020-08-06 01:22:02 6618 2
转载 提前熟悉Vue3.0 + Ts
3.0的目标更小 更快 加强 TypeScript 支持 加强 API 设计一致性 提高自身可维护性 开放更多底层功能什么是Hooks?hooks翻译过来是钩子的意思,这个可能有一些模糊,简单点说hooks就是一个函数(可以复用的函数)例如:业务中很难避免的一个问题就是-- 逻辑复用,同样的功能,同样的组件,在不一样的场合下,我们有时候不得不去写2+次,为了避免耦合我们出现了一些概念(mixin,高级组件,slot插槽)。上述这些方法都可以实现逻辑上的复用,但是都有一些额外的问题:..
2020-08-05 21:15:23 2064
原创 vue3.0 typescript 创建项目,路由RouteConfig 报错 has no exported member ‘RouteConfig‘.ts
vue3.0 typescript 创建项目,路由RouteConfig 报错 has no exported member 'RouteConfig'.ts提示 ts没有对应RouteConfig那么什么原因呢
2020-08-02 01:34:33 5394
laravel5.6版本下载
2018-07-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人