WangZCII-CSDN博客

原创大家都能看懂的 canvas基础教程

原文链接:http://www.shitu91.com/cms/canvasSub/index.html01.canvas简单的认识canvas 是html5提供给我们的一个绘图标签默认大小 300X150 背景透明<!DOCTYPE html><html lang="en"><head> <meta charset="...

2022-11-07 18:04:03 284

原创 Notification桌面通知最佳实践

Notification通知最佳实践安全上下文: 此项功能仅在安全上下文(HTTPS), 一些支持的浏览器.Notifications API 的通知接口用于向用户配置和显示桌面通知。在线示例见文末代码构造方法let notification = new Notification(title, options)参数title定义一个通知的标题，当它被触发时，它将显示在通知...

2021-11-04 15:23:00 627

Notification通知最佳实践安全上下文: 此项功能仅在安全上下文(HTTPS), 一些支持的浏览器.Notifications API 的通知接口用于向用户配置和显示桌面通知。在线示例见文末代码构造方法let notification = new Notification(title, options)参数title定义一个通知的标题，当它被触发时，它将显示在通知窗口的顶部。options 可选options对象包含应用于通知的任何自定义设置选项。选项有：dir: 显

2021-11-04 15:21:03 828

原创学会这20+个JavaScript单行代码，可以让你的代码更加骚气

JavaScript不断发展壮大，因为它是最容易上手的语言之一，因此为市场上的新成为技术怪才打开了大门。（问号脸？）的确，JavaScript可以做很多出色的事情！还有很多东西要学习。而且，无论你是JavaScript的新手还是更多的专业开发人员，学习新知识总是一件好事。本文整理了一些非常有用的单行代码（20+），这些单行代码可以帮助你提高工作效率并可以帮助调试代码。什么是单行代码？单行代码是一种代码实践，其中我们仅用一行代码执行某些功能。01-随机获取布尔值此函数将使用Math.ran

2021-10-21 09:28:35 210

原创 [Jenkins进阶]-前端CI/CD

什么是前端自动化前端自动化不是指自动生成代码，而是自动化构建项目。如果没有自动化，我们的前端从开发到提测工作流程可能如下：1.本地机器上写代码2.在命令行输入 npm run unit/lint，查看单元测试/eslint 校验结果3.提交代码，push 到 git 远程仓库4.执行 npm run build，构建项目5.ssh/ftp 发包至测试服务器等各种方式这个流程中，每一个步骤都要重复人工操作，很大增加了时间成本，不能保证操作的准确性。对于 unit 或者 build 的结果，.

2021-10-21 09:26:16 485

原创 20 个杀手级 JavaScript 单行代码

????本文整理了一些实用的 JavaScript 单行代码，非常好用~~获取浏览器Cookie的值通过document.cookie 来查找cookie值const cookie = name => `; ${document.cookie}`.split(`; ${name}=`).pop().split(';').shift(); cookie('_ga');// Result: "GA1.2.1929736587.1601974046"颜色RGB转十六进制con

2021-10-20 17:44:46 156

原创【你不知道的canvas】之更换绿屏视频背景

canvas Api 简单介绍Video_and_audio_contentImageDataImageData对象中存储着canvas对象真实的像素数据，它包含以下几个只读属性：width：图片宽度，单位是像素height：图片高度，单位是像素data：Uint8ClampedArray类型的一维数组，包含着RGBA格式的整型数据，范围在0至255之间(包括255)。data属性...

2021-05-12 11:19:00 966 2

原创前端常用图片文件下载上传方法

本文整理了前端常用的下载文件以及上传文件的方法例子均以vue+element ui+axios为例,不使用el封装好的上传组件，这里自行进行封装实现先附上demo上传文件以图片为例，文件上传可以省略预览图片功能图片上传可以使用2种方式：文件流和base64;1.文件流上传+预览：<input type="file" id='imgBlob' @change='change...

2021-05-08 16:42:00 522

原创使用jenkins自动构建github项目

欢迎加入前端交流群：749539640jenkins介绍构建伟大，无所不能Jenkins是开源CI&CD软件领导者，提供超过1000个插件来支持构建、部署、自动化，满足任何项目的需要。作为一个可扩展的自动化服务器，Jenkins 可以用作简单的 CI 服务器，或者变成任何项目的持续交付中心。Jenkins 是一个基于 Java 的独立程序，可以立即运行，包含 Windo...

2020-04-13 17:25:00 198

原创在linux服务器上安装Jenkins

Jenkins是用java编写的开源持续集成工具，目前被国内外各公司广泛使用。本章教大家如何在linux服务器上安装Jenkins。获得一台linux服务器要在linux下安装git，首先你得先有一台linux服务器，这里我选择了腾讯云安装jdkJenkins的运行需要依赖jdk，所以在安装Jenkins之前我们得先把jdk装上。没有安装经验的同学可以参考我的另一篇在linux服务器上安...

2020-04-13 16:32:00 119

原创在linux服务器上安装jdk

yum安装jdk在linux上使用yum安装是非常粗暴无脑的，但仍然有需要注意的点，不然会掉坑里。这里说一下步骤。1.执行命令yum -y list java*查看可安装java版本。执行成功后可以看见如下的结果2.选择一个java版本进行安装，这里我们希望安装java1.8，因为我们的机器是64位的，所以选择安装java-1.8.0-openjdk-devel.x86_64。这里有个...

2020-04-13 16:30:00 100

原创 github clone加速脚本 GitHub 国内加速下载

GitHub 我们都知道是世界上最大的开源及私有软件项目的托管平台，全世界每天有海量优秀的开源软件在这里产生，而 GitHub 在国内很多时候获取到的下载链接是亚马逊的服务器。中国因为不可言说的原因，经常抽疯或龟速。想要加快 GitHub 下载速度就需要用到 GitHub 国内加速服务。完美解决github项目下载、clone慢的问题1.Github 加速下载(适合下载包)只需要复制当前 ...

2020-04-02 11:25:03 1228

原创 js 合并数组对象中的相同项，并统计数量和

let list=[ { id:11, name:'apple', num:2 }, { id:11, name:'apple', num:3 }, { id:22, name:'pig', num:2 }, { id:11, name:'apple', num:2...

2020-03-20 09:45:00 517

原创 javascript科学计数法转换为数字

参考function toFixed(x) { if (Math.abs(x) < 1.0) { var e = parseInt(x.toString().split('e-')[1]); if (e) { x *= Math.pow(10,e-1); x = '0.' + (new Array(e)).join('0') + x...

2020-01-14 13:33:00 1337

原创前端操作数据-处理后端数据整理

欢迎加入前端交流群来获取视频资料以及前端学习资料：749539640当后端返回的数据不是我们需要的格式或者字段名不匹配的情况下，后端又不方便修改，前端该怎么来处理呢，下面我列出了几种情况：一.数组对象不匹配后端返回数据格式：data: [ { id: '003268955', name: 'tom', age: 18 }, { id: '03...

2020-01-08 14:50:45 2159

原创学习HTML-第二章css基础

欢迎加入前端交流群来获取视频资料以及前端学习资料：749539640第二章css基础一、css简介cascading style sheets 汉译层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制，简单说就是如何修饰网页信息的显示样式。目前推荐遵循的是W3C发布的CSS3.0.用来表现XHTML或者...

2020-01-08 09:33:52 259

原创学习HTML-第一章HTML基础

欢迎加入前端交流群来获取视频资料以及前端学习资料：749539640第一章HTML基础一、.web标准的概念及组成W3C制定的结构和表现的标准;结构：(xhtml ,xml)表现：(css)ECMA制定的行为的标准;行为：（DOM ,ECMASCRIPT）结构和表现标准：1.W3C( World Wide Web Consortium )万维网联盟，创建...

2020-01-08 09:19:21 265

原创 javascript中apply 和 call 的区别

欢迎加入前端交流群来获取视频资料以及前端学习资料：749539640apply 和 call 的区别ECMAScript 规范给所有函数都定义了 call 与 apply 两个方法，它们的应用非常广泛，它们的作用也是一模一样，只是传参的形式有区别而已。apply( )apply 方法传入两个参数：一个是作为函数上下文的对象，另外一个是作为函数参数所组成的数组。var obj = {...

2020-01-07 11:05:47 156

原创 cordova+vue-cli4构建app

欢迎加入前端交流群来获取视频资料以及前端学习资料：749539640 *本文会详细的介绍如何使用cordova来打包vue项目，生成app（android）Cordova(中文官网详细介绍)是一个开源的移动开发框架。允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发,应用的实现是通过web页面，默认的本地文件名称是index.html大体思路就是把打包好的...

2020-01-06 11:54:46 1011

原创 vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件

vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件欢迎加入前端交流群来获取视频资料以及前端学习资料：749539640此文章为博客园搬家而来转载文章请注明出处！如果只是要使用轮播效果的话可以参考下一些vue组件；比如这篇文章--------2019.7.9----...

2020-01-04 01:00:11 5070

原创 svn服务端安装、权限修改以及客户端的使用

欢迎加入前端交流群交流知识获取视频资料：749539640svn服务端安装、权限修改以及客户端的使用svn服务端、客户端、汉化包:下载地址1.安装服务器端程序（傻瓜式下一步。。下一步）选择服务器和管理界面都安装选择安装路径和版本库存放路径，选择版本库的访问方式为http或https1.1安装汉化包（可选）桌面右键svn---->settings---->languag...

2020-01-04 00:47:03 224

原创网站引导功能实现

欢迎加入前端交流群交流知识获取视频资料：749539640背景：发布了新网站，需要引导用户操作或者发布了新功能需要展示给用户实现：借助driver.js第三方类库实现demo：样式如下图实现方式：点击查看示例代码api介绍： 1 const driver = new Driver({ 2 className: 'scoped-class', // 放入你...

2019-12-17 15:02:00 142

原创微信小程序双向绑定

欢迎加入前端交流群交流知识获取视频资料：749539640vue、angular的双向绑定如下示例:<div> <input type="text" [(ngModel)]="name"> {{name}}</div>你不需要多余的操作就可以实现这么简单的双向绑定，但是在小程序里就不是这么玩的了<view> <inp...

2019-07-09 11:23:00 101

原创微信小程序html（wxml）传参

欢迎加入前端交流群交流知识：749539640习惯了vue、angular用微信小程序有时候真感觉非人类。。需要用data-xxx先说下我们在vue、angular里事件传参//html<div (click)='submit(a,b,c)'></div>//ts or jssubmit(a, b, c) { }小程序里就很!nice了，!...

2019-07-09 11:14:00 106

原创什么是URL？网址的组成

欢迎加入前端交流群交流知识&&获取视频资料：749539640和Hypertext以及HTTP一样，URL是Web中的一个核心概念。它是浏览器用来检索web上公布的任何资源的机制。URL指的是统一资源定位符(Uniform Resource Locator)。URL无非就是一个给定的独特资源在Web上的地址。理论上说，每个有效的URL都指向一个独特的资源。这个资源可以...

2019-06-17 13:16:00 279

原创 angular里使用vue/vue组件怎么在angular里用

欢迎加入前端交流群交流知识&&获取视频资料：749539640如何在angularjs(1)中使用vue参考：https://medium.com/@graphicbeacon/how-to-use-vue-2-0-components-in-an-angular-application-4d85bacc42dc如何在angular2-7中使用vue将Vue组件包装为本...

2019-03-28 16:51:00 442

原创 angular4 select 绑定（ngModel）对象

欢迎加入前端交流群交流知识&&获取视频资料：749539640<h1>My Application</h1><select [(ngModel)]="selectedValue"> <option *ngFor="let c of countries" [ngValue]="c">{{c.name}}</option...

2019-03-01 10:05:00 138

原创 js 获取现在时间一个月（N天）后的日期

欢迎加入前端交流群交流知识&&获取视频资料：749539640 let today = new Date().getTime() let lastDay = getTimeByDay(30) //获取30天后的日期 let lastTime = formatTime(lastDay) console.log(lastTime);//20...

2019-02-21 16:45:00 183

原创 html转义字符换行以及回车等的使用

欢迎加入前端交流群交流知识&&获取视频资料：749539640html换行回车转义字符
换行Line feed回车Carriage Returnhtml中换行转义字符
的使用<div style="white-space: pre-line;" >阿瓦达所
啊实打实...

2019-01-10 17:30:00 323

原创纯JS监听document是否加载完成

欢迎加入前端交流群交流知识&&获取视频资料：749539640概述一个document的Document.readyState属性描述了文档的加载状态。一个文档的readyState可以是以下之一：loading /加载document仍在加载。interactive /互动(dom加载完成)文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的...

2019-01-02 18:50:00 581

原创 git放弃修改&放弃增加文件

欢迎加入前端交流群交流知识&&获取视频资料：749539640git放弃修改&放弃增加文件1. 本地修改了一堆文件(并没有使用git add到暂存区)，想放弃修改。单个文件/文件夹：$ git checkout -- filename所有文件/文件夹：$ git checkout .2. 本地新增了一堆文件(并没有git add到暂存...

2018-12-28 12:13:00 93

原创 git如何解决冲突（master分支的上的冲突--太岁头上动土）

欢迎加入前端交流群交流知识&&获取视频资料：749539640git是什么就不废话了，详情点击出现以下情况怎么解决？有个index.ts文件export const ENV = { mode: 'Production', baseUrl: '/api/web/v1', iotUrl: '/iot/web/v1',};同事A提交并修改了index.ts,...

2018-12-28 11:50:00 138

原创智能识别收货地址 javascript地址智能识别

欢迎加入前端交流群交流知识&&获取视频资料：749539640地址：https://github.com/wzc570738205/smart_parse

2018-12-17 15:09:00 614

原创 angular2 使用swiper

欢迎加入前端交流群交流知识&&获取视频资料：749539640第一步：npm install swiper --save第二步：下载swiper ts支持(http://microsoft.github.io/TypeSearch/)npm install @types/swiper --savets文件里：import swiper from "Swip...

2018-11-01 10:38:00 107

原创如何使用github来展示自己的网页

欢迎加入前端交流群交流知识获取视频资料：749539640项目文档或者单纯的html页面怎么用github来展示呢？第一步：新建库第二步：上传自己的页面(index.html需在根目录下)先把git库克隆下来进入lineShop文件夹，拷贝自己的页面进去push代码至master第三步：进去项目库，设置找到github pages，选择master(这里我们直接选择ma...

2018-10-29 14:19:00 264

原创如何在新浪云上传自己的网站（静态展示）

欢迎加入前端交流群交流知识获取视频资料：749539640最近有小伙伴问我怎么在新浪云上传自己的本地页面；大家看教程吧！第一步：肯定是去注册账号了(需要先注册微博账号，只能使用微博账号登录)注册地址：点击去注册，(需要实名认证)第二步：登录，出现这个页面就说明你离成功又近了一步；第三步：直接上图吧3.1 进入控制台=>云应用SAE3.2 创建新应用3.3 修改配置(开...

2018-10-29 13:53:00 118

原创 input file上传文件

欢迎加入前端交流群交流知识获取视频资料：749539640如何使用input[type='file']来上传文件呢？html：//angular<input type="file" (change)="fileChange($event)" placeholder="上传文件">//vue<input type="file" @change="fileChang...

2018-10-22 16:50:00 209

原创 angular4父组件向子组件传值，子组件向父组件传值的方法

欢迎加入前端交流群交流知识获取视频资料：749539640父组件向子组件传值 @Input文件目录父组件：father.template.html<h1>父组件</h1><cmt-child [data]='data'></cmt-child>father.component.tsimport { Component, ...

2018-10-19 16:43:00 84

原创 js 智能识别收获地址

欢迎加入前端交流群交流知识获取视频资料：749539640项目地址https://github.com/wzc570738205/smart_parse支持以下数据格式马云,1351111111,北京市朝阳区姚家园3楼马云1351111111北京市朝阳区姚家园3楼北京市朝阳区姚家园3楼1351111111马云北京市朝阳区姚家园3楼150-0000-0000马云生成数据格式{...

2018-10-15 10:23:00 455

空空如也

空空如也