前端
文章平均质量分 64
像风一样爱自由
一个努力学习的菜鸟
展开
-
Vue3 组合式API初体验
一、背景Vue3.x 版本的出现带来了许多令人眼前一亮的新特性,其中组合式 API(Composition API),一组附加的、基于功能的 API 被作为一种新的逻辑复用和代码组织的方式提供给了开发者,提供更加灵活的组合组件逻辑能力。二、什么是组合式API( Composition API)组合式 API:一组低侵入式的、函数式的 API,使得我们能够更灵活地「组合」组件的逻辑用一句通俗的话来说:composition API 其实是用于解决功能、数据和业务逻辑分散的问题,使项目更益于模块化开原创 2022-03-20 00:08:35 · 2234 阅读 · 1 评论 -
vue-cli 4 的es5兼容问题
第一步 mian.js引入一下两个模块babel-polyfill 已经废弃,而且babel-polyfill就是由这两个构成的,所以直接引入这个两个即可import 'core-js';import 'regenerator-runtime/runtime';第二步 修改babel.config.js文件browsers 根据自己需求更改module.exports = { presets: [ ['@vue/app', { 'targ原创 2021-05-07 18:42:59 · 2704 阅读 · 1 评论 -
富文本编辑器Froala Editor v3.x 使用
Froala Editor是可以免费使用的。为什么要破解呢,一是免费版总提示需要license,烦人;二是验证时会访问官方网址,本来就是国外的东西,打开网址时会影响网页速度。我用的是当前最新版v3.2.1破解方法:(只需两步)1.格式化froala_editor.min.js2.搜索:new Image ,删除以下代码即可。红框里的整段代码都可以删掉。 它的验证方法是用js创建了一张图片并访问,图片地址就是验证的网址,只需要把验证代码删掉就可以了,还能减少一点点的文件体积。..原创 2020-09-09 15:45:34 · 2069 阅读 · 0 评论 -
electron 自动更新静默安装到一半就失败
原因是我设置了阻止关闭事件let canQuit = false;mainWindow.on('close', (event) => { if (!canQuit) { mainWindow.hide(); mainWindow.setSkipTaskbar(true); event.preventDefault(); }});所以在执行 autoUpdater.quitAndInstall(); 方法之前要加上canQ.原创 2020-08-16 10:21:58 · 1615 阅读 · 3 评论 -
electron-bulider打包特别慢解决办法
vue-electron 执行npm run build时,在build的时候会因为下载远程打包所需文件而超时,然后根据错误一步一步就行手动安装相应的文件。虽然在网上参考了很多相关方法,最终还是失败,然后屡次尝试后,终于成功了。附上elelctron相关的淘宝镜像地址:https://npm.taobao.org/mirror...step1:npm run build后,第一次报错需要下载 electron-v2.0.18-win32-x64.zip(我这里是需要该版本的文件,根据自己的错误信息,原创 2020-08-14 13:07:12 · 2064 阅读 · 0 评论 -
npm 安装 better-sqlite3 报错 if not defined npm_config_node_gyp
主要报错是这一行,坑爹的python2的编码问题 ,UnicodeDecodeError: 'ascii' codec can't decode byte 0xd5 in position 11: ordinal not in range(128)原因是安装windows-build-tools时指定的python版本是python2解决办法:修改C:\Users\hd\AppData\Roaming\npm\etc\npmrc文件中python的路径,我改成python3以后就好了,要.原创 2020-08-03 13:09:48 · 1508 阅读 · 0 评论 -
windows下,electron安装better-sqlite3并编译
1. 安装windows-build-tools,注意用管理员身份启动终端(如果安装node的时侯已经安装了相关的tools就略过这一步)npm install --global windows-build-tools 这里有个点要注意一下,这个工具分版本 vs2015, vs2017, 默认是2017,如果是需要2015版安装时后面加参数npm install --global windows-build-tools --vs2015 如果不知道当前需要哪个版本,先默认安装,后...原创 2020-07-29 12:39:06 · 2959 阅读 · 0 评论 -
windows 安装electron慢的解决方法
在C:\Users\xx\.npmrc文件中添加electron淘宝镜像ELECTRON_MIRROR="https://cdn.npm.taobao.org/dist/electron/"没有这个文件就自己创建一个原创 2020-07-29 11:46:17 · 625 阅读 · 0 评论 -
node 安装 windows-build-tools
npm install --global --production windows-build-tools@4.0.0或者npm install --global --production windows-build-tools@5.0.0因为直接安装会报一些错误原创 2020-07-28 19:57:27 · 3560 阅读 · 2 评论 -
Django配置Ajax跨域调用/设置Cookie
跨域调用前端单纯的想要通过ajax跨域调用后端提供的API是比较简单的,可谓是前人栽树,后人乘凉,ottoyiu提供了解决Django跨域问题的插件django-cors-headers。它的使用方法在github上介绍的是很详尽的,我这里总结一下基本的东西:首先下载这个插件pip install django-cors-headers然后在你的Django项目中的settings.py中做如下配置(install app和middleware):INSTALLED_APPS = ( ...原创 2020-07-08 14:31:41 · 331 阅读 · 0 评论 -
Ueditor 报错Cannot read property 'lang' of undefined
问题:vue项目中引用ueditor为组件,当编辑过程中突然放弃编辑后退或者关闭组件,浏览器报错:Uncaught TypeError: Cannot read property 'lang' of undefinedat UE.Editor.getLang (ueditor.all.js?6705:7893)at eval (ueditor.all.js?6705:29557)...原创 2020-04-26 09:25:00 · 1655 阅读 · 0 评论 -
css3旋转动画
html<div class="rotate_bg"> <img class="rotateImages" src="images/01.png" /></div>css.rotate_bg{ width: 500px; height: 500px; background: #59d1b6; m...转载 2019-11-26 14:23:36 · 271 阅读 · 0 评论 -
css鼠标点击的五种状态
a:link{color:#fff} 未访问时的状态(鼠标点击前显示的状态) a:hover{color:#fff} 鼠标悬停时的状态 a:visited{color:#fff} 已访问过的状态(鼠标点击后的状态) a:active{color:#fff} 鼠标点击时的状态 a:focus{color:#fff} 点击后鼠标移开保持鼠标点击时的状态(只有在...原创 2019-11-26 14:21:07 · 2128 阅读 · 0 评论 -
CSS垂直居中的12种实现方式
使用绝对定位和负外边距对块级元素进行垂直居中HTML<div id="box"> <div id="child"></div></div>复制代码CSS#box { width: 300px; height: 300px; background: #ddd; position: rela...转载 2019-11-26 14:19:18 · 1007 阅读 · 0 评论 -
前端笔记之移动端&响应式(上)媒体查询&Bootstrap&动画库&zepto&velocity
一、媒体(介)查询1.1基本语法媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有:width、height和color(等)。使用媒体查询可以在不改变页面内容的情况下,为特性的一些输出设备定制显示效果。使用@media查询,你可以针对不同的媒体类型(媒体、媒介)定义不同的样式。@media可以针对不同的屏幕尺寸设置不同的样式,特别是如...转载 2019-05-21 10:22:04 · 191 阅读 · 0 评论 -
一个轻量级的针对现代高级浏览器的JavaScript库
4.1简介官网:http://zeptojs.com中文手册:http://www.css88.com/doc/zeptojs_api/Zepto是一个轻量级的针对现代高级浏览器的JavaScript库,它与jquery有着类似的api。如果你会用jquery,那么你也会用zepto。阉割版的jQuery,比jQuery要强大。zepto的哲学:只针对高级浏览...原创 2019-05-21 10:20:19 · 349 阅读 · 0 评论 -
动画库-animation.css
3.1简介animate.css是一个来自国外的CSS3动画库,它预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多达60多种动画效果,几乎包含了所有常见的动画效果。虽然借助animate.css能够很方便、快速的制作CSS3动画效果,但还是建议...原创 2019-05-21 09:47:02 · 2141 阅读 · 0 评论 -
CSS 网格布局
CSS网格布局引入了二维网格布局系统,可用于布局页面主要的区域布局或小型组件。本文介绍了CSS网格布局 与CSS网格布局规范 Level 1 中的新术语。CSS网格布局和弹性盒布局的主要区别在于弹性盒布局是为一维布局服务的(沿横向或纵向的),而网格布局是为二维布局服务的(同时沿着横向和纵向)。这两个规格有一些相同的特性。如果你已经掌握如何使用弹性盒布局的话,你可能会想知道这些相似之处怎样在能...原创 2019-05-20 16:57:55 · 169 阅读 · 0 评论 -
bootstrap轮播加触摸滑动效果,手机上效果很好
<!--banner--> <div id="myCarousel" class="carousel slide" data-ride="carousel" style="margin-top:40px;" > <ol class="carousel-indicators" style="margin-bot...转载 2019-05-20 16:56:31 · 1484 阅读 · 2 评论 -
Electron GUI
Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的。Electron于2013年作为构建Github上可编程的文本编辑器Atom的框架而被开发出来。这两个项目在2014春季开源...原创 2019-09-11 12:11:03 · 448 阅读 · 0 评论 -
百度离线地图
点此直接下载完整版Demo代码先准备好一个放置源码的文件夹,然后将获取的文件放进去。建立三个文件夹:js、css、images。第一步,自然是访问一个入口:http://api.map.baidu.com/api?v=1.3里面的内容是这样的(原本没有换行,为了阅读方便一点,加了两个回车):(function(){window.BMap_loadScriptTime=(ne...转载 2019-09-11 12:13:32 · 495 阅读 · 0 评论 -
地图Json绘制 Geojson
根据json显示地图或绘制地图得到json官网:http://geojson.io/原创 2019-09-11 12:15:54 · 2147 阅读 · 1 评论 -
用 HTML 元素实现自定义的滚动条
用 HTML 元素实现自定义的滚动条有时,浏览器默认的滚动条不能满足需求,我们要实现自定义的滚动条。借助于鼠标移动事件和滚轮事件,以及内容元素的滚动相关属性,可以很容易地实现这样的需求。下面就来试一试。我们这次要实现的滚动条需要有以下功能或要素:可拖动的滑块; 滚动条两端有可以小幅度滚动的按钮; 滑块与两端按钮之间的区域可点击以进行大幅度滚动,这点与常见的滚动条一致; 在内容区域...原创 2019-05-21 11:37:55 · 1912 阅读 · 0 评论