2019年11月_恪愚

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创小程序自定义button组件获取用户信息（用户授权登录）

背景不得不提一句：微信小程序的：获取用户信息的机制改了（早就改了）。或许是不想让开发者对用户“随意”造成困扰——毕竟有的用户上来只是为了“逛一圈”。于是增加了“只有触发button才能弹窗”的功能。新版-微信授权机制<button open-type="getUserInfo" bindgetuserinfo="getUserInfo">授权</button>//...

2019-11-29 12:31:11 4702 1

原创再探“微信小程序”——wxs的使用

wxs文件 —— 可用于专门写（组件化）（通用）Js代码。像HTML中引用js（文件）一样，wxs代码同样既可以写在单独文件中，也可以写在wxml文件中，可直接掉用比如：处理服务器返回数据中的“\”如果将wxs代码单独文件书写，我们可以用如下方式引入文件：<wxs src="文件相对路径" module="util" />abc.wxsvar format=functi...

2019-11-28 15:42:45 1931

原创前端图形技术的发展：SVG

SVG图——基于数学的描述使用方式：浏览器直接打开在HTML中使用<img>标签引用直接在HTML中使用<svg>标签作为CSS背景如：<img src="如 simplr.svg" width="50" height="50" />和一般img不同，这个地方的width和height可以改！SVG绘图书写格式（大概）其不同图形有不同格...

2019-11-27 19:02:22 687

原创前端常用的几种跨域通信方式实践：jsonp&cors&postMessage&改域

为什么说是“ 前端 ”“ 跨域 ” ？跨域方式有三种：jsonp、cors，以及动态代理。相比之“基于”前端的前两种方法，最后一种不太常用 —— 没错，cors一般来讲是后端设置，但是完全可以让前端“一力以担之”。前文推荐（不了解“跨域”的可以先看这里）：https://blog.csdn.net/qq_43624878/article/details/95853615jsonp方式解决...

2019-11-27 09:48:18 1583 19

原创神奇的CSS图形：“三道杠”及相关知识点详解

在笔者的个人网站上，有这么一个功能：当页面变得“足够小”（比如手机打开），页面的右上方会变成一个如下的图案：点击后会触发“下拉框展示”的事件效果。关键就在这个东西上。使用图片呢？还是矢量图标呢？还是css图形呢？细想一下：图片——尺寸不好控制、加载慢、易失帧；矢量图标——要引入对应库文件，可能会延迟加载速度；毫无疑问，最后一个方案是最好的选择！我们就来说一下CSS图形。这又两种方法实现...

2019-11-21 09:30:29 1967

原创网页中图片img的尺寸问题

<img>是不可替换元素（标签）很奇怪？《CSS世界》作者张鑫旭大大提出了一个观点：替换元素和非替换元素之间只隔了一个src属性！经过“千奇百怪”的验证，至少现在看来，它无疑是正确的。由于我们平时都会这样写：<img src="xxx">，所以我们难免陷入思维定式，认为<img>===图片。But事实完全相反：去掉src的<img>其实就是一...

2019-11-19 10:55:59 1378

原创原生JS封装ajax方法（es5、es6两种方法&支持jsonp方式）

嘿嘿，第一次想起这个事情的时候，内心是有点小激动的。。。为什么要用原生js去封装一个ajax请求呢？锻炼代码能力——据说原生的东西有些难度，挑战一下自己我写“高效前端”的文章中提到过：原生的代码在浏览器上的运行效率是其它的几倍（甚至十几倍）其实也就那样吧，只要对ajax请求有一定了解（多玩几次），就能顺着思路写下去！不说了，直接上代码。（注释已经很详细了…）ajax.jsfunc...

2019-11-18 19:15:01 1552 2

原创 node.js初步：登录注册服务器端实现（无数据库模拟版）

2009年，node.js横空出世。v8引擎的高效渲染和基于JS异步的性能，让其“一夜之间”火爆全球。最近刚结束了一个项目，再加上一直以来对后端有些许兴趣，于是把目光瞄向了node.js这门基于JS的后端语言！这篇文章根据登录注册这个小demo来认识一下node，也算熟悉一下后端开发。模块node.js中最强的莫过于“模块化”了。各式各样的模块，诸如：http、https、fs…层出不穷，...

2019-11-17 19:26:21 897 9

准确来说，BFC是CSS2.1时代的产物，它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用何为“BFC”？BFC 即 Block Formatting Contexts (块级格式化上下文)，它属于普通流。具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一...

2019-11-16 21:12:03 555

原创 CSS3实战——抖动效果的实现

这几天有项目，其中复习了一下css3的相关知识。其中抖动效果很好玩，不禁想写篇文章，纪念一下。还是以前说的，通过js动态添加/删除class是一个“不错的”选择。比如今天做的东西：先添加，然后利用setTimeout慢慢消除。这样就实现了“抖动效果”<!DOCTYPE html><html lang="en"><head> <meta ...

2019-11-05 13:49:00 4414 5