CSS3水平抛物线动画

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &...

2019-08-12 09:53:13

阅读数 11

评论数 0

原生 JS 实现移动端 Touch 滑动反弹

因为这个我也是看了别人代码,这里推荐各位可以关注前端大全这个公众号,里面有很多关于前端只是,很值得我们学习,尤其是刚入前端的 <!DOCTYPE html> <html lang="en"> <head...

2019-05-29 10:27:32

阅读数 47

评论数 0

css 继承和可变性

今天看了有关css的文章,虽然现在用css经常用,但有些东西还是值的自己记录下的,这里简单列举下;这里是这两个var()和currentColor案例。 <!DOCTYPE html> <html lang="en">...

2019-05-16 16:18:42

阅读数 72

评论数 0

css 布局和排版

今天看了有关css的文章,虽然现在用css经常用,但有些东西还是值的自己记录下的,这里简单列举下;这里讲rid是二维布局。意思就是Flex只能同时在一个方向进行作用,而Grid却可以在纵横两个方向同时工作。 <!DOCTYPE html> <html ...

2019-05-16 16:16:04

阅读数 95

评论数 0

css 选择器和函数

今天看了有关css的文章,虽然现在用css经常用,但有些东西还是值的自己记录下的,这里简单列举下;这里讲一个比较新的函数 conic-gradient()是属于css-images-4的一位新成员。就是可以实现不同角度渐变色的一个函数。 <!DOCTYPE html&gt...

2019-05-16 16:08:45

阅读数 71

评论数 0

css文本排版和内容元素方向

今天看了有关css的文章,虽然现在用css经常用,但有些东西还是值的自己记录下的,这里简单列举下;主要是这个writing-mode <!DOCTYPE html> <html lang="en"> <...

2019-05-16 16:05:39

阅读数 86

评论数 0

css规则

今天看了有关css的文章,虽然现在用css经常用,但有些东西还是值的自己记录下的,这里简单列举下 css规则 /*1. @charset用于定义样式表中使用的字符编码。它必须写在样式表的最开头且前面不可有别的字符。 */ @charset "UTF-8"; /* 2...

2019-05-16 16:01:45

阅读数 61

评论数 0

css3 filter 简单实用 与background-blend-mode结合实用

这个两个属性就不多说了,直接上代码,看效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&...

2019-05-16 15:55:08

阅读数 84

评论数 0

微信小程序生成海报下载到本地手机本地

里面有注释,这个就不详细说了,把对应的的图片路径换掉,就可以完成运行了 index.js const server = require("../../utils/server"); const config = require("../../utils/conf...

2019-05-15 14:53:49

阅读数 89

评论数 0

js获取查询字符串参数;一个实用的api

获取url里面的参数值或者追加查询字符串,在这之前,我们一般通过正则匹配处理,然而现在有一个新的api,具体详情可以查看这里,可以让我们以很简单的方式去处理url。 假如我们有这样一个url,"?post=1234&action=edit",我们可以这样处理这...

2019-04-30 10:26:23

阅读数 177

评论数 0

JS获取html代码的纯文本以及获取html代码的img

let ct='<li><a class="query" href="/redmine/projects/aj_ada010/issues?query_id=7">上周进展</a&...

2019-04-16 16:32:10

阅读数 185

评论数 1

微信小程序使用canvas画不规则图形

一、根据UI在海报中画不同的图片形状的路径,这中用css很简单,用canvas画的话就要了解canvas中的几个方法, 效果图: 代码如下: Page({ canvasIdErrorCallback(e) { console.error(e.detail.errMsg) }, onRead...

2019-04-16 15:10:52

阅读数 427

评论数 0

微信小程序canvas 绘图方法,生成图片,下载图片所遇到的bug(跟canvas相关的bug)

一、canvas 绘图方法及安卓手机出现绘图不准解决方案 原因:微信 canvas 绘制也是一个异步函数,即ctx.draw()是异步操作,在 ctx.draw() 后面直接获取 canvasToTempPath 是不能获取到 canvas 的具体内容的。所以ctx.draw(false,fu...

2019-04-15 12:07:17

阅读数 117

评论数 0

微信小程序自定义头部(navigationStyle)及手机适配

一、官方文档https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html -----页面配置中 avigationStyle导航栏样式,仅支持 default/custom。custom 模...

2019-04-12 17:53:38

阅读数 1038

评论数 0

微信小程序canvas中draw回调进不去的原因

因为是在github上下载的项目,就没有去看调试基本库 ,回调进不去的原因就是调试基本库太低,

2019-04-09 15:07:39

阅读数 537

评论数 0

Uncaught (in promise) 的解决方法

在微信小程序开发过程中,使用了promise,但是在使用的过程中报Uncaught (in promise)错误,第一次遇到这种错误,左右在此记录下,方便以后解决问题 getImage: function(url) { return new Promise((resolve, re...

2019-04-09 14:57:46

阅读数 2715

评论数 2

css实现页面底部固定在屏幕最下方,内容占满屏后紧跟其后的两种方法

1.只针对底部高度固定的情况,不能解决底部高度不固定的情况, 原理:主要内容放在page-main里面,page-container最小高度100%(注意这里html,body高度也要设为100%),position为relative。footer的position为absolute,相对于pa...

2019-01-18 15:21:17

阅读数 1965

评论数 0

纯css滚动进度条

1.原理:利用线性渐变, 代码比较简单就不详细说了 <!DOCTYPE html> <html lang="en"> <head&amp...

2019-01-12 09:49:41

阅读数 131

评论数 0

js 数组扁平化

1.数组扁平化概念 数组扁平化是指将一个多维数组变为一维数组 遍历数组arr,若arr[i]为数组则递归遍历,直至arr[i]不为数组然后与之前的结果concat 2.实现的五种方式 2.1. reduce 遍历数组每一项,若值为数组则递归遍历,否则concat。 function ...

2019-01-07 18:26:31

阅读数 69

评论数 0

微信小程序,自定义switch组件

在我看来这个主要是样式,相当于自己重新写一个switch样式,下面直接看源码 目录结构 switch.wxml <view class="switch"> <view class=...

2018-12-28 16:56:53

阅读数 342

评论数 0

提示
确定要删除当前文章?
取消 删除