第一种最简单的方法： 1 threeBox.render();//重点 解决拿到图片后为黑色 2 3 let src=threeBox.renderer.domElement.toDataURL();//将选中的canvas转换为base64编码 4 let a = document.create...

2021-01-13 16:29:27 阅读数:21 评论数:0 作者:蔡徐坤学前端

css外部自定义字体 给大家分享一个使用的css小技巧！记得收藏呀！ 相信大家在浏览各种网站会见到各种奇形怪状花里胡哨的文字，还有就是一些浏览器兼容性问题，不会支持一些特殊的字体！ 给大家分享一个极其简单的css引入外部字体的方法：@font-f...

2020-10-26 17:32:55 阅读数:36 评论数:0 作者:蔡徐坤学前端

简介： Cordova包装你的HTML/JavaScript app到原生app容器中，可以让你访问每个平台设备的功能。这些功能通过统一的JavaScript API提供，让你轻松的编写一组代码运行在几乎市面上的所有手机和平板上，并可以发布到相应的app商城中。 ...

2020-05-15 02:20:59 阅读数:60 评论数:0 作者:蔡徐坤学前端

自学uni-app第一天，因为有一点点的小程序和vue的基础所以感觉对uni-app有一点点的亲切感，从今天呢开始着手从登录页学习uni-app，记录一些用到的知识点，欢迎大家一起学习。 启动页隐藏顶部导航栏 这个可能用到的场景也只有登录也或者一些单页面了，话不多说直接上代码。 ...

2020-01-26 18:51:23 阅读数:110 评论数:0 作者:蔡徐坤学前端

在了解了javascript的语言特性后，javascript真正大放光彩的地方来了——这就是javascript DOM;; Javascript DOM ;;＞ DOM(Document Object Model),文档对象模型。;＞ ;＞ 简单的说就是一套操作文档内容的方法。;; 文档：DOM...

2019-12-23 17:21:28 阅读数:77 评论数:0 作者:蔡徐坤学前端

margin布局拖拽;; Vue.directive('drag', {; bind(el, binding, vnode, oldVnode) {; ; const dialogHeaderEl = el.querySelector(...

2019-12-09 16:06:28 阅读数:72 评论数:0 作者:蔡徐坤学前端

＞ 给大家分享一下这几天我研究的一个贪吃蛇，挺简单的，但是实现起来其实有点绕的，我给大家附上完整代码，一起分析学习一下，主要用的是构造函数。;; ;; ![1846802-20191206095404672-1187584904.png][];;思想：;; 、设计蛇：属性有宽、高、方向、状...

2019-12-06 10:18:25 阅读数:104 评论数:0 作者:蔡徐坤学前端

1.保留空格，换行属性;; //保留换行空格问题; white-space: pre-wrap;;;2.超出部分，强制换行，一般用于数字;; //富文本换行; word-wrap: break-word;; table-layout: fixed;; ...

2019-12-03 10:09:44 阅读数:219 评论数:0 作者:蔡徐坤学前端

1.安装vscode ;;＞ 官网地址：https://code.visualstudio.com/;; 2.安装一个插件，识别vue文件 ;;＞ 插件库中搜索Vetur，下图中的第一个，点击安装，安装完成之后点击重新加载;;![1846802-20191120155553733-...

2019-11-20 16:07:34 阅读数:175 评论数:0 作者:蔡徐坤学前端

首先：本人菜鸟一枚，梦想着进阶高级前端工程师，并为此而努力奋斗（哈哈哈，这里纯属搞笑）;;引子：;;昨天看了一个百度架构师讲的一个公开课，里面提到了三个问题，最基础的考验你js基础是否扎实的三个问题，如果你一分钟内能够想到方法，能够时候写出来，说明你的基础还是可以的。;;现在出现了各种有利于前端开发...

2019-11-15 11:28:21 阅读数:117 评论数:0 作者:蔡徐坤学前端

![1846802-20191113141914775-1213982598.png][];; ;;第一步：点击上图左下角设置，找到Settings，搜索`includeLanguages`;; ![1846802-20191113142125997-1098935915.png][];; ;; 第...

2019-11-13 14:25:36 阅读数:111 评论数:0 作者:蔡徐坤学前端

＞ 前言：今天翻到了好久之前学习react时的笔记，拿出来记录一下以免忘掉，里面主要是记录了安装环境，创建项目，启动项目，jsx，组件介绍，组件通信，多层嵌套，路由搭建，路由传参，redux。记录的比较浅薄，但是还是有一点点的帮助，因为自己最近一直在使用vue，所以拿来回忆一下还是不错的，都是比较基...

2019-11-13 10:01:37 阅读数:112 评论数:0 作者:蔡徐坤学前端

 看到一篇文章，觉得写得挺好的，拿过来给大家分享一下，刚好解答了一些困扰我的一些疑惑！！！;;--------------------;; 1. 前言 ;;每当被问到Vue数据双向绑定原理的时候，大家可能都会脱口而出：Vue内部通过`Object.defineProperty`方法属性拦截的方式，把...

2019-11-12 15:01:37 阅读数:82 评论数:0 作者:蔡徐坤学前端

给大家聊下js中获取元素属性的逆天大法，胆小慎入，切记切记！！！;; innerHTML、outerHTML、innerText 、outerText、value、text()、html()，val();;这些方法，大家应该用过，如果让你说出它们的一些区别和联系，能答得上来吗？接下来让我们一起...

2019-11-11 15:07:37 阅读数:71 评论数:0 作者:蔡徐坤学前端

＞ 1、什么是Cookie？ ;;Cookie 技术产生源于 HTTP 协议在互联网上的急速发展。随着互联网时代的策马奔腾，带宽等限制不存在了，人们需要更复杂的互联网交互活动，就必须同服务器保持活动状态（简称：保活）。;; ;;于是，在浏览器发展初期，为了适应用户的需求技术上推出了各种保持 Web...

2019-11-08 19:18:05 阅读数:80 评论数:0 作者:蔡徐坤学前端

什么是BFC？为什么这个概念一直被提起？？为什么每一个人都解释不清BFC？？？ ;; 1.什么是BFC ;;BFC 全称为 块格式化上下文 (Block Formatting Context) 。;;从这个概念里你能看出来什么吗？;;这个名字给我们的信息只有 “块” “格式化” “上下文” 。我们...

2019-11-07 10:39:05 阅读数:99 评论数:0 作者:蔡徐坤学前端

使用原声js来实现图片预加载，或图片懒加载，小伙伴们可以根据项目需要来结合vue或者是react来进行修改。;; ;; 一、什么是图片懒加载或什么是图片预加载 ;; 当访问一个页面的时候，先把img元素或是其他元素的背景图片路径缓存下来（这样就只需请求一次），当图片出现在浏览器的可视区...

2019-11-06 17:30:05 阅读数:94 评论数:0 作者:前端菜鸡儿

Vue 实现前进刷新，后退不刷新的效果 玩转vue-router里的meta。;; 需求一： ;;在一个列表页中，第一次进入的时候，请求获取数据。;;点击某个列表项，跳到详情页，再从详情页后退回到列表页时，不刷新。;;也就是说从其他页面进到列表页，需要刷新获取数据，从详情页返回到列表页时不要...

2019-11-05 15:39:05 阅读数:93 评论数:0 作者:前端菜鸡儿

Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick;; 本人写代码实际应用场景 ;;先看下图：;;![1846802-2019110112570019...

2019-11-01 13:11:06 阅读数:111 评论数:0 作者:前端菜鸡儿

需求：当页面中某一标签到达页面顶部时，固定在页面上，否则随页面一起滚动，看下边效果图。;;实现思路：;;1.监听滚动条移动事件。;;2.获取标签距离顶部距离。;;3.当滚动条滚动距离大于标签距离顶部距离时，固定标签在某一位置。;;![1846802-20191031143828584-2113841...

2019-10-31 15:20:06 阅读数:75 评论数:0 作者:前端菜鸡儿

有很多网站会涉及到导航栏，我自己在开发中用的是element导航组件，并且自定义事件，给大家分享一下。;;1.使用递归方法，无限循环子级菜单。;;2.使用组件封装，维护方便。;;3.使用index作为路由跳转。;;4.结合后台动态渲染。;;5.自定义样式，修改默认icon。;;6.根据后台返回数据，...

2019-10-29 16:44:07 阅读数:141 评论数:0 作者:前端菜鸡儿

最近在开发一款官网，使用的是element，在头菜单NavMenu，的时候没有设置任何的边框属性，结果出现了如下图所示的边框线。;; ;;![1240][] ;;;点击有二级菜单时出现;;找了好多方法发现是有一个属性影响到了，:focus,他是一个获取焦点时触发的一个选择器，有兴趣的伙伴可以去菜鸟...

2019-10-28 15:14:45 阅读数:90 评论数:0 作者:前端菜鸡儿