[Web]
文章平均质量分 68
web相关前后端的学习基础和教程。
zq_Hero
wx: zqhero_wx
展开
-
SpreadJS 集成使用案例
SpreadJS 基于 HTML5 标准,支持跨平台开发和集成,支持所有主流浏览器,无需预装任何插件或第三方组件,以原生的方式嵌入各类应用,可以与各类后端技术框架相结合。SpreadJS 以 纯前端、跨平台的能力,让应用系统轻松获得与原生Excel 一致的交互体验。原创 2023-12-27 18:50:33 · 1188 阅读 · 1 评论 -
ionic + cordova 插件创建 最详细教程
l 介绍l 介绍本文将细致讲解cordova插件的创建、编写、配置、发布,涉及aar+jar+so、静态资源、四大组件等。l 环境准备1.node2.ionic3.cordova4.plugmanplugman是用于安装和卸载用于Apache Cordova项目的插件的命令行工具,安装plugmanl 一切都要从一个简单cordova插件开始l 创建ionic项目用于测试cordova的插件此时cordovaProject下会生成如下结构。转载 2023-02-21 12:34:14 · 1762 阅读 · 0 评论 -
小程序报错:对应的服务器 TLS 为 TLS 1.0 ,小程序要求的 TLS 版本必须大于等于 1.2
我这里出现此错误的原因是,搭载域名网站的服务器是windows2008 r2,配置的域名证书是TLS1.0版本,需要在服务器注册表中加入TLS的其他版本。服务器是windows 2008 server 环境是IIS7SSL是申请用的阿里免费。微信小程序发现wx.request,调试报错: 小程序要求的 TLS 版本必须大于等于 1.2直接说解决办法吧:在PowerShell中运行一下代码(复制粘贴即可),PowerShell窗口打开方式可以用下面任意一种1:开始->运行->输入&n转载 2021-05-10 16:32:48 · 508 阅读 · 0 评论 -
微信小程序引入Vant组件库
Vant Weapp组件库:https://youzan.github.io/vant-weapp/#/intro说说我在引入vant组件库的时候的操作方法吧:1.先在微信开发者工具中打开项目的终端:2.然后初始化一个package.json文件:输入命令:npm init然后一路回车默认的即可:项目就回产生一个package.json文件:3.接着在vant组件库的官网上找到安装语句:npm i vant-weapp -S --production,在终端输入安装命令,转载 2020-10-12 11:44:44 · 630 阅读 · 0 评论 -
axios发送post请求node服务器无法通过req.body获取参数
问题:项目前端使用Vue框架,后端使用node.js搭建本地服务器。前端通过 axios 方式请求后端数据的过程中,发现如果是 get 请求,服务器端能够通过 req.query 获取前端传递的参数再向数据库获取数据;但是,如果是 post 请求,服务器却不能通过 req.body 获取参数。解决办法:前端 引用 “qs” ,然后在发送 axios 请求时,使用 qs.stringify()将数据包裹起来。举例如下:npm install qs//main.js引入:import qs f原创 2020-09-03 09:16:48 · 1105 阅读 · 0 评论 -
‘vue‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件
环境:笔记本,win10系统,一波操作发现查看不了版本号,也无法使用命令安装:vuenpm install -g vuenpm install -g @vue/cli 然后就出现标题的问题了解决方案如下:然后找到这个红色线里面的路径,看看有没有vue.md的文件:然后把这个路径添加的系统环境变量的path里面,如下图:最后在来检查一波:vue --version --3.8.2vue-cli --verion--...原创 2020-09-01 21:15:39 · 284 阅读 · 0 评论 -
npm ERR! cb() never called! npm ERR! <https://npm.community>
D:\ProgramFiles\nodejs>npm installnpm ERR! cb() never called! npm ERR! This is an error with npm itself. Please report this error at:npm ERR! <https://npm.comm...原创 2020-09-01 16:26:26 · 4258 阅读 · 1 评论 -
echarts tooltips位置出界的问题。
1.confine:true2.tooltip: { position: function (pos, params, el, elRect, size) { var obj = {top: 10};...原创 2019-11-08 10:04:26 · 1294 阅读 · 0 评论 -
hugo个人博客 修改主题:颜色,字体,布局
修改主题侧边栏颜色crisp主题的侧边栏默认是白色,如果想改个颜色咋办? 到github仓库 https://github.com/penn201500/hugo-crisp-theme-for-blog/ 获取 hugo-crisp-theme-for-blog/mysite/themes/crisp/layouts/pa...转载 2018-06-12 17:19:52 · 9579 阅读 · 0 评论 -
HuGo+ github个人博客搭建(步骤二:hugo 项目搭载到github)
前言:上章我讲到了如何初始化一个hugo项目。本篇介绍下,如何将我们的hugo项目搭载到我们的github服务器上面。这样我们才能正常访问。1,生成文件。上章我们开启hugo服务器使用命令访问 localhost:1313 端口可以访问到我们生成的项目界面:开启服务:hugo server --theme=hugo-nuo --buildDrafts --watch访问:...原创 2018-04-15 16:43:33 · 4342 阅读 · 5 评论 -
vue和react 相似和区别
vue和react的区别相似之处他们都是JavaScript的UI框架,专注于创造前端的富应用 不同于早期的JavaScript框架“功能齐全”,Reat与Vue只有框架的骨架,其他的功能如路由、状态管理等是框架分离的组件。 Vue.js(2.0版本)与React的其中最大一个相似之处,就是他们都使用了一种叫’Virtual DOM’的东西 都鼓励组件化 看到React和Vue都有...转载 2018-08-13 18:36:26 · 1513 阅读 · 1 评论 -
Flex 布局教程:实例篇
你会看到,不管是什么布局,Flex往往都可以几行命令搞定。我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局 骰子的一面,最多可以放置9个点。 下面,就来看看Flex如何实现,从1个点到9个点的布局。你可以到codepen查看Demo。如果不加说明,本节的HTML模板一律如下。<d转载 2017-11-29 17:58:52 · 494 阅读 · 0 评论 -
WindowS 下React native 配置
1,下载:https://github.com/facebook/react-native2,解压:cmd命令:安装: C:\Users\22945>npm install -g react-native-cli npm WARN engine [email protected]: wanted: {“node”:”>=4”} (current: {“node”:”0.12.2”,”n原创 2016-11-30 12:31:02 · 1353 阅读 · 0 评论 -
Nodejs 模块安装:
前提你要安装过nodejs未安装的可以前去下载: http://nodejs.org/1,打开cmd执行下面命令:①、我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立"node_global"及"node_cache"两个文件夹。②、启动cmd,输入:npm config set prefix "C:\Prog原创 2017-05-01 00:47:56 · 1608 阅读 · 0 评论 -
node.js安装 jspm模块 并初始化 jspm 支持ECMAScript6语法
前言: —-设置代理: npm config set registry https://registry.npmjs.org/ —-npm版本号:C:\Users\User>npm version{ npm: '3.8.9', ares: '1.10.1-DEV', http_parser: '2.7.0', icu: '57.1', modules: '48', nod转载 2017-09-10 23:12:58 · 1299 阅读 · 0 评论 -
npm 安装browser-sync 实时监听本地网页文件的变化
近期get了一项新的技能,使用browser-sync实时监测文件修改,自动在浏览器中刷新页面。今天就把具体的安装和使用方法教给大家。windows 下 打开cmd:1,输入安装命令:npm install -g browser-sync2,判断是否成功:输入命令:browser-sync --version3,使用:找到 我们需要检测的 文件输入命令,启动一个服务实时监测文件变化 :index.原创 2017-09-11 14:56:49 · 1992 阅读 · 0 评论 -
webPack+react 环境搭建
前提 机子 已经搭建好 node.js 和npm 包管理器。1,新建空文件夹 执行安装命令。windows cmd 进入一下文件夹内: 执行一下命令:1,npm init //初始化 包管理器 会生成一个package.json文件2,npm install webpack --save //安装 webpack 用于监听文件变化 3,npm install web原创 2017-09-13 18:12:26 · 385 阅读 · 0 评论 -
HuGo+ github个人博客搭建(步骤一:初始化一个hugo项目)
HuGo+ github个人博客搭建(步骤一:初始化一个hugo项目)前言:看过许多的博客,也看过许多个人博客搭建教程,但大多数教程如行云流水,讲解简单(也许这本身就是一个很简单的工程)。多数的搭建方式以及使用工具也各不相同,直到自己看到了一篇比较酷炫和牛逼的个人博客后(牛人地址:http://blog.coderzh.com/),我决定要使用Hugo语言和git来搭建个人博客,从开始搭建到搭...原创 2018-04-01 17:50:07 · 7070 阅读 · 0 评论 -
Spring_Aop编程_aop概述_通知介绍
1,概述:AOP(Aspect Orient Programming),面向切面编程,是面向对象编程的一种补充。面向对象编程是从静态角度考虑程序的结构,而面向切面编程是从动态角度考虑程序运行过程。面向切面编程,就是将交叉业务逻辑封装成切面,利用AOP容器的功能将切面织入到主业务逻辑中。所谓交叉业务逻辑是指,通用的、与主业务逻辑无关的代码,如安全检查、事务、日志等。2,涉原创 2015-05-26 09:48:46 · 698 阅读 · 0 评论 -
Spring_依赖注入
1,概述:依赖注入(DI,Dependency Injection)也称为控制反转(IoC,Inversion of Control),是指程序运行过程中,若需要调用另一个对象协助时,无须在代码中创建被调用者,而是依赖于外部的注入.依赖注入是目前最优秀的解耦方式。依赖注入让Spring的Bean之间以配置文件的方式组织在一起,而不是以硬编码的方式耦合在一起的。2,注入方式:依赖注入根据原创 2015-05-27 20:50:04 · 895 阅读 · 1 评论 -
Spring_Aop_切入点
Aop_通知_切入点1,概述:若目标类中有多个目标方法,则会将通知织入到每一个方法中。如何将通知织入到指定方法中。使用切入点:指定切面织入到目标对象的具体的位置,即织入到哪些目标类的哪些目标方法中。2,若要定义切入点,就要定义一个Pointcut接口的实现类。Pointcut接口的完整定义如下:public interface Pointcut {public ClassFil原创 2015-05-27 20:53:26 · 1060 阅读 · 0 评论 -
Windows 下安装 express
Windows 下安装 Express 执行命令:需要先安装 express generator:npm install -g express-generatorC:\Users\22945>npm install -g express-generatorC:\Users\22945\AppData\Roaming\npm\express -> C:\Users\22945\AppData\Ro原创 2017-12-01 15:34:37 · 642 阅读 · 0 评论 -
Express 项目创建 并启动服务:
默认 你已经安装 express :桌面新建文件夹 express为我们的测试项目:1,cd 到项目 执行命令:C:\Users\22945\Desktop\express>express -e warning: option `--ejs' has been renamed to `--view=ejs' create : . create : ./package.json原创 2017-12-01 15:47:57 · 10220 阅读 · 1 评论 -
关于echarts中Y轴左侧文字显示不全的解决办法
今天在项目的开发中遇到的一个问题,echarts Y轴左侧的文字太多了,显示不全,由于这个问题网上的解决办法相对较少,所以记录一下。先说一下网上的版本:1.调整grid下的left属性,说白了就是调整y轴与左侧的距离,大了就能显示更多的文字grid:{ top:48, left:400,// 调整这个属性 right:50, bottom:50,}这个的...转载 2019-09-16 16:48:25 · 5130 阅读 · 0 评论