51dev.com IT技术开发者社区

51dev.com 技术开发者社区

使用

Vue(4)- 获取原生的DOM的方式、DIY脚手架、vue-cli的使用

Vue(4)- 获取原生的DOM的方式、DIY脚手架、vue-cli的使用

一、获取原生的DOM的方式  在js中,我们可以通过id、class或者标签获取DOM元素,vue中也为我们提供了获取原生DOM的方法,就是给标签或者组件添加ref属性,通过this.$refs获取,如下:<divid="app"></div><scriptsrc="https://cdn...

Vue(3)- 安装脚手架、过滤器、生命周期的钩子函数、vue-router基本使用

Vue(3)- 安装脚手架、过滤器、生命周期的钩子函数、vue-router基本使用

一、安装脚手架1、下载node.js,本文下载版本为node-v8.12.0-x64.msi,一键式安装。2、安装完成后,打开终端,输入node,可进入node环境(两次ctrl+c退出),如下图:3、查看版本,如下图:4、在成功安装node.js(即能够成功查看版本如上图)的前提下,再安装淘宝npm(http://n...

MySQL数据库(5)- pymysql的使用、索引

MySQL数据库(5)- pymysql的使用、索引

一、pymysql模块的使用1、pymysql的下载和使用      之前我们都是通过MySQL自带的命令行客户端工具mysql来操作数据库,那如何在python程序中操作数据库呢?这就需要用到pymysql模块,该模块本质就是一个套接字客户端软件,使用前需要...

MySQL数据库(4)- 多表查询、可视化工具Navicat的使用、设计模式MVC

MySQL数据库(4)- 多表查询、可视化工具Navicat的使用、设计模式MVC

一、多表查询      准备工作:创建两张表,部门表(department)、员工表(employee),代码和表格如下:#创建表createtabledepartment(idint,namevarchar(20));createtableemployee(...

基于Spring Boot,使用JPA动态调用Sql查询数据

基于Spring Boot,使用JPA动态调用Sql查询数据

在《基于SpringBoot,使用JPA操作SqlServer数据库完成CRUD》,《基于SpringBoot,使用JPA调用SqlServer数据库的存储过程并返回记录集合》完成了CRUD,调用存储过程查询数据。很多复杂的情况下,会存在要直接执行SQL来获取数据。通过“EntityManager”创建NativeQu...

基于Spring Boot,使用JPA调用Sql Server数据库的存储过程并返回记录集合

基于Spring Boot,使用JPA调用Sql Server数据库的存储过程并返回记录集合

在上一篇《基于SpringBoot,使用JPA操作SqlServer数据库完成CRUD》中完成了使用JPA对实体数据的CRUD操作。那么,有些情况,会把一些查询语句写在存储过程中,由存储过程来返回记录集。在这里就先通过EntityManager创建命名存储过程的方法完成调用。 1.创建SQL存储过程存储过程返...

基于Spring Boot,使用JPA操作Sql Server数据库完成CRUD

基于Spring Boot,使用JPA操作Sql Server数据库完成CRUD

 完成一个RESTful服务,提供几个访问接口,用来操作较简单的联系人信息,数据保存在SqlServer数据库中。 1.使用STS创建工程。使用STS创建RESTful工程,可以参考:《用SpringToolsSuite(STS)开始一个RESTfulWebService》《SpringBoot构建...

在vue-cli生成的项目中使用karma+chrome进行单元测试

在vue-cli生成的项目中使用karma+chrome进行单元测试

用vue-cli生成项目时,如果选择了单元测试,那么会采用karma+mocha作为单元测试框架,默认使用的浏览器是PhantomJs。 Karma是一个基于Node.js的JavaScript测试执行过程管理工具(TestRunner)。可启动所有主流Web浏览器作为测试容器,运行时会启动一个web服务器,...

vue-cli+webpack在生成的项目中使用bootstrap方法(二)

vue-cli+webpack在生成的项目中使用bootstrap方法(二)

vue-cli+webpack在生成的项目中使用bootstrap方法(一)中,是通过手动下载bootstrap库,然后手动添加到src/assets中,显然是过程太多。当然是可以更省力些,可以通过npm安装bootstrap,然后用import直接导入bootstrap的方式进行整合,因为vue-loader能自动从...

vue-cli+webpack在生成的项目中使用bootstrap方法(一)

vue-cli+webpack在生成的项目中使用bootstrap方法(一)

在一个html页面中加入bootstrap是很方便,就是一般的将css和js文件通过Link和Script标签就行。那么在一个用vue-vli生成的前端项目中如何加入?因为框架不一样了,略微要适应一下。 脚手架生成项目执行命令用webpack模板生成一个名为vuestrap的项目(名字任意)vueinitwe...

node.js中使用https请求报CERT_UNTRUSTED的问题解决

node.js中使用https请求报CERT_UNTRUSTED的问题解决

只要调用了没有受信的https就会报错:CERT_UNTRUSTED简单的解决方法就是设置环境变量回避非授信证书的问题。只要在请求的代码之前加上如下代码即可:process.env.NODE_TLS_REJECT_UNAUTHORIZED="0"; END ...

html中,文件上传时使用的<input type="file">的样式自定义

html中,文件上传时使用的<input type="file">的样式自定义

Web页面中,在需要上传文件时基本都会用到<inputtype="file">元素,它的默认样式:chrome下: IE下: 不管是上面哪种,样式都比较简单,和很多网页的风格都不太协调。根据用户的需求,设计风格,改变其显示样式的场合就比较多了。如果,要像下面一样做一个bootstrap风...

在node.js中,使用基于ORM架构的Sequelize,操作mysql数据库之增删改查

在node.js中,使用基于ORM架构的Sequelize,操作mysql数据库之增删改查

Sequelize是一个基于promise的关系型数据库ORM框架,这个库完全采用JavaScript开发并且能够用在Node.JS环境中,易于使用,支持多SQL方言(dialect),。它当前支持MySQL,、MariaDB、SQLite、PostgreSQL、SqlServer数据库。目前在Node.js中,Seq...

网页中多个图标在一张图片上,使用css将各图标显示

网页中多个图标在一张图片上,使用css将各图标显示

现在的网页中显示很多图标算是常态,发现项目中页面上用到的图标都是单个图标单个文件,用的时候直接往页面上挂,这确实很常态。如果,网站是挂在外网上,或者网速过低,又大量使用图标的情况下,由于浏览器和服务器的并发连接数是受限的,通常是4~8个,那么图标显示过慢或者超时的情况就会发生。当然了,像采用CDN,或者按照浏览器的并发...

使用nodejs+express(4.x+)实现文件上传

使用nodejs+express(4.x+)实现文件上传

最简单的做法是通过“connect-multiparty”中间件实现上传。通过在项目中npminstallconnect-multiparty进行安装。 用法:varmultipart=require('connect-multiparty');varmultipartMiddleware=multipart...