web前端
极地雪狼li
IT行业
展开
-
程序员的副业路
远程工作绝对是未来的趋势。不管是全职还是兼职,远程办公更加提供了更加自由的工作环境,而现在所有远程办公的平台,目前对新手最友好的,我个人觉得是云队友平台。不仅提供了新手教程任务,而且新手教程任务还是有薪酬的! ! !重点是薪酬。很多平台用起来比较麻烦。云队友平台不仅PC端可以使用,移动端也可以使用,事实查看任务进度。云队友远程工作平台,是-一个提供远程工作招人,用人管理的平台,平台有数十万优质人才提供远程工作服务,也有大量远程全职/兼职的职位。平台涉及的范围包括技术、运营、设计、产品、HR、翻译等多种原创 2021-11-23 10:21:38 · 424 阅读 · 0 评论 -
我的自由工作平台
上班族不应该只有那点死工资,所以现在流行发展自己的副业,这样,即使自己没工作了,自己的副业也可以养活自己,这就是现在广受大家接受的远程兼职,自己在这方面也摸索了好多,看了好多平台,个人觉得云队友还是比较不错的远程工作绝对是未来的趋势。云队友网页链接云队友远程工作平台,是-一个提供远程工作招人,用人管理的平台,平台有数十万优质人才提供远程工作服务,也有大量远程全职/兼职的职位。平台涉及的范围包括技术、运营、设计、产品、HR、翻译等多种类目,满足企业的远程用人需求和人才的远程工作需求。也有资金安全工具,原创 2021-11-21 19:19:16 · 535 阅读 · 0 评论 -
细数阿里 25 个开源的前端项目
内容简介:AntVG2 是一套基于可视化编码的图形语法,以数据驱动,具有高度的易用性和扩展性,用户无需关注各种繁琐的实现细节,一条语句即可构建出各种各样的可交互的统计图表。数据驱动的高交互可视化图形语法 AntV - G2AntVG2 是一套基于可视化编码的图形语法,以数据驱动,具有高度的易用性和扩展性,用户无需关注各种繁琐的实现细节,一条语句即可构建出各种各样的可交互的统计图表。...转载 2020-03-12 16:14:40 · 5112 阅读 · 1 评论 -
10 个牛逼的后台开源项目,接私活赚钱必备!
做程序员的,除了本职工作外,不少人会有一份副业,帮人开发网站或小程序等。这些工作肯定是离不开向客户交付管理后台的,那么一套又漂亮又省力的后台框架,就可以大幅节约你的开发成本。本文推荐了十个不错的开源项目,值得收藏!Web 开发中几乎的平台都需要一个后台管理,但是从零开发一套后台控制面板并不容易,幸运的是有很多开源免费的后台控制面板可以给开发者使用,那么有哪些优秀的开源免费的控制面板呢?...转载 2020-03-11 09:49:13 · 4429 阅读 · 0 评论 -
HTML页面每次打开的时候都清除页面缓存
解决办法为:(1) 用HTML标签设置HTTP头信息<meta http-equiv="Pragma" content="no-cache">header("Cache-Control: no-cache, must-revalidate")<meta http-equiv="Cache-Control" content="no-cache"><met...原创 2018-03-20 10:43:02 · 13248 阅读 · 0 评论 -
Web前端单词大全(html+css+js+vue)
style 修饰width 宽度height 高度title 想说明的text-align 水平对齐方式center 居中 left 居左 right 居右line-height 垂直对齐方式/行高 当行高等于高度时候垂直居中background 背景image 引入背景图片(url)background-position: 背景定位(x轴,y轴;)background-re......原创 2018-05-18 12:47:03 · 50743 阅读 · 49 评论 -
H5调用相机,裁剪,压缩照片
最近项目中遇到拍照,预览上传的问题,苹果手机不兼容,拍照旋转90度,在网上查找出好多方法,都无效,最后用input调用相机,然后用canvas画布裁剪照片,压缩保存,代码如下。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta n...原创 2018-08-16 18:12:45 · 1195 阅读 · 0 评论 -
Vue使用Axios实现http请求以及解决跨域问题
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。Axios的中文文档以及github地址如下:中文:https://www.kancloud.cn/yunye/axios/234845github:https://github.com/axios/axiosvue路由文档:https://router.vuejs.org/zh/一、安...转载 2018-08-22 16:22:16 · 1690 阅读 · 0 评论 -
微信开放平台开发(2) 微信登录
在这篇微信公众平台开发教程中,我们将介绍如何使用微信开放平台接口实现微信扫码登录的功能。准备工作网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。在进行微信OAuth2.在进行微信OAuth2.0授权登录接入之前,在微信开放平台注册开发者帐号,并拥有一个已审核通过的网站应用,并获得相应的AppID和AppSecret,申请微信登录且通过审核后,可开始...转载 2018-08-23 16:38:53 · 1261 阅读 · 0 评论 -
Swiper4.x的全部配置选项、方法、函数,具体使用
一、Swiper4.x的全部配置选项、方法、函数1.swiper一般选项1.1initialSlide设定初始化时slide的索引。设置为1后,Swiper初始化时默认显示第2个轮播图1.2direction设置Slides的滑动方向,可设置水平(horizontal)或垂直(vertical)。horizontal:横向切换 ,vertical:竖向切换。1.3speed切换速度...转载 2018-08-16 15:39:32 · 4713 阅读 · 0 评论 -
js笔记一:js中 forEach,for in,for of循环的用法
for in是ES5标准,遍历key. for of是ES6标准,遍历value.js中循环语句有forEach,for in,for of 三种了一般的遍历数组的方法:var array = [1,2,3,4,5,6,7];for (var i = 0; i < array.length; i) { console.log(i,array[i]);} 结果如下:...转载 2018-08-18 12:30:36 · 342 阅读 · 0 评论 -
js时间相互转换:时间戳转为时间字符串
时间戳转为时间字符串function formatDate(date, format) { if (!format) format = "yyyy-MM-dd HH:mm:ss"; date = new Date(parseInt(date)); var dict = { "yyyy": date.getFullYear(), ...转载 2018-08-15 22:53:25 · 2524 阅读 · 0 评论 -
应该如何搭建webpack+react开发环境
这次给大家带来应该如何搭建webpack+react开发环境,搭建webpack+react开发环境的注意事项有哪些,下面就是实战案例,一起来看一下。 环境主要依赖版本 [email protected] [email protected] [email protected] [email protected] [email protected]...转载 2018-08-15 22:22:36 · 149 阅读 · 0 评论 -
pc端和移动端集成第三方快捷登录 --- 微博为例
通过新浪微博的开放平台去注册一个应用。之后你会得到一个App Key和一个App Secret。拥有它们,你才可以申请权限。2、在高级信息中编辑授权回调页,这里与后面代码里的回调地址要一致3、 微博登录标识的地址如下:https://api.weibo.com/oauth2/authorize?client_id=YOUR_CLIENT_ID&response_t...原创 2018-08-15 10:18:12 · 4305 阅读 · 0 评论 -
表单元素input type类型为text在火狐浏览器下默认显示红色边框的处理办法
在样式表里设置样式input[required]:invalid,input:focus:invalid,textarea[required]:invalid,textarea:focus:invalid { box-shadow: none;}想要整理更多的碎片知识,扫码关注下面的公众号,让我们在哪里接着唠!...原创 2018-08-02 19:37:34 · 2178 阅读 · 0 评论 -
vue组件: todolist功能开发,todolist组件拆分,todoLidt删除
通过todolist案例学习vue中组件的概念和使用‘1、 todolist功能开发使用v-model、v-on(@)、v-for指令实现todolist功能实例:<div id="root"> <input type="text" v-model:value="inputValue"> <button @click=".转载 2018-08-26 20:17:53 · 555 阅读 · 0 评论 -
Vue.js中文API阅读笔记以及踩坑总结
api地址:Vue.js中文APIVue参考MVVM模式,使用vm (ViewModel 的简称)来表示Vue实例,这也是官方推荐的使用vm表示vue实例 vue是一个虚拟DOM的,以数据驱动为核心的前端框架。数据驱动也可以称为响应式系统,当属性的值发生变化时,视图都会“及时响应”,并更新相应的新值。 实例生命周期钩子函数 每个 Vue 实例在被创建之前,都要经过...原创 2018-08-26 23:25:53 · 1732 阅读 · 0 评论 -
js常用方法总结
//一、检测浏览器是否支持svgfunction isSupportSVG () { var SVG_NS = 'http://www.w3.org/2000/svg'; return !!document.createElementNS && !!document.createElementNS(SVG_NS, 'svg').createSVGRect;}...原创 2018-08-22 17:55:36 · 286 阅读 · 0 评论 -
angular2+常见的错误应用汇总
一、angular2 ng build --prod 报错:Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory'原因: angular-cli 版本低。 解决办法一: 1、 rm -rf node_modules/ 2、 npm install --save-dev @angular/...原创 2019-08-13 14:44:33 · 610 阅读 · 0 评论 -
滴滴 Web 移动端组件库 cube-ui 开源
今天看到滴滴web移动端组件库cube-ui开源了,顺便拿过来记录下,方便今后使用 字号滴滴 WebApp 团队在去年底用 Vue.js 2.0 对业务进行重构,并开发了一套移动端组件库 cube-ui 支撑业务的开发。经过了一年多的业务考验,cube-ui 也日趋成熟,而且我们相信除了在滴滴内部,cube-ui 也一定也有它的用武之地。好的东西必须要和大家分享,所以我们非常开心的告诉大家...转载 2018-09-20 12:29:03 · 2452 阅读 · 0 评论 -
最简单的轮播图实现
需求:每隔2秒切换一张图片的效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</title> <style type="text/css"></style> &l...原创 2018-09-20 11:36:56 · 2119 阅读 · 1 评论 -
async/await 让自己的代码更加简洁
async/await 是如何让代码更加简洁的?现代的JavaScript项目有时候会面临失控的危险。其中有个主要的原因就是处理异步任务中的混乱,它们会导致冗长、复杂和深度嵌套的代码块。JavaScript现在为这种操作提供了新的语法,它甚至能够将最复杂的异步操作转换成简洁且具有高度可读性的代码。背景AJAX(异步JavaScript与XML)首先,我们来回顾一下历史。在20世纪9...转载 2018-09-18 17:11:26 · 322 阅读 · 0 评论 -
Angularjs 实现多图片上传预览
先看效果图图片上传的预览,我们最主要解决的是拿到input的on-change事件,再是读取图片,读取图片我们需要用到FileReader。我们先写一个读取图片的服务,这是网上的一位大神写的,直接用了/** * 图片上传获取返回的url */function fileReader ($q, $log){ var onLoad = function(reader, de...原创 2018-08-29 15:25:23 · 1214 阅读 · 2 评论 -
angular限制字符超过一定的字数隐藏字数显示省略号
自定义一个过滤器js代码function CarouselContentFilter ( ) { return function (str) { if(str){ var carContent = ''; if(str.length >= 50){ str.length = 5...原创 2018-08-27 11:12:18 · 5358 阅读 · 0 评论 -
animate.css动画库使用方法介绍
Swiper(Swipermaster)是目前应用较广泛的移动端网页触摸内容滑动js插件,下面是一些动画相关的总结。animate.css动画库简介Animate.css是由Dan Eden的Daniel Eden使用CSS3的animation制作的动画效果的CSS集合。它预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/...原创 2018-08-14 20:34:02 · 1642 阅读 · 0 评论 -
angularJS-滚动到底部加载数据实现分页 --- 通过指令实现
<!DOCTYPE html><html ng-app="myPro"><head> <meta charset="UTF-8"> <title>angularJS-滚动到底部触发事件</title> <script src="https://cdn.bootcss.com/angular....原创 2018-08-11 21:13:57 · 2294 阅读 · 0 评论 -
ionic系列:$state.go()传递对象参数
1.在目标页的路由中设置需要接收对象key值:.state('tab.myView', { url: '/main/myView?jsonObj', cache:'false', views: { 'tab-main': { templateUrl: 'templates/main/myView.html', params: {'jso...原创 2018-07-16 15:09:52 · 714 阅读 · 0 评论 -
ionic + angular开发篇之踩坑集
一、API篇1.接口无法访问百度地图、自定义API无法访问,远程调试结果显示404 原因是cordova 5.x的版本增加了“Content-Security-Policy”用于解决安全访问的问题。默认情况下,只能访问本机资源。解决方法: 1.添加白名单插件,在项目目录下执行ionic plugin add cordova-plugin-whitelist12.在index.html头部增加<...转载 2018-07-08 15:43:22 · 4006 阅读 · 1 评论 -
最全整理浏览器兼容性问题与解决方案
常见浏览器兼容性问题与解决方案 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前,我想把前端开发人员划分为两类:...转载 2018-06-07 13:45:43 · 418 阅读 · 0 评论 -
ionic 通过PouchDB + SQLite来实现app的本地存储(Local Storage)
参考地址:http://gonehybrid.com/how-to-use-pouchdb-sqlite-for-local-storage-in-your-ionic-app/1. ionic是跨平台app开发的工具(Cordova)的一个框架!2.PouchDB是操作SQLite数据库的javascript库(跟mongoose操作mongodb一样)!3.SQLite是一种轻量级的嵌入式数据...转载 2018-06-14 10:30:18 · 335 阅读 · 0 评论 -
JS面向对象思想(OOP)
直接看js好了,模拟创建一个奥运会function 奥运会Class(主题) { // 删除主题 // delete this.主题; this.主题 = 主题; this.开幕时间; this.闭幕时间; this.公告簿 = ""; //模拟开幕 this.开幕 = function () { this.开幕时间 = "2012年7月...转载 2018-06-14 08:34:27 · 1088 阅读 · 0 评论 -
H5混合开发中android终端和ios终端常见的兼容问题
1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio=2。现在android比较乱,有1.5的,有2的也有3...转载 2018-06-07 08:59:20 · 5906 阅读 · 0 评论 -
angular动态按需加载
ionic 框架1.引用index.html 加载<script type="text/javascript" src="lib/oclazyload/ocLazyLoad.min.js"></script>2.注入angular.module('starter', ['ionic', 'oclazyLoad'])3.配置.state('app...原创 2018-06-12 19:15:13 · 1922 阅读 · 0 评论 -
$rootScrope以及和$scope的区别?及表达式 {{yourModel}}的工作原理
通俗的说$rootScrope 页面所有$scope的父亲。1.Angular解析ng-app然后在内存中创建$rootScope。2.angular回继续解析,找到{{}}表达式,并解析成变量。3.接着会解析带有ng-controller的div然后指向到某个controller函数。这个时候在这个controller函数变成一个$scope对象实例。表达式{{yo...原创 2018-05-29 09:40:48 · 939 阅读 · 0 评论 -
angular1.x 至少三种实现不同模块之间通信方式?以及改善Angular 性能
Service events,指定绑定的事件 使用 $rootScope controller之间直接使用$parent,$$childHead等 directive 指定属性进行数据绑定 改善Angular 性能官方提倡的,关闭debug,$compileProvidermyApp.config(function ($compil...原创 2018-05-29 09:04:20 · 1843 阅读 · 0 评论 -
DOCTYPE的作用,取值与区别
在学习html时没有特别关注写在头部的doctype,只知道那是声明文档类型用的,昨天被阿里的面试官问到doctype有几种类型,一下答不上来,之后通过查阅资料,决定整合一下自己所看到的关于doctype的理解。DOCTYPE是document type(文档类型的)的简写。用来说明你用的是XHTML获HTML是什么版本。<strong>DOCTYPE声明必须放在每一个XHT...原创 2018-05-27 21:40:04 · 314 阅读 · 0 评论 -
将一个div水平垂直居中的6种方法
方案一:div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】,兼容性:,IE7及之前版本不支持div{ width: 200px; height: 200px; background: green; position:absolute; left...原创 2018-05-22 23:00:49 · 21233 阅读 · 0 评论 -
布局的几种方式(静态布局、自适应布局、流式布局、响应式布局、弹性布局)
一、静态布局(static layout)即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。1、布局特点 不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动条,如果大于这个宽度则内容居中外加背景,这种设计常见于pc端。2、设计方法 PC:居中布局,所有样...转载 2018-05-22 22:53:24 · 5486 阅读 · 0 评论 -
Angular 1项目构建心得(一)
目录结构如下:目录结构注意:用运了gulp前端构建工具,将src原始路径下的代码,重新构建到build文件夹下面。(一)项目的目录结构和技术架构。 拿到项目后首先要搭起目录结构和技术架构,我用了angular+gulp+bootstrap构建项目,angular框架用于前后端分离和系统模块化,gulp用于压缩,生成版本号和ES6的编译等。项目的目录结构也是先以功能划分模快,然后根据ang...转载 2018-07-11 20:37:44 · 2757 阅读 · 0 评论 -
Angular系列学习笔记(二)—— 基于gulp构建Angular单页面应用
前言构建打包工具之前一直是使用 webpack(歪脖帕克,毕竟尤大推荐的工具),由于公司这边是使用gulp,为了和公司同步,私下还是要学习学习,毕竟懂点万一需要和老大交流也不至于说有啥问题,这篇文章将会以零基础的角度去写一下基于gulp搭建angular的工程,借这个机会顺便重构一下自己的博客。gulp基础入门在开工之前确保自己已经安装了node环境,没有安装的自行安装好node,安装的时候默认会...转载 2018-07-11 21:23:44 · 790 阅读 · 0 评论