摘要:
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 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)的原生应用。 那么,您也许会有一些需求,需要在您的前端应用里使用到手机平台 阅读全文