实现核心的属性是 background-clip 用于对背景裁剪 属性值： 值 说明 border-box 默认值。背景绘制在边框方框内（剪切成边框方框） padding-box 背景绘制在衬距方框内（剪切成衬距方框） content-box 背景绘制在内容方框内（剪切成内容方框） text 给文本填充图片背景 text-fill-color 用于和背景颜色叠加 <!DOCTYPE html> <html> <head> <title>背景剪裁属性</title> <meta http-equiv=“C …
Chrome Extension 是什么 Chrome Extension 作为浏览器的功能扩展，由 html、 css、 js及 manifest. json 描述文件组成，扩展图标显示在浏览器的地址栏右侧，其实质为crx后缀的压缩包。 基本结构 包含如下5个组件： Manifest Background Script UI Elements Content Script Options Page manifest为必须描述文件。 Manifest 包括插件信息和配置信息，使用 json格式的数据。 { //（必须）manifest版本，而且必须是2 “manif …
读过本文章后，你将了解在Threejs中的光与影。 现实世界中，物体显示的颜色是由物体本身的颜色及光照的颜色相互叠加而成，在Threejs的世界里同样如此。 我们看到的景象都是趋于光的反射，才生成的。有的物体会发光，有的不放光，会自发光的物体叫做光源 中，有了光，物体才会有光暗的效果。 开启光影的条件 渲染器开启阴影渲染 光源开启投射阴影 物体开启投射阴影 物体开启接收阴影 renderer.shadowMap.enabled = true; spotLight.castShadow = true; mesh.castShadow = true; plane.receiveShadow = …
读过本文章后，你将了解如何在DOM中创建一个可交互式的3D空间。 注：Three.js需要一定的逻辑和数学知识。 1.创建渲染器 首先获取DOM元素，定义一个容器变量。 const container = document.getElementById(‘container’); 然后，将使用Web GL渲染器显示场景。 const renderer = new THREE.WebGLRenderer({ antialias: true }); 设置渲染器并指定参数 antialias （抗锯齿），默认渲染器不会开启抗锯齿。 接下来设置renderer的大小，re …
1. 简介 impress.js 是一个基于CSS3和现代浏览器，受Prezi.com的启发而创作出来的前端多功能演示js框架，可以用它来替代PowerPoint制作更加酷炫的PPT，官方项目。 impress.js 也有一些缺点：编辑方式繁琐需要学习的东西较多，至少需要一些HTML和CSS的基础知识，其是想要获得一些特殊效果时，更需要了解一些javascript的使用，对于非开发者来讲存在一定门槛。 impress.js比较适合以演讲内容为主的展示，单页只放一个名词或句子，或是一张图片，这样会带来比较出众的效果。 2. 核心 impress 页面间转场的实现是依赖于 CSS3 的 trans …
1.创建证书签名请求 至此，CSR文件创建成功 2.创建证书 访问 https://developer.apple.com 开发者中心 创建证书 Certificates 选择或创建推送证书 上传步骤 1 生成的 CSR文件 双击这个cer文件，之后在钥匙串中导出P12文件，此文件即为要传到推送平台的应用证书 3.将证书上传到个推 本文链接地址: iOS 推送证书配置(个推)
项目的根目录放了 .gitignore 文件，并且git远程仓库的项目根目录已经有了 unpackage文件夹。 由于每次本地运行项目，unpackage中都会生成临时文件，这些临时文件不需要提交到仓库，所以.gitignore中追加规则。 /unpackage/ unpackage 中内容始终被提交到仓库 解决方法 查询git规则 .gitignore只能忽略那些原来没有被track的文件，如果某些文件已经被纳入了版本管理中，则修改.gitignore是无效的 git rm -r –cached . git add . git commit -m ‘update .g …
注意事项 组件内引入图片要使用绝对路径。/static/… 主页面的生命周期用onLoad代替created，onReady代替mounted。组件内使用原来的created与mounted。 用tap事件代替click事件。 阻止事件冒泡时要在外层加一层标签<view @tap.stop=”stop”></view>，直接在需要使用的方法上加.stop无效。 <picker>中最好写一个<view class=”style”>写样式，而不是在picker上加样式。 <scroll …