- 博客(17)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 小程序海报和H5海报生成
微信canvas2D或者html2Canvas生成海报海报生成其实就是利用canvas,拿到canvas生成的Data URLs保存为图片或分享给好友
2022-06-29 14:32:23
1392
1
原创 vue3项目wx-open-launch-weapp使用
wx-open-launch-weap第一步：weixin-js-sdk第二步：拉取wx.config的权限验证配置点击跳转微信jssdk配置文档例如H5中要跳转对应的小程序去，使用小程序跳转标签wx-open-launch-weapp第三步：使用示例v-is指令渲染script标签由于实际情况wx-open-launch-weapp 的样式不好调试，并且实际情况按钮往往是一张图片，所以把上面的代码做成组件，绝对定位覆盖在按钮图片上面。...
2022-06-23 16:43:13
2446
原创 响应式布局和自适应
响应式布局和自适应写网页时，经常要求要适配不同屏幕，要求可以在大屏幕，ipad，手机上可以显示正常。对于公司的官网这是很重要的。那么，这就涉及到了响应式布局和自适应。文章目录响应式布局和自适应前言一、响应式布局二、自适应根字体大小rem方案一：postcss-px2rem+setRem()方案方案二：flexible和 postcss-px2rem2.读入数据总结前言如果对网站的适应方面要求多的话,例如移动端的排版要求变动比较大，可以做成两个版本：pc版本和h5版本（移动端），可以参考京东。
2021-06-14 22:28:04
2372
原创 vue封装高级组件
文章目录v-model勾选框组件输入框组件按钮组件地址联动自定义组件v-model在自定义组件上使用v-model进行数据的双向绑定勾选框组件//调用时 checkbox=false<check-box v-model="checkbox" ></check-box>子组件代码如下<template> <div> <input type="checkbox" :checked='checkFlag' @change="$em
2021-05-14 23:08:46
821
原创 vue中使用百度地图常用方式:script引入+vue-baidu-map
script引入export function map() { return new Promise(function(resolve, reject) { // vue跳转不刷新页面，onload事件不会被触发 window.onload = function() { // eslint-disable-next-line resolve(BMapGL) } var script = document.createElement('script
2021-04-21 14:34:14
869
原创 package.json版本
package.jsonpackage.json 在前端工程化中主要用来记录依赖包名称、版本、运行指令等信息字段。其中，dependencies字段指定了项目运行所依赖的模块，devDependencies指定项目开发所需要的模块。它们都指向一个对象。该对象的各个成员，分别由模块名和对应的版本要求组成，表示依赖的模块及其版本范围。对应的版本可以加上各种限定，主要有以下几种：指定版本：比如 1.2.2 ，遵循“大版本.次要版本.小版本”的格式规定，安装时只安装指定版本。波浪号（tilde）+指定版本：
2021-04-16 22:35:28
351
原创 DllPlugin+DllReferencePlugin拆分第三方依赖
上一篇：webpack4+vue2的经典配置(common+dev+build)DllPlugin+DllReferencePlugin拆分第三方依赖项目打包优化DllPlugin DllReferencePluginwebpack.dll.jspackage.jsonDllReferencePluginAddAssetHtmlPlugin另外:dllplugin适用哪种环境？项目打包优化webpack对项目的打包优化有内置的webpack.optimization.splitChunks分包策略
2021-04-12 00:42:41
601
原创 webpack4+vue2的经典配置(common+dev+build)
webpack4 vue2的经典配置common+dev+build常见模式的三个配置文件webpack.dev.jswebpack.build.jswebpack.common.js常见模式的三个配置文件这三个配置文件分别是webpack.common.js，webpack.dev.js，webpack.pro.js。如果你一直都在vue-cli2工具创建的脚手架，那么你对这三个配置文件会很熟悉。如果将上面三个vue配置写成一个文件vue.config.js也是可以的，但是不方便后期的维护。一般来说
2021-04-11 15:27:48
492
1
原创 css3-transition
让我们回顾一下animation的知识点animation 属性是一个简写属性，用于设置六个动画属性：属性描述animation-name规定需要绑定到选择器的 keyframe 名称animation-duration规定完成动画所花费的时间，以秒或毫秒计时animation-timing-functio规定动画的速度曲线animation-delay规定在动画开始之前的延迟animation-iteration-count规定动画应该播放的次数
2020-06-27 16:15:25
167
原创 CSS3的动画：animation介绍
这篇是关于简单的CSS3-animation介绍，适合小白作为动画了解的入门篇。为了在项目中使用动画，只需要做两件事：01创建动画02将其连接到必须设置动画的元素，并指示所需的功能动画是一组关键帧，它们存储在css中，我们先看一段简单的动画代码段：@keyframes test-animation { 0% { width: 50px; } 100% { width: 150px; }}让我们整理一下：关键字“ @keyframes”指示动画本身。接下来
2020-06-27 15:38:53
375
原创 webpack4之代码分割splitChunks和压缩优化
我们打包出来的js文件，只要修改或增加了内容，就会导致js文件的hash变化，从而重新打包。为了提高打包速度，每次变化仅仅是重新打包自定义代码部分，webpack4提供了optimization.splitChunks回顾一下：webpack3时代，项目的代码分离抽取出来，是这样子的：使用new webpack.optimize.CommonsChunkPlugin，分别分离出第三方库，webp...
2019-10-12 17:43:02
4500
原创 手动撸一个webpack脚手架(仿vue-cli2)
其实vue的脚手架是真的多，vue的nuxt脚手架的，vue的webpack脚手架的，还有各种gitHub上的后台管理系统模板的。。。。。而vue-cli2的webpack模板，这个相信是大多数人最为熟悉的模板了。现在再去安装官网上模板的话，已经基于vue-cli3安装的了。为了巩固webpack配置的知识，自己决定再手动撸一遍vue-cli2脚手架的配置。1、新建一个空文件夹，命名demo...
2019-10-02 21:40:09
288
原创 腾讯云上安装Mongodb踩坑
腾讯云上安装Mongodb踩坑在ubuntu16.04上安装mongodb,我用了两天，焦头烂额，直到这一刻我才终于解决了【身心疲惫】第一次安装首先按照mongodb官网的文档一步步安装，安装好了启动方式1:service mongod start 不行启动方式2：mongod 不行，找不到dbpath=/data/db查看/etc/mongod.confstorage: db...
2019-08-11 21:44:31
1243
1
原创 Mongodb安装配置详细教程--window10
Mongodb的安装教程下载部分进入官网https://www.mongodb.com/download-center，点击server,出现如下界面，点击download可以看到浏览器在开始下载，由于是国外服务器，下载特别慢。等不了的同学可以去找网盘。安装部分这里自己选择，我选择的是自定义文件夹安装。其他一直next,next。很简单配置部分重头戏E:\Program Fil...
2019-08-09 19:30:35
2761
1
原创 记录我的ES6学习
ES6——Promise对象Promise对象来说，它有三种状态：pending初始状态,也称为未定状态，就是初始化Promise时，调用executor执行器函数后的状态fulfilled完成状态，意味着异步操作成功。rejected失败状态，意味着异步操作失败。它有两种状态可以转化，即操作成功pending -> fulfilled操作失败pending -...
2019-04-22 00:14:15
116
原创 mysql的绿色版
之前听别人说安装mysql后卸载很麻烦，我在网上下载了MySql 5.5.6服务器绿色版(一打开就是navicat的界面跳过)，直接点击就可以使用。可是网上说NavicatForMySql只是mysql这个数据库的图形化管理界面，像MyYog一样，需要你安装mysql在先，才可以使用。很怀疑我的是mysql服务器与Navicat for mysql的结合绿色版（笑哭，真方便）...
2019-02-26 11:28:43
200
空空如也
为什么MySql 5.5.6服务器绿色版不需要安装mysql？
2019-02-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人