随笔分类 -  前端积累

1
记录npm yarn安装遇到的问题
摘要：记录工作或者学习中包管理安装丶更新依赖遇到的问题： 一：vue项目 yan run build打包时候提示 To use this template, you must update following to modules: npm: 6.5.0-next.0 should be >= 3.0.0 阅读全文
posted @ 2020-03-16 11:40 给你添麻烦了 阅读(3484) 评论(0) 推荐(0)
og协议-有利于SNS网站分享
摘要：一丶前言 全球快递toWhere官网发现使用og协议，并且支付宝和淘宝活动源码也会添加og协议，查阅资料弄清og协议是什么，此刻附上og协议官方文档 一丶什么是og协议 Open Graph通讯协定(Protocol)本身是一种制定一套Metatags的规格，用来标注你的页面，告诉我们你的网页代表哪 阅读全文
posted @ 2019-04-17 17:28 给你添麻烦了 阅读(2166) 评论(0) 推荐(0)
升级node后还是原来版本问题
摘要：解决升级node后，已经安装了最新的版本，但是默认的node版本不是最新版本还是当前版本。 最近遇到个错误：The engine node is incompatible with this module. Expected version ^6.14.0 || ^8.10.0 || >=9.10. 阅读全文
posted @ 2019-03-01 16:00 给你添麻烦了 阅读(10513) 评论(0) 推荐(0)
浅谈前端nuxt（ssr）
摘要：SSR： 服务端渲染（Server Side Render），即：网页是通过服务端渲染生成后输出给客户端。 一、那为什么要使用SSR呢？ 我用一句话理解的就是降低SPA(Single Page Application)首屏渲染的时间，解决SPA不利于SEO(Search Engine Optimiz 阅读全文
posted @ 2019-02-26 16:14 给你添麻烦了 阅读(5071) 评论(0) 推荐(0)
支付-stripe
摘要：国外三大支付paypal,braintree,stripe,有兴趣可以去了解一下他们的区别。 支付宝和paypal基本只需要发送charge信息请求交给后端做就ok了，那么stripe前端也只需要收集卡信息，拿到token给后端就ok了。 那就来说说主角stripe支付：官方文档 stripe官方说 阅读全文
posted @ 2018-07-18 21:01 给你添麻烦了 阅读(25581) 评论(6) 推荐(2)
开发小程序(填坑之路，遇到一点就更新一点)
摘要：1.开发小程序发送请求时，报错不在以下合法列表中： 在开发工具详情中设置： 请参考微信官方文档：关于小程序网络相关API说明 2.如果你需要权限验证(如登录后访问)，小程序不像浏览器能帮你自动携带cookie信息，那么你需要自己写在将cookie写入请求hedear中，不然每次请求都通不过权限验证。 阅读全文
posted @ 2018-07-05 15:16 给你添麻烦了 阅读(830) 评论(0) 推荐(1)
FreeMarker与Thymeleaf
摘要：FreeMarker 是一个模板引擎，一个基于模板生成文本输出的通用工具，使用纯 Java 编写，FreeMarker 被设计用来生成 HTML Web 页面，特别是基于 MVC 模式的应用程序，虽然 FreeMarker 具有一些编程的能力，但通常由 Java 程序准备要显示的数据，由FreeMa 阅读全文
posted @ 2018-04-28 17:43 给你添麻烦了 阅读(33415) 评论(2) 推荐(2)
mpvue构建小程序(步骤+地址)
摘要：mpvue 是一个使用 Vue.js 开发小程序的前端框架（美团的开源项目）。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。 mpvue你可以使用你熟悉的 阅读全文
posted @ 2018-04-03 14:05 给你添麻烦了 阅读(29797) 评论(5) 推荐(4)
实现数字滚动增长效果
摘要：前言： 产品需求：针对数据总计做到动态的增长到后台返回的数据值。效果如同：https://www.uship.com/。 因为不同位置的增长速度不同，在网上看到都是用引入插件，例如jquery.animateNumber和numberGrow.js(实现了可见区域动态增长)，都有用法和效果展示。 但 阅读全文
posted @ 2018-03-29 18:22 给你添麻烦了 阅读(5807) 评论(0) 推荐(0)
google sitemap
摘要：引言 刚开始以为要一个绿色快速通道网页，涵盖常用的地址链接，以便于google的爬虫统计数据，然后看了google sitemap站点文档，原来站点地图是一种文件，您可以通过该文件列出您网站上的网页，从而将您网站内容的组织架构告知 Google 和其他搜索引擎。Googlebot 等搜索引擎网页抓取 阅读全文
posted @ 2018-03-01 15:02 给你添麻烦了 阅读(2338) 评论(0) 推荐(1)
2017再见，2018元气满满
摘要：今天是2017年最后一天，做个年终总结，完成今天的任务，可以早早下班回家跨年了~ 今天任务邮箱模板：(邮箱不能使用外部链接，图片除外) 参考链接：邮件html编写指南 邮箱模版中属性兼容性 在邮箱中html可以使用p div等，并不是一定要用table布局，可以将样式写在<style></style 阅读全文
posted @ 2017-12-29 18:26 给你添麻烦了 阅读(415) 评论(0) 推荐(0)
搭建angular1 gulp项目(上传到gitup)
摘要：（安装好相关的前端环境） 此项目只是test demo，已经上传到gitup中，需要可以clone下来看看，项目地址: angular-gulp 1.新建一个文件夹，名字为angular-gulp，dos命令切换到该目录，输入npm init，继续添上你需要的信息，ok之后目录中多了package. 阅读全文
posted @ 2017-12-26 17:33 给你添麻烦了 阅读(1008) 评论(1) 推荐(0)
异步下载圆形进度条显示进度
摘要：圆形进度条参考链接即可：使用css3实现圆形进度条 需求点击下载后遮罩层显示下载进度： 1.圆形进度条参考以上链接，有点小瑕疵，可更改定位距离实现重合。 2.遮罩层： .lbOverlay{ display: none; position: fixed; left: 0; top: 0; zoom: 阅读全文
posted @ 2017-12-22 17:45 给你添麻烦了 阅读(956) 评论(0) 推荐(0)
angular自定义分页组件(实用)
摘要：功能描述：分页，点击按钮或者下一页获取分页接口，同时active到对应页码。 html模块： controller模块： directive模块: directive模板： 阅读全文
posted @ 2017-12-04 18:10 给你添麻烦了 阅读(2601) 评论(0) 推荐(0)
传统controller与controllerAs
摘要：传统controller与controllerAs(前面为传统，后面为controllerAs,分割线分隔): 路由模块： 控制器模块： html模块: 为什么使用controllerAs: 1.$scope是基于原型进行继承的，比如说当我们查找一个user对象时，angular会先查找当前$sco 阅读全文
posted @ 2017-10-20 14:12 给你添麻烦了 阅读(1462) 评论(0) 推荐(0)
angular封装七牛云图片上传，解决同一页面多个上传按钮分别上传
摘要：step1:引入文件 引入Plupload *该SDK上传功能集于Plupload插件封装，所以需要下载Plupload; plupload.dev.js 引入qiniu.js为了简便，当时直接从官网示例中复制的js文件 引入moxie.js因为Plupload插件除了能解决h5的上传问题，还能上传 阅读全文
posted @ 2017-09-24 22:54 给你添麻烦了 阅读(2214) 评论(0) 推荐(0)
点击下拉框以外的区域关闭下拉框
摘要：1.写一个下拉框 html部分： css部分： 2.点击弹框出现下拉框 3.点击下拉框以外的区域关闭 4.效果（点击其他区域下拉框收起） 阅读全文
posted @ 2017-09-12 11:28 给你添麻烦了 阅读(4600) 评论(0) 推荐(0)
angularf封装echarts
摘要：前言：angular中快速使用echarts 在html使用ehart很简单，你只需要引入文件和按照官方例子按照对应参数配置和数据填充就Ok了，那么在angular中怎么使用eharts(可以使用echarts3)，你只需要去看个官方提供的demo，大致知道图形通过做哪些事构建出来的就行。 步骤： 阅读全文
posted @ 2017-09-10 23:41 给你添麻烦了 阅读(4043) 评论(0) 推荐(1)
Jquery对话框基本配置
摘要：Jquery弹框以及常用参数配置 使用方法: $.createDialog({ id : 'dialog', url:'/model/guide.html',//路由链接 title:'弹框案列',//标题 width : 700, height : 620, }); 以上是基本的对话框,还有需求可 阅读全文
posted @ 2017-09-05 19:34 给你添麻烦了 阅读(531) 评论(0) 推荐(0)
angular中封装fancyBox(图片预览)
摘要：首先在官网下载最新版的fancyBox(一定要去最新网站，以前依赖的jquery版本偏低)，附上链接：http://fancyapps.com/fancybox/3/ 然后在项目中引用jquery，然后在引用jquery.fancybox.min.css和jquery.fancybox.min.js 阅读全文
posted @ 2017-08-31 18:14 给你添麻烦了 阅读(1124) 评论(0) 推荐(0)

1