一个优秀的前端都应该阅读这些文章
摘要：typescript [ ] TypeScript，初次见面，请多指教 [x] 可能是你需要的react + typescript 50条规范和经验 一些使用规范 [ ] 三千字讲清TypeScript与React的实战技巧 一些使用规范 CSS [ ] css加载会造成阻塞吗 [ ] 不可思议的纯
阅读全文
posted @ 2019-09-27 17:19
09 2019 档案
怎么删除json 键值对
摘要：var obj = { 'id': 1, 'name': 2 } delete obj.id delete obj['id'] console.log(obj) //{ 'name': 2 }
阅读全文
posted @ 2019-09-27 11:35
美工常用的网站分享
摘要：// 简易配色工具：https://pigment.shapefactory.co/ // 层次渐变色彩：https://gradient.shapefactory.co/ // 流行配色方案：https://colorhunt.co/ // 色轮配色工具：//www.peise.net/tools
阅读全文
posted @ 2019-09-27 11:28
解决html 图片缓存问题
摘要：问题：上传一张图片，通过js更新src属性刷新图片使其即时显示时， 当img的src当前的url与上次地址无变化时（只更改图片，名称不变，不同图片名称相同）图片不变化（仍显示原来的图片） 但通过firebug看图片已经变化，因为当src的地址不变时浏览器不会重新加载图片仍从缓存里面读取 方法：只需每
阅读全文
posted @ 2019-09-27 11:28
小程序授权页面
摘要：<!--<div class="container"> <div style="padding: 10% 10%;"> <div style="width: 60px;height: 60px; overflow: hidden; border-radius: 50%; margin: auto;"
阅读全文
posted @ 2019-09-27 11:26
BitMap原理
摘要：经常能够看到有些大厂的面试题里有一些这样的题目：一个10G的文件，里面全部是自然数，一行一个，乱序排列，对其排序。在32位机器上面完成，内存限制为 2G。 首先来分析一下题目，10G的文件，只有2G内存，显然，不可能一次性把数据放入内存中直接排序。那么，还有什么其他办法呢？遍寻资料，可以发现大致有两
阅读全文
posted @ 2019-09-20 10:57
可能这些是你想要的H5软键盘兼容方案
摘要：前言 最近一段时间在做 H5 聊天项目，踩过其中一大坑：输入框获取焦点，软键盘弹起，要求输入框吸附（或顶）在输入法框上。需求很明确，看似很简单，其实不然。从实验过一些机型上看，发现主要存在以下问题： 在 Android 和 IOS 上，获知软键盘弹起和收起状态存在差异，且页面 webview表现不同
阅读全文
posted @ 2019-09-18 19:37
微信H5页面前端开发，大多数人都会遇到的几个兼容性坑
摘要：最近给公司微信公众号，写了微信h5业务页面，总结分享一下前端开发过程中的几个兼容性坑，项目直接拿的公司页面，所以下文涉及图片都模糊处理了。 1、ios端兼容input光标高度 问题详情描述：input输入框光标，在安卓手机上显示没有问题，但是在苹果手机上 当点击输入的时候，光标的高度和父盒子的高度一
阅读全文
posted @ 2019-09-18 19:20
后台管理系统页面欣赏
摘要：http://www.uimaker.com/uimakerhtml/uidesign/uibs/
阅读全文
posted @ 2019-09-18 16:54
微信公众号开发文档
摘要：https://developers.weixin.qq.com/doc/offiaccount/Custom_Menus/Querying_Custom_Menus.html
阅读全文
posted @ 2019-09-18 16:46
vue生成带logo的二维码
摘要：输入命令行下载 npm install vue_qrcodes 效果图
阅读全文
posted @ 2019-09-18 16:41
vue 仿写微信公众号自定义菜单
摘要：先看效果图 代码参考 <template> <div> <!-- 公众号设置 --> <el-col :span="24" style=" margin-top: 10px;"> <h2 style="font-weight: 300; margin-left: 20px; font-size: 2
阅读全文
posted @ 2019-09-18 16:31
html2canvas以及domtoimage的使用踩坑总结 动态获取的二维码失效如何生成海报
摘要：安卓html2canvas方法 ios系统dom-to-image方法 不是太懂的可以留言
阅读全文
posted @ 2019-09-18 16:28
html2canvas以及domtoimage的使用踩坑总结
摘要：前言 需求 开始踩坑 一.html2canvas对于跨域图片，转换的时候会将跨域图片识别为空白。问题分析：既然是由于跨域引起的问题，那我们让资源不跨域不就可以访问了吗？解决办法：将图片放置服务器，通过nginx进行代理资源，前端访问图片便不涉及到跨域问题。 二.html2canvas动态加载内容，通
阅读全文
posted @ 2019-09-12 15:13
js判断手机是安卓还是ios
摘要：//点击下载按钮判断appDown() { var u = navigator.userAgent; var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); var isAndroid = u.indexOf('Android') > -1 |
阅读全文
posted @ 2019-09-12 15:11
你所不知道的 CSS 负值技巧与细节
摘要：写本文的起因是，一天在群里有同学说误打误撞下，使用负的 outline-offset 实现了加号。嗯？好奇的我马上也动手尝试了下，到底是如何使用负的 outline-offset 实现加号呢？ 使用负值 outline-offset 实现加号 假设我们有这样一个简单的结构： 1 <div></div
阅读全文
posted @ 2019-09-07 17:04
前端优化
摘要：避免内联和嵌入代码，尽量引入外部文件 样式在上，脚本在下，样式在head内 上线前通过自动化工具压缩样式表，或适应预处理器，如less,sass,stylus 尽量合并多个CSS文件，因为浏览器的并行下载速度有限 <script async src="example.js"></script> 使用
阅读全文
posted @ 2019-09-07 15:01
揭秘 | 小白如何0基础0元建站
摘要：大数据告诉你 据最新《中国互联网络发展状况统计报告》数据显示，截止2018年6月，中国网站数量为544万个，半年增长率为2%。 中国网站数量 中国网站数量 在当下互联网蓬勃发展的大环境下，我们每天都在和各种网站交互。网站早已成为企业、个体乃至个人在互联网中进行产品、服务和信息传播的媒介。然而，如今的
阅读全文
posted @ 2019-09-06 16:35
细说浏览器输入URL后发生了什么
摘要：本文摘要： 1.DNS域名解析； 2.建立TCP连接； 3.发送HTTP请求； 4.服务器处理请求； 5.返回响应结果； 6.关闭TCP连接； 7.浏览器解析HTML； 8.浏览器布局渲染； 总结 输入网址 输入网址 当我们在浏览器输入网址并回车后，一切从这里开始。 一、DNS域名解析 我们在浏览器
阅读全文
posted @ 2019-09-06 16:33
js问题总结
摘要：1. Call 和 Apply 的区别 语法：function.call(thisObj [, arg1[, arg2[, [, ...argN]]]]);function.apply(thisObj [, argArray] )； 定义： call 和 apply 可以让我们手动设置 this 指
阅读全文
posted @ 2019-09-04 19:36
vue elementui如何修改el-table头部样式
摘要：找到el-table加入红色代码 <el-table :row-style="tableRowStyle" :header-cell-style="tableHeaderColor"> </el-table> 然后再methods加入
阅读全文
posted @ 2019-09-04 19:30
h5开发微信公众号重定向到关注页面没有关注按钮 （微信你个坑）
摘要：搜索微信公众号是这样的 微信公众号重定向到关注页面没有关注按钮 如何微信公众号重定向到关注页面没有关注按钮，请看上篇笔记 无解，微信一直在封这种通过链接跳转到公众号关注页面的方法。只有放个二维码提示长按识别。 等等 还有解决的办法 然后 搞定
阅读全文
posted @ 2019-09-03 17:47
如何获取微信公众号的关注链接？
摘要：1.打开PC端微信，点击公众号 2.左键点击公众号图标，然后再带年纪中间的那个按钮。 3.点击“复制链接地址”，这串地址就是公众号关注链接。 4.<a href="你复制的链接"></a> <a href="https://mp.weixin.qq.com/mp/profile_ext?action
阅读全文
posted @ 2019-09-03 11:42
下拉展开动画
摘要：<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-sca
阅读全文
posted @ 2019-09-02 13:49
html中常用的转义字符总结
摘要： 不断行的空格   半方大的空格   全方大的空格 < 小于 < > 大于 > & &符号 " 双引号" © 版权符号© ® 已注册商标® ™ 商标（美国）TM × 乘号 × ÷ 除
阅读全文
posted @ 2019-09-02 11:03
