摘要：
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/gdVObN 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https 阅读全文
摘要：
github 上有趣又实用的前端项目（持续更新，欢迎补充） 1. reveal.js: 幻灯片展示框架 一个专门用来做 HTML 幻灯片的框架，支持 HTML 和 Markdown 语法。 github: https://github.com/hakimel/reveal.js demo: http 阅读全文
摘要：
我是一个小白我是一个小白我是一个小白喷我吧,哈哈 写样式的是时候经常会碰到字体两端对齐的效果,一般就网上找端css样式复制下就结束了,没有考虑过原理是啥贴下代码 <head> <meta charset="UTF-8"> <title></title> <style> p { display: in 阅读全文
摘要：
伪元素的margin值挤压主体元素解决 主体是两个p标签，需要再其左侧添加一个竖线，很常见的需求 目标 前提条件 1. 右侧的文字个数不固定 问题 1. 需要让before元素为`float:left`； 2. 文字个数不固定时，整个元素的宽度是auto，根据文字的内容来算，此时使用 :before 阅读全文
摘要：
项目创建 vue init webpack mytest001 安装viewerjs npm install viewerjs 删掉生成的项目里面的helloWord.vue 修改路由 创建一个index.vue index.vue代码: <template> <div id="index"> <u 阅读全文
摘要：
需求 在开发过程中遇到这么一个需求，h5页面需要将一个html dom转化成图片，便于用户保存。 面向百度搜索第三方得 html2canvas 和 dom-to-image 两者在写这篇笔记之前在github上的星星数分别是 dom-to-image 4k ⭐️ html2canvas 13.7k 阅读全文
摘要：
阅读全文
摘要：
react-uplod-img 是一个基于 React antd组件的图片上传组件 支持oss qiniu等服务端自定义获取签名,批量上传, 预览, 删除, 排序等功能 需要 react 版本大于 v16.1.0 支持async await git地址 demo 安装 npm i react-upl 阅读全文
摘要：
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/OBgBJJ 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https 阅读全文
摘要：
对话框（别称模态框，浮层）是web项目中用于用户交互的重要部分，我们最常见的就是js中 alert()，confirm()，但是这个对话框的不美观，也不能自定义样式，所以在开发的过程中，一般根据自己自己的需求造轮子或者使用第三方的。 对话框的组成 常见的弹出框形式： 位置：屏幕的左上角，右上角，左下 阅读全文
摘要：
在web项目中，有一个很重的模块就是登陆/注册模块，这个模块的主体部分就是一个form表单，这个form表单包含两个重要input组（用户名/密码），每个input组都包含label和input，而关于 label+input 的布局方案多种多样，不同的设计师有不同的设计风格，不同的前端工程师又有不 阅读全文
摘要：
前言：我司是一个教育公司，最近要做一个入学诊断的项目，领导让我开始搭建一套基于vue的H5的开发环境。在网上搜集很多的适配方案，最终还是选定flexible方案。选择它的原因很简单： 它的github的的star高达8k+，证明用的人还是很多的（也就反应你踩的坑，前人几乎都踩过）； 里面有对应的教程 阅读全文
摘要：
网上搜索了很久Vue项目搭建指南，并没有找到写的比较符合心意的，所以打算自己撸一个指南，集合众家之所长(不善于排版，有点逼死强迫症，如果觉得写的有问题，可以留言斧正，觉得写的太差的，可以留言哪里差， 有不好的地方改，欢迎调侃)。 搭建项目前准备工作 首先你需要一台电脑，建议做开发的电脑最好是内存 8 阅读全文
摘要：
怎样用更少的美术成本创造出更生动的动画效果？今天就为大家介绍一套开源的2D骨骼动画框架和工具——DragonBones，它包含了桌面骨骼动画制作工具DragonBonesPro和一套多语言版本的DragonBones骨骼动画库。 下面为大家介绍DragonBones的常用术语和使用方法。 一、Dra 阅读全文
摘要：
起因 一天在群里面朋友问了一个这么一个问题： 看了之后自己梳理了一遍，在此和大家分享一下，这个就要从客户端开发的过程来讲了； 原生开发 在移动互联网刚兴起的时候，最初的开发模式是通过swift或java开发原生应用，有一些网页跳转的处理，ios使用UIWebView（ios8之后增加了WKWebVi 阅读全文
摘要：
在2018年年初，jetbrains公司通过调查6000名开发者来了解开发者的生态状态，最近，调查结果终于整理完毕，以下是得出的结果。一、 日常工作1.1）流行语言：今年，使用最受欢迎、最常用与最有前途的语言相较去年没有变化，最受欢迎的语言是Java，最常使用的是JavaScript，最有前途的是G 阅读全文
摘要：
Web SQL数据库API是一个独立的规范，在浏览器层面提供了本地对结构化数据的存储，已经被很多现代浏览器支持了。 我们通过一个简单的例子来了解下如何使用Web SQL API在浏览器端创建数据库表并存储数据。 <!doctype html> <html> <head> <script> var e 阅读全文
摘要：
我之前曾经写过一篇文章使用Cordova将您的前端JavaScript应用打包成手机原生应用，介绍了如何使用Cordova框架将您的用JavaScript和HTML开发的前端应用打包成某个手机平台(比如Android，iOS）的原生应用。 那么，您也许会有一些需求，需要在您的前端应用里使用到手机平台 阅读全文