web前端系列
文章平均质量分 57
LQ-刘强
从事......
展开
-
vue二维码生成且带文字图片下载
2)安装html2canvas库npminstall--savehtml2canvas。1)安装qrcode-vue库npminstall--saveqrcode-vue。原创 2022-07-18 11:23:18 · 911 阅读 · 0 评论 -
vue二维码生成与图片下载
vue代码实例:1)安装qrcode-vue库:npm install --save qrcode-vue 2)vue代码原创 2022-07-14 11:34:00 · 1048 阅读 · 1 评论 -
WEB前端面试概括2021
(一)面试大纲:1.JavaScript基础2.网络请求3.VUE知识点4.性能优化5.主观问题(二)面试大纲大致问题如下:1.JavaScript基础①.JavaScript中什么是基本数据类型什么是引用数据类型?以及各个数据类型是如何存储的?答:基本数据类型有Number,String,Boolean,Null,Undefined,引用数据类型统称为Object类型,细分的话有,Object,Array,Date,Function,RegExp基本数据类型的数据直原创 2021-09-23 14:40:52 · 168 阅读 · 0 评论 -
$http与ajax的同步请求
在web前端开发中,虽然一般都是用的异步网络请求解决大多数功能需求,但是在一些特定需求的情况下,我们还是要使用到同步的网络请求来解决一些特殊的需求。那么本篇介绍的是实现AngularJS中$http与jQuery中ajax如何实现同步网络请求。(一)$http同步网络请求 其实这个实现很简单,重要在于两点:第一点要在成功的回调方法里面直接返回结果;第二点就是$http本身执行后就...原创 2018-10-12 08:38:44 · 5800 阅读 · 0 评论 -
web前端学习进阶路线2018图文概括
大致总结的web前端学习路线图原创 2019-01-14 09:10:43 · 1818 阅读 · 1 评论 -
sass系列之sass的语法使用(三)
上一篇介绍了一些有关sass语法的循环语句等。本篇将介绍sass的内置函数,也将是sass系列的最后一篇,旨在如何使用sass语法编写css。1.内置函数api的介绍内置函数:1.字符串函数 unquote($string):删除字符串中的引号; quote($string):给字符串添加引号。 To-lower-case($string) To-upper-case($str...原创 2018-04-21 14:14:34 · 917 阅读 · 0 评论 -
sass系列之sass的语法使用(二)
上一篇介绍了一些有关sass语法的方法定义与调用,判断语句等。本篇将介绍sass的定义字符串模板与循环语句等,旨在如何使用sass语法编写css。1.for循环与字符串模板使用1)for循环的语法 @for 变量($i) from 开始循环位置的数 to 结束循环位置的数{ //循环逻辑 }2)字符串模板#{变量}3)for循环与字符串模板Demo如果上面写的不能理解的话,就看一下上面Demo...原创 2018-04-21 09:46:04 · 235 阅读 · 0 评论 -
template-web.js模板引擎的使用之高级篇
对于 template-web.js模板引擎还不了解的,建议学习上一篇, template-web.js模板引擎的初级使用。本文将介绍template-web.js模板引擎的三个使用api 【1.逻辑语句if...else... 2.原文输出 3.循环语句each】<!DOCTYPE html><html lang="en"><head> ...原创 2018-03-24 15:37:49 · 15162 阅读 · 0 评论 -
webpack的使用(样式打包,文件打包)
(一)webpack.config中的配置const path = require('path'); //node内置模块用来设置路径的module.exports = { //单个入口文件的配置 --- 对应单页面应用程序 // entry: './src/js/main.js', //文件入口 // output: { //文件出口...原创 2018-03-30 10:59:22 · 1093 阅读 · 0 评论 -
template-web.js模板引擎的使用之初级篇
本次将介绍web前端模板引擎框架之一的template-web.js模板引擎框架的使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head&原创 2018-03-24 15:30:45 · 3155 阅读 · 0 评论 -
webpack的使用(安装,配置)
(一)安装webpack (如果在安装过程中出现意外,可以看上一章“npm踩过的坑”可能会帮你解决安装失败的一些问题)1.先全局安装:npm install webpack -g 一定要全局安装,不然在项目中使用本地安装webpack后,无法使用webpack命令2.本地安装: npm install webpack --sava-dev (其实本地安装后,使用的webpack命令是使用的全局...原创 2018-03-30 10:13:16 · 555 阅读 · 0 评论 -
web前端缓存之五--单例模式封装opendatabase
前言如果不了解opendatabase数据库的操作的各位,建议先学上一篇《web前端缓存之四opendatabase》后,再来看这一篇的内容,本章内容也是前端缓存系列的最后一遍,对opendatabase数据库的一个简单的封装,当然对于具有java基础的童鞋们,可以忽略此篇文章。好了,废话不多说,直接直奔主题,请看正文吧(还是基于上一篇的实例来写的):<!DOCTYPE html>&...原创 2018-03-24 09:08:09 · 597 阅读 · 0 评论 -
web前端缓存之四openDatabase数据库
前言本次数据库缓存的api学习要求对数据库操作语句有点基础认知,如果不了解数据库语句的简单的增删查改的话,建议观看此篇博客的童鞋先去小小的了解一下数据库语句的增删改查,本文也只是对数据库表的增删改查的基本操作的实例演示,并没有做一些数据库表的关联操作,但满足大家对前端数据缓存的大多数要求。实例演示数据库操作的api<!DOCTYPE html><html lang="en"&g...原创 2018-03-24 08:40:54 · 14269 阅读 · 2 评论 -
web前端缓存之三sessionStorage
看了前两篇的童鞋都知道,每个缓存的api都有它的优缺点,希望大家能够在看完这个web前端缓存系列之后,能够帮助大家在项目开发中能够合理的使用每一个api<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<原创 2018-03-24 08:26:15 · 3627 阅读 · 0 评论 -
web前端缓存之二localStorage
在写本次文章之前,先补充一下上篇cookie遗留下来没有写的一点点小知识下面是localStorage的用法与总结<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>&am原创 2018-03-24 08:19:47 · 741 阅读 · 0 评论 -
Handlerbars.js模板引擎的使用之初级篇
继template-web.js后的又一个模板引擎Handlerbars.js的使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head&原创 2018-03-24 17:00:33 · 585 阅读 · 0 评论 -
Handlerbars.js模板引擎的使用之中级篇
本文将介绍Handlerbars的 循环语句,判断语句等使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="t原创 2018-03-24 17:03:29 · 334 阅读 · 0 评论 -
sass系列之sass的语法使用(一)
1.关键字的解释@mixin 关键字声明方法------相当于javaSrcipt中的function@include调用@mixin声明的方法------其实就是相当javaScript中的 window.方法名() 去调用方法@extend引用定义好的css样式@if 与 @else 其实就是if...else语句2.实例解释 @mixin与@include @if..@else1)sass...原创 2018-04-18 14:51:14 · 385 阅读 · 0 评论 -
sass系列之sass的基本使用
本文介绍sass使用系列的第一节,最简单的基础使用,有过sass的可以直接跳过本章内容。第一步 搭建环境1.电脑搭建ruby环境---直接百度下载rubyinstaller-2.3.3.exe软件,安装就可以了。2.项目配置 webstrom 单机File中的Settings 如下 去添加SCSS第二步 新建文件xxx.scss第三步 sass语法的使用之 sass定义全局变量以$符号开头 与 ...原创 2018-04-17 19:36:57 · 325 阅读 · 0 评论 -
npm一系列踩坑问题的解决
(一)npm国内淘宝npm镜像的使用1.临时使用 npm --registry https://registry.npm.taobao.org install express2.持久使用 npm config set registry https://registry.npm.taobao.org3.检查配置是否成功 npm config get registry4.通过cnpm使用 npm in...原创 2018-03-29 09:45:12 · 2485 阅读 · 0 评论 -
html打包桌面应用(快速入手)
大家好啊打包桌面应用有两款工具可以打包,一种是 Electron,另一种是nw.js ,本篇幅采用的Electron工具讲解。第一步:安装Electron cnpm install electron -g (全局安装electron) 第二步: 安装electron-packagercnpm install electron-packager -g (打包)第三步: 安装electr...原创 2018-03-27 08:51:28 · 8591 阅读 · 0 评论 -
仿Bootstrap模态框的实现
又到周末了,闲来无聊,就仿照Bootstrap模态框去自定义实现了一个小小的模态框。特点:【1.自定义模态框支持两种动画的展示与关闭 2.支持页面顶部呈现与支持页面居中呈现】效果图+代码实现:主页代码的实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &原创 2018-03-31 14:46:05 · 1300 阅读 · 0 评论 -
webpack的使用(插件HtmlWebpackPlugin)
与前两篇想结合1.安装HtmlWebpackPlugin插件2.在webpack.config.js中配置插件(此处实例是多页面应用)//多页面应用plugins: [new HtmlWebpackPlugin({ title: "页面一", //指定页面名称 filename: "index.html",//指定生成的页面名称 默认生成在output指定的路径下 tem...原创 2018-03-30 16:03:42 · 884 阅读 · 0 评论 -
仿小米官网轮播图(Banner)的实现
本篇是仿照小米官网所做的轮播图,注意事项(图片命名规则为 banner-img-0.jpg,banner-img-1.jpg 依此类推);实例代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<原创 2018-03-26 08:09:33 · 3483 阅读 · 0 评论 -
Handlerbars.js模板引擎的使用之高级篇
本篇将介绍handlerbars的自定义标签的使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/c原创 2018-03-24 17:06:11 · 647 阅读 · 0 评论 -
web前端缓存之一cookie
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--cook原创 2018-03-23 19:25:55 · 2014 阅读 · 0 评论