- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vertical-align 调整行内元素对齐
在电商项目中，经常会搞活动，标上价格后，后面再跟个活动名称，例如：代码如下：<html> <head> <style type="text/css"> .cls{ width: 60px; height: 40px; background-color: red; text-align: center; line-height: 40px;
2020-12-30 21:57:14
184
原创 html del标签
一般在电商项目中，会有原价，活动价。如果搞活动的话，会把原价加个删除线，类似这样的。css 有个text-decoration 属性，设置为line-through 就会实现这个效果，其实html 有个del标签，不用加css。代码如下：<html> <head> <style type="text/css"> </style> </head> <body> <div>
2020-12-29 19:28:10
439
1
转载 小程序webview跳转页面后没有返回按钮完美解决方案
文章转自：https://www.jianshu.com/p/a7bb1a826548随着小程序越来越火爆，使一个产品如果只有公众号H5页面和APP显得不怎么完美，总感觉不搭上小程序这趟流量车，就会少了点什么，心里别扭地很。在此驱动下，我所在公司也决定赶紧上车。但是，如果要按照小程序的套路重新写一份的话，又感觉付出的时间成本太大了，非常的不划算。于是乎，脑子灵光一闪，想起了小程序貌似有个小弟叫webview，webview是啥，按字面意思就是网页视图（来自百度翻译）。官方是这么定义的：web-
2020-12-24 09:28:03
2383
转载 浅谈Vue页面级缓存解决方案feb-alive(上)
文章写的不错，转自：https://www.jb51.net/article/159668.htmfeb-alivegithub地址体验链接使用理由开发者无需因为动态路由或者普通路由的差异而将数据初始化逻辑写在不同的钩子里beforeRouteUpdate或者activated 开发者无需手动缓存页面状态，例如通过localStorage或者sessionStorage缓存当前页面的数据 feb-alive会帮你处理路由meta信息的存储与恢复为什么开发feb-laive？当我们通
2020-12-21 14:19:25
256
原创 众筹库opencollective-postinstall
在我们新建一个vue工程后(vue create xxxx)，会有以下信息：67 packages are looking for funding run `npm fund` for details进入 xxx 目录后，运行npm fund 会有以下信息：随便打开一下https://opencollective.com/core-js 就会看到这个是来众筹的。据说vue作者尤大大，每年可众筹20W 美元，不用上班了。。。...
2020-12-16 09:28:39
2003
原创 IgnorePlugin 插件减少bundle体积
webpack 这个插件IgnorePlugin 可以用来减小包体积的。例如我们引用moment这个库来格式化日期，这个库可以支持多种语言，而我们只需要一种语言，那么就可以利用IgnorePlugin这个插件来只加载所需要的语言，其他语言都不加载。我们来比较一下1）...
2020-12-15 20:47:40
767
转载 vue-cli3 配置不同环境变量 process.env.NODE_ENV
文章转自：https://www.cnblogs.com/web-zqk/p/11893137.html 建议直接看原文相比vue-cli2,vue-cli3简化了配置区分不同的环境变量process.env.NODE_ENV,以我嘴巴都懒得张的风格,直接上代码.如:1、在根目录下,新建各个环境的text文件，例如： .env.demoNODE_ENV = 'demo'VUE_APP_TITLE = 'demo' // 定义全局变量必须以VUE_APP开头VUE_APP_...
2020-12-14 09:15:30
4289
原创 vue 项目通过cdn加载库减小bundle体积
通常情况下通过vue cli创建的项目，webpack打包的时候会把vue, vuex, vue-router, axios等常用库打包进去，这无疑会使打包后的体积变大。有没有办法不把这些依赖的库文件打包进去？ 我们可以厉害webpack 的配置项externals 来进行配置，不让把这些库文件打包进去，而是采用cdn方式来加载这些库文件。先看一下这些库文件打包后的bundle文件大小：1）vue create xxx 用vue cli 新建一个Vue 工程项目2）建完后，...
2020-12-11 22:39:11
374
转载 通俗易懂了解Vue内置组件keep-alive内部原理
文章转自：https://www.cnblogs.com/wangjiachen666/p/11497200.html通俗易懂了解Vue内置组件keep-alive内部原理阅读目录1. 官方介绍及其用法 1.1 组件介绍 1.2 用法 2. 实现原理 2.1 props 2.2 created 2.3 destroyed 2.4 mounted 2.5 render 3. 生命周期钩子 4. 总结回到顶部1. 官方介绍及其用法.
2020-12-11 16:23:11
573
转载 减少打包组件vue.config.js——Webpack的externals的使用
文章转自：https://www.cnblogs.com/xbzhu/p/11815197.html减少打包组件vue.config.js——Webpack的externals的使用vue.config.jsmodule.exports = { configureWebpack:{ externals: { vue: 'Vue', 'vue-router':'VueRouter', axios: 'axios'
2020-12-11 16:05:47
4628
1
转载 jsDelivr 为开发者提供免费公共 CDN 加速服务
文章转自：https://blog.csdn.net/larpland/article/details/101349605开发者或网站管理者时常会用到一些 JavaScript Libraries，例如最常见的 jQuery 或字型和 CSS 框架，通常不建议自己在服务器存储这些文件，因为除了耗流量，也可能因此拖慢网站的载入速度。为了解决这种情况，有些人会选择从 [Google Hosted Libaries ](https://developers.google.com/speed/librarie
2020-12-11 16:03:30
846
原创 Vue项目打包部署总结
文章转自：vue中文社区公众号Vue中文社区昨天作者：MUMAhttps://wintc.top/article/29使用Vue做前后端分离项目时，通常前端是单独部署，用户访问的也是前端项目地址，因此前端开发人员很有必要熟悉一下项目部署的流程与各类问题的解决办法了。Vue项目打包部署本身不复杂，不过一些前端同学可能对服务器接触不多，部署过程中还是会遇到这样那样的问题。本文介绍一下使用nginx服务器代理前端项目的方法以及项目部署的相关问题，内容概览：Vue项目打包发布问题汇...
2020-12-10 08:51:23
1076
转载 浅谈Hybrid技术的设计与实现
文章转自：https://www.cnblogs.com/yexiaochai/p/4921635.html浅谈Hybrid技术的设计与实现前言浅谈Hybrid技术的设计与实现浅谈Hybrid技术的设计与实现第二弹浅谈Hybrid技术的设计与实现第三弹——落地篇随着移动浪潮的兴起，各种APP层出不穷，极速的业务扩展提升了团队对开发效率的要求，这个时候使用IOS&Andriod开发一个APP似乎成本有点过高了，而H5的低成本、高效率、跨平台等特性马上被利用起来形成了一种新的开.
2020-12-08 17:37:29
387
转载 WebView性能、体验分析与优化
文章转自：https://mp.weixin.qq.com/s/nTA-LMJ-7mNhPXWTjnrqTQ前言Hybrid中的页面性能痛太久了，经常被PM吐槽，哈哈。今日早读文章由美团@育新、徐宏、嘉洁分享。正文从这开始～在App开发中，内嵌WebView始终占有着一席之地。它能以较低的成本实现Android、iOS和Web的复用，也可以冠冕堂皇的突破苹果对热更新的封锁。然而便利性的同时，WebView的性能体验却备受质疑，导致很多客户端中需要动态更新等页面时不得不采用其他方案。以
2020-12-08 17:33:46
441
转载 小程序跨端框架（taro/uni-app/kbone）横评之2020版
文章转自：https://www.cnblogs.com/hupingzui/p/12692509.html微信竟然推出了跨端的kbone，说明跨端的开发已经深入人心；又是新的一年过去了，小程序开发领域又有哪些新的变化？我们来看如下最新的评测文章，可惜没有wepy 2.0的测评。本文经授权转载，如下为原文，enjoy!又是一年四月天，距离上次发布跨端开发框架深度横评已过去整整一年。这一年，小程序在用户规模及商业化方面都取得了极大的成功。微信小程序日活超过3亿，支付宝、百度、字节跳动小程序.
2020-12-07 10:40:38
1069
转载 聊下git rebase -i
文章转自：https://www.cnblogs.com/wangiqngpei557/p/5989292.html在使用git作为源代码管理工具的时候，开发的时经常会面临一个常见的问题，多个commit 需要合并为一个完整的commit提交。在一个基本的迭代周期里，你会有很多次commit，有跟配置文件相关的，有跟代码相关的，甚至有跟下次发布fixbug相关的。这些都是你在完成本地开发的时候一个变化记录而已。但是当你需要将你的迭代项目作为一次发布提交时就需要整合所有之前提交的那些很零碎的commi
2020-12-04 22:18:07
329
转载 git reset --hard 操作后的数据恢复
https://www.cnblogs.com/dongcanliang/p/11162235.html在进行正文之前先简单介绍下git reset命令git resetgit reset命令用于改变当前的仓库状态，简单的场景用例：假设一次修改了两个文件，然而需要对这两个文件分别进行两次提交，在进行缓存操作时（git add），不小心将两个文件都进行了缓存，此时我们需要对其中一个文件取消缓存，此时就需要git reset操作来实现，如下图然后，对b.txt进行commit操作，然后...
2020-12-04 21:42:15
1345
原创 webpack 异步加载原理
文章来自前端大全公众号，写的不错webpack 异步加载原理webpack ensure有人称它为异步加载，也有人称为代码切割，他其实就是将 js 模块给独立导出一个.js 文件，然后使用这个模块的时候，再创建一个script对象，加入到document.head对象中，浏览器会自动帮我们发起请求，去请求这个 js 文件，然后写个回调函数，让请求到的 js 文件做一些业务操作。举个例子需求：main.js依赖两个 js 文件：A.js是点击 aBtn 按钮后，才执行的逻辑，B....
2020-12-04 13:46:30
553
转载 你真的懂git rebase吗？
文章转自：https://www.jianshu.com/p/6960811ac89c前段时间由于某种原因，开始接手开发公司前端Vue搭建的项目该前端项目采用的是基于git rebase的形式去合并代码，而我之前使用git一直都是采用merge的形式合并分支代码，对于rebase一概不知故此利用碎片时间学习整理一下关于git rebase的原理以及其和git merge的区别是什么，我会采用实际的案例描述二者的区别准备工作 git 客户端安装（只要git bash即可） gi
2020-12-03 18:54:02
208
转载 简单对比git pull和git pull --rebase的使用
文章转自：https://www.cnblogs.com/kevingrace/p/5896706.html使用下面的关系区别这两个操作：git pull = git fetch + git mergegit pull --rebase = git fetch + git rebase现在来看看git merge和git rebase的区别。假设有3次提交A,B,C。在远程分支origin的基础上创建一个名为"mywork"的分支并提交了，同时有其他人在"origin"上做了一些修改
2020-12-03 17:44:12
202
转载 如何让url超链接a标签发送post请求
文章转自：http://www.hongyanliren.com/2014m04/5591.html在HTML中，a标签的提交默认是get方式提交的，如果在请求链接的参数中带有中文就会出现乱码问题，除了在后台程序中转码外，这里介绍两种简单的方法，可以在客户端让a标签以post方式提交。一：增加一个form表单<span ><body> <a href="javascript:doPost("addStudent.action", {"name":"张三"}..
2020-12-03 10:05:23
4335
转载 a标签中href=““的几种用法
众所周知，a标签的最重要功能是实现超链接和锚点。而且，大多数人认为a标签最重要的作用是实现超链接，今天我刚好碰到a标签的一种写法<a href="javascript:;"></a>，所以就来整理下a标签中href的几种用法。一、Js的几种调用方法（参考总结的） 1、a href="javascript:js_method();" 这是常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的...
2020-12-03 10:03:59
987
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人