- 博客(47)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 使用puppeteer 基于node服务Centos7系统完成web页面转换为pdf文档
前言：在window环境你可能遇不到问题，测试的时候肯定会很顺利，当你部署到线上的时候，这才是你噩梦开始的第一步，今天我把踩到的坑都记录这里，便于大家学习。前期准备工作node环境之类的在这里不在详述。一、安装puppeteer依赖因为网络原因，国内安装 puppeteer 的时候会报网络超时。这里使用 puppeteer之后使用手动下载的 Chrome 进行操作。思路很简单，安装一个不带浏览器的 puppeteer，再使用的时候将浏览器地址指向一个可执行的 Chrome 浏览器文件。#.
2021-08-12 23:17:31
422
原创 flutter项目爬坑记录
目录一、flutter内的布局二、flutter内的倒计时periodic三、flutter的生命周期四、网络请求AJAX，在这里我们不使用flutter自带的，我们使用第三方插件进行网络请求（dio插件进行请求）五、底部TabBar的组件六、路由的跳转和返回七、数据序列化（数据很多，不方便根据数据类型一一处理的时候，使用数据序列化，事半功倍）八、下拉刷新组件（RefreshIndicator）和上拉加载九、时间格式化，比如：一小时之前，刚刚等等，这里我们借助第三方插件.
2021-01-25 22:31:46
955
原创 flutter 入门，常用组件、路由跳转
一、简单介绍我们的代码都是编写在lib下以dart结尾的文件中，项目入口文件是main.dart，启动方法是void.main()在每个页面中都依赖UI库 material ，Material 是一种标准的移动端和web端的UI框架，是一套google的设计规范，flutter项目以meterial为基础一切皆为widget(组件) 在 Flutter 中，一切的显示都是 Widget 。Widget 是一切的基础 Widget 和 Widget 之间通过 child: 进行嵌套
2021-01-17 15:41:16
631
原创 在vsCode中创建flutter项目，通过命令行创建flutter项目
前提条件：你此时的flutter环境是完成ok，没有问题的，如果你还没有搭建好flutter的环境，建议参考这个博客：https://blog.csdn.net/weixin_44675537/article/details/112692236 完成环境的搭建再来学习这篇文章的知识环境：基于Windows10系统的flutter一、flutter在vsCode中创建项目 1、首先安装两个插件：Dart和Flutter，安装完成 2、同时按下 Ctrl + Shift...
2021-01-16 12:10:29
2223
原创 flutter 安装、环境配置、 入门（包教包会，看这一篇就够了）
前言：flutter是基于Windows10系统的 flutter中文官网：https://flutter.cn/docs/get-started/install/windows一、flutter安装及环境配置简单介绍1、安装配置JDK（java包安装在oracle官网下载，目前建议是1.8.x的都可以，安装时牢记安装目录，配置环境变量时需要填写） 1.1、安装完成之后配置环境变量 1.1.1、在系统变量里进行如下设置（变量名：JAVA_HOME，值：就是你...
2021-01-16 11:39:08
1264
原创 2021年 vue高频面试题
考点一：vue 的响应式原理 当创建 Vue 实例时,vue 会遍历 data 选项的属性,利用 Object.defineProperty 为属性添加 getter 和 setter 对数据的读取进行劫持（getter 用来依赖收集,setter 用来派发更新）,并且在内部追踪依赖,在属性被访问和修改时通知变化。每个组件实例会有相应的 watcher 实例,会在组件渲染的过程中记录依赖的所有数据属性（进行依赖收集,还有 computed watcher,user watcher 实例）...
2021-01-16 09:27:53
9586
3
原创 HTML-06
携程网案例结构划分头部 headeraimg主体 mainsectiondiv.leftdiv.righta最后一个section用类名单独区分俩个a，包裹img底部 footernav 里面包裹三个ap 包裹三个ap 包裹文字全屏插件的使用引入jquery、引入jquery.fullPage.js复制结构...
2021-01-15 15:31:09
132
原创 HTML-05
动画的添加如何创建动画？@keyframes 动画的名字 { }花括号内部利用百分比的形式设置动画的状态动画的百分比是针对于动画的总耗时的如何使用动画？animation-name：值为动画的名字animation-duration：设置动画的总耗时animation-iteration-count：设置动画的播放次数，可以是一个具体数值，或者也可以设置infin...
2021-01-15 15:30:57
235
原创 HTML-04
01-线性渐变background:linear-gradient(to top left,red 0%,red 30%,blue 50%,blue 100%);linear-gradient参数第一个参数：渐变的方向或者角度第二个参数第三个参数第四个参数…渐变的颜色值和渐变的百分比02-径向渐变background: radial-gradient(shape size...
2021-01-15 15:30:49
130
原创 HTML-03
01-认识css3什么是css3？CSS3是CSS2的“进化”版本，在CSS2基础上，增强或新增了许多特性，弥补了CSS2的众多不足之处，使得 Web开发变得更为高效和便捷css3现状浏览器支持程度差，需要添加私有前缀移动端支持优于PC端不断改进中应用相对广泛如何对待css3兼容问题？渐进增强（Progressive Enhancement）：一开始就针对低版本...
2021-01-15 15:30:35
125
原创 HTML-02
写代码：第一步：我们要做什么事情第二步：这件事情应该在什么时候去做网络接口online：网络连通时触发offline：网络断开时触发全屏接口requestFullScreen： msRequestFullscreen(ie全屏)cancelFullScreen：取消全屏，这个方法属于 documentfullscreenElement：判断当前状态，是否处于全屏，如果是全...
2021-01-15 15:30:26
126
原创 移动web-- 04
zepto中使用tap事件引入zeptojs注册tap事件$(ulbox).on('tap',function(){})移动端点透问题点透问题其实当两个元素叠加在一起，上面的注册touchstart事件，下面的注册点击事件，当点击上面的时候，让其上面的元素隐藏，但是也间接的触发了下面的点击事件，这就是点透问题zepto努力的解决这个问题，但是没有解决的很完美使用fast...
2021-01-15 15:29:23
72
原创 移动web-04
zepto中使用tap事件引入zeptojs注册tap事件$(ulbox).on('tap',function(){})移动端点透问题点透问题其实当两个元素叠加在一起，上面的注册touchstart事件，下面的注册点击事件，当点击上面的时候，让其上面的元素隐藏，但是也间接的触发了下面的点击事件，这就是点透问题zepto努力的解决这个问题，但是没有解决的很完美使用fast...
2021-01-15 15:29:00
69
原创 移动web-03
####轮播图点标记的设置就是轮播图走到第几张也就让第几个小点高亮也就是通过索引给对应的小点加上active类名即可再加active之前还需要做一个排他的操作，将所有的li的active类名移除掉var indicators=banner.querySelector("ul:last-of-type").querySelectorAll("li");/*先清除其它li元素的active样...
2021-01-15 15:28:46
108
原创 移动web-02
产品区域结构分析结构分为上下结构，标题和内容标题内容我们会发现内容不管怎么排列都是三张图片，而且具有共同的样式，宽50%；左浮动右浮动所以准备好这三个样式.a_50 { width: 50%; display: block;}.f_left { float: left;}.f_right { float: right;}然后当前这个...
2021-01-15 15:28:33
133
原创 PHP笔记
重点回顾###1.php标记 <?php 1.写在这个结构内的代码才会以php语法解析 2.写在这个结构外的代码会原样返回 ?>#2、输出内容的方式 echo:输出多个字符串print:输出一个字符串值print_r:可以输出复杂数据类型，如数组，以键值对的形式输出var_dum...
2021-01-15 15:25:32
246
原创 Flutter 学习
一、认识Fluter几乎完全还原手机app，相当于原生app。二、环境搭建（Windows） Windows 7以上64位系统，磁盘空间大于3个G，因为要安装模拟虚拟机 1、java环境的安装，下载地址：java下载地址--自己现在相应的版本，下载安装完成之后，在终端中输入 java，出现选项帮助即为安装成功 2、下载安装FlutterSDK，下载...
2021-01-15 15:21:41
1227
原创 docker-compose 安装jenkins及前端配置
工欲善其事，必先利其器环境：CentOS 7.x 提前安装好docker 和docker-compose java环境一、创建jenkins.yml文件并配置相关内容我把创建的docker容器都放在了/home/docker-compose下在docker-compose下创建jenkins.yml。将下面的配置文件粘贴进去version: '3.7'services: jenkins: image: jenkins/jenkins:lts c
2021-01-10 23:30:02
829
原创 docker-compose 让你快速拥有自己的研发项目管理平台
工欲善其事，必先利其器部署环境：CentOS 7.x 首先你需要安装了 docker 和docker-compose,然后你才能愉快的进行部署自己的禅道一、下载镜像执行：docker search zentao //查找是否有禅道镜像docker pull idoop/zentao //拉取禅道镜像二、编写禅道yml文件cd /home/docker-compose //进入这个目录，你们的写自己的，这个里面是我自己的vim zentao.yml //编辑yml
2021-01-09 23:17:01
221
原创 docker-compose快速搭建自己的gitLab
工欲善其事，必先利其器环境 Linux CentOS 7.x 服务器配置要求 最低是2核2G一、安装docker-compose从gitHub上直接拉取会很费时间，如果你对自己的网速很有自信，你可以使用此地址进行下载：curl -L https://github.com/docker/compose/releases/download/1.20.0/docker-compose-`uname -s`-`uname -m` -o /usr/local/bin/docker-compose使用国
2021-01-09 18:27:39
398
转载 前端项目部署到云服务器
前端开发完成的项目，不管是使用vue、react、或者是别的web项目，最终都是要部署到外网上，让用户可以通过域名来访问。这篇文章以一个 react 移动端的项目为例，讲怎样将自己本地的项目部署到阿里云服务器上。文章比较长，第一次部署项目的大体流程如下：部署前的准备，项目打包、阿里云服务器准备； 本地连接阿里云服务器； 服务器安装epel仓库; 服务器安装nginx； 启动nginx，如果出现无法访问网站，需要检查端口号的配置； 上传本地文件到服务器； 服务器配置nginx代理； 服务
2021-01-03 17:05:42
7211
1
原创 node 项目部署到云服务器
我们以CentOs7为例。后台是通过node + express 搭建的一、在服务器上部署node环境及npm1、使用wget命令从nodejs官网拉取要安装的版本：wgethttps://npm.taobao.org/mirrors/node/v10.16.2/node-v10.16.2-linux-x64.tar.xz2、使用 xz -dnode-v10.16.2-linux-x64.tar.xz进行解压得到node-v10.16.2-linux-x64.tar， 然...
2021-01-02 16:05:47
818
原创 关于mongodb 在windows 和 linux CentOs7.x系统上的安装步骤详解
一、mongodb的简介MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。可以向书写js一样操作数据库，是前端同学的福音，你确定不想体验一把吗？mongodb下载链接：https://www.mongodb.com/try/download/community；到达官网 选择 On-Premises 在点击 Mo.
2021-01-01 22:44:37
285
2
原创 react + node 前后端同时开发的项目（交友聊天的H5）- （附前后端源码）
一、项目介绍：此项目为一个前后台分离的交友的SPA,包括前端应用和后端应用。主要页面有：注册、登录、信息完善、用户列表、聊天、个人中心等二、技术栈：前端技术栈：React全家桶 + ES6 + Webpack + axios + socket.io + Cookie + antd- mobile等技术后端技术栈：Node + express + mongodb + socketIO等技术三。项目效果展示：帅哥用户的展示的美女列表：美女页面和大神几乎一样，只是展示的帅哥列表
2021-01-01 22:07:46
1123
原创 前端人的后台语言Node.js
Node: node是为javascript提供服务端执行代码的环境（平台）JavaScript目前是谷歌浏览器的 V8 引擎解析NodeJs中JavaScript的组成部分：ECMAscript 全局成员 核心API模块NodeJs中没有BOM和DOM 但是ECMAscript是共有的let 和 const let：没有变量提升 必须先定义后使用 存在 {} 块级作用...
2020-11-11 22:27:38
379
原创 前端的两大悍将html~~css
html css1、网页的组成网页主要由文字、图像和超链接、音频、视频以及Flash等元素构成。2、常用浏览器及内核浏览器是网页显示、运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。Safari – webkit Chrome --blink3、W3C标准作用及web 标准三层组成约束浏览器...
2020-11-11 22:26:18
174
原创 前端开发规范要求，千里之提，溃于蚁穴，知规范走的更远
Web前端开发规范手册一、规范目的1.1 概述为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后可以更改此文档.二、文件规范2.1 文件命名规则文件名称统一用小写的英文字母、数字和下划线的组合，其中不...
2020-11-11 22:25:37
793
原创 关于移动web的那些事
二倍图的概念二倍图就是设计人员在设计ui图的时候是参照手机的二倍来设计的二倍图的作用：防止图片失真####移动端调试的两种方法模拟调试：用电脑的浏览器模拟手机端真机调试手机和电脑必须在同一个网络下将页面以live server的形式打开打开运行cmd输入ipconfig查找到无线局域网的wlan ipv4地址将ip地址复制之后将浏览器中的127.0.0.1替换掉将地址用二维...
2020-11-11 22:24:32
143
原创 javascript高级进阶，带你体验js高级语法
javascripe高级**面向对象：**面向对象是一种思想，是解决问题的一种思路，即把一个大型的项目分解为对象进行完成，当把分解的每个对象完成后，进行串接，整个项目也就完成了。针对的是对象，针对对象进行问题处理JavaScript的组成：ECMAscript组成：变量、数据类型、类型转换、操作符流程控制、判断、循环语句数组、函数、作用域、预解析对象、属性、方法、简单数据类型、复杂...
2020-11-11 22:23:56
215
原创 Javascript基础，让小白一看就会的基础
Javascript笔记一、书写为位置分三种:行内js（不推荐使用） 内部js（学习期间使用） 外部js（工作实际开发中常用）常用的三个输入输出语句：alert（ ）； console.log（ ）； prompt（ ）;为什么要用变量：有些数据我们需要保存起来，方便后期使用什么是变量：变量本质就是一个容器（盒子），用来保存数据；就是在内存中申请一块用来保存数据的空间。为什么要有...
2020-11-11 22:23:21
97
原创 vuex状态管理，用最朴实的话讲解最难懂的技术，
一、案例演示引入vuex1.利用npm包管理工具，进行安装 vuex。在控制命令行中输入下边的命令就可以了。npm n install vuex --save需要注意的是这里一定要加上 –save，因为你这个包我们在生产环境中是要使用的。2.新建一个vuex文件夹（这个不是必须的），并在文件夹下新建store.js文件，文件中引入我们的vue和vuex。import ...
2020-11-11 22:22:04
105
原创 angular初体验
项目初始化： 1 安装脚手架：npm i -g @angular/cli 2 初始化项目：ng new my-app my-app 是项目名称，可以修改为自己喜欢的名称 3 进入目录：cd my-app 4 启动项目：ng serve --open 目录结构：.├── e2e 端到端测试目录├── s...
2020-11-11 22:21:05
244
原创 创建Vue选项介绍及vue目录详解（webpack）
postcss.js == > 兼容处理，根据不同的浏览器进行设置不同的css前缀（prefix），我们还需要指定一个浏览器兼容表，就能实现自动加前缀。 运行npm i postcss-loader autoprefixer -D 命令 .browserlistrc == > 浏览器兼容表，例如：1% in CN android >= 4.4 ios >= ...
2020-11-11 22:19:42
464
原创 小白都能看能的Vue，轻松上手，搭建大型项目轻轻松松
Vue.js笔记1.指令：v-cloak: 主要功能是解决Vue存在的插值表达式 闪动问题v-text: 用于将数据填充到标签中，和插值表达式作用相同v-html: 用法和 v-text 相似，但是也可以将html片段填充到标签中v-once: 只加载一次，后续数据改变，插值内容数据将不再改变v-model: 双向数据绑定，当数据改变时，数据具有双向改变的特性v-pre: 跳过编译过...
2020-11-11 22:15:26
472
原创 零基础学习微信小程序，个人整理的笔记，都是精华
什么是微信开发微信对外开放了很对接口和能力，程序员基于这些功能进行的二次开发，叫做微信开发微信开放平台微信开放平台是微信对外提供微信开放接口的一个平台，这些开放出来的微信接口，供第三方的网站或App使用；平台登录地址：微信平台登录网址微信开放平台的能力 微信分享 微信支付 微信登录 微信收藏 etc… 使用微信开放平台的人员...
2020-11-11 22:14:20
1300
3
原创 websocket上手
一、websocket介绍 Socket.IO支持及时、双向与基于事件的交流。它可以在每个平台、每个浏览器和每个设备上工作，可靠性和速度同样稳定socket最大的特点是服务端可以主动向客户端推动新型，客户端也可以主动向服务端发送信息。在socket API中，浏览器和服务器只需要做一个握手动作，然后浏览器和服务器之间就形成了一条快速通道，两者之间就直接可以数据互传。二、为什么要使用websocket？ 我们知道浏览器已经支持http协议，但是http协议是一种单...
2020-10-19 11:02:17
199
原创 js高级- 原型和原型链简单介绍
万物皆对象，js中其实也是只有一种结构：对象。每个实例对象（object）都有一个私有属性（__proto__），同时指向它的构造函数的原型对象（prototype），该原型对象也有自己的原型对象（__proto__），层层向上直到一个原型对象为null，null没有原型，并作为这个原型链的最后一个环节。在js中，几乎所有的对象都是位于原型链顶端的Object的实例中const arr =[]arr.__proto__ === Array.prototype //truearr.__pr
2020-10-12 17:18:39
135
原创 HTML5~~Css3
####什么是html51.H5并不是新的语言，而是html语言的第五次重大修改–版本2.支持：所有的主流浏览器都支持h5.（chrome,firefox,safari。。。）。IE9及以上支持h5(有选择的支持，并不会全部支持),但是ie8及以下不支持h5.3.改变了用户与文档的交互方式：多媒体：video audio canvas4.增加了其它的新特性：语义特性，本地存储特性，网页多...
2020-08-25 10:23:36
179
原创 git可视化图形管理工具SourceTree，让你不再手动敲代码
SourceTree简介解放双手，专心开发业务，不用为别的事情操心，SourceTree做到了。SourceTree 是 Windows 和Mac OS X 下免费的 Git 和 Hg 客户端管理工具，同时也是Mn版本控制系统工具。支持创建、克隆、提交、push、pull 和合并等操作。SourceTree拥有一个精美简洁的界面，大大简化了开发者与代码库之间的Git操作方式，这对于那些不熟悉Git命令的开发者来说非常实用。SourceTree拥有完整的Git功能： 通过一个简单的用户界
2020-08-25 10:21:12
659
原创 js color颜色十六进制转换为RGB数值
共分三步：一、确定所获得颜色格式是 - “#931245” ，然后进行字符串切割（去除#）二、同样通过字符串切割进行三组数据转换代码事例：<script> //js使用十六进制颜色生成RGB信息 function getNumber(color) { return (color.charAt(0)=="#") ? color.substring(1,7):color } function getR(color) ..
2020-08-05 17:51:56
2129
gradle-4.x.all.zip适用flutter下载gradle慢的小伙伴
2021-01-22
reactApp.zip
2021-01-20
基于vue实现的前端+后端的一个后台管理项目
2021-01-20
gradle-5.x.all.zip，懂的下载，保证你满意而归
2021-01-20
gradle-6.x，懂的下载，保证你满意而归
2021-01-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人