- 博客(32)
- 收藏
- 关注
RSS订阅
原创 vue开发微信公众号，切换底部导航实现图标更换功能
实现点击切换底部导航更换图标<template> <div> <div class="tabbar"> <div class="tabbar_con" > <div class="tab_icon" v-for="(item,index) in tabs" :key="index" @...
2020-01-10 17:29:21
1076
1
原创 Bootstrap基础入门(适合初学者)
Bootstrap基础入门一、Bootstrap介绍什么是bootstrap?简单，直观，强悍的前端开发框架，让web开发更迅速，简单。来自Twitter，是目前很受欢迎的前端框架之一。Bootstrap是基于HTML,CSS,Javascript的 2.特点移动端设备优先：自Bootstrap3起，框架包含了贯穿于整个库的移动设备优先的样式响应式设计：采用栅格布局（底层实现原理：媒体查询结...
2018-03-11 17:00:40
12702
4
原创 qa环境突然产生跨域
qa环境产生跨域原因是： NGINX和api-gateway 都配置了，实际上配置一个就行。 NGINX的去掉就可以了需要后端配置下。
2020-01-15 15:23:47
327
原创 js实现获取当前年月日，以文字方式显示
js实现获取当前年月日，以文字方式显示例如获取：二零二零年一月一零日～//封装函数，方面调用function convertToChinese(num){ var N = [ "零", "一", "二", "三", "四", "五", "六", "七", "八", "九" ]; var str = num.toStrin...
2020-01-10 17:39:27
1212
原创 什么是Gulp？如何使用Gulp
什么是Gulp？如何使用GulpGulp 是基于node.js的一个前端自动化构建工具，开发这可以使用它构建自动化工作流程（前端集成开发环境）。 使用gulp你可以简化工作量，让你把重点放在功能的开发上，从而提高你的开发效率和工作质量。 例如：你可以用gulp可以网页自动刷新，和MVVM开发模式很相似，如果你对vue.js有所了解的话，那么你一定不会陌生。你也可以使用gulp对sass进行...
2018-08-31 10:19:52
1069
原创 什么是Webpack?怎么使用Webpack?
什么是Webpack?怎么使用Webpack?什么是Webpack?Webpack模块打包工具，它会分析模块之间的依赖关系，然后使用loaders处理它们，最后生成一个优化并合并后的静态资源。简单的说就是打包，压缩各种静态资源的工具 2.目的？性能优化减少浏览器像服务器的请求次数节约服务器的带宽资源 3.如何使用Webpack？ (1)Webpack的环境搭建Webpack是基于...
2018-07-12 20:51:11
9058
原创 数组的扩展-array.some()和array.every()区别？
array.some()和array.every()区别？some():方法用于检测数组中的元素是否有满足指定条件的，若满足返回true，否则返回false； every():方法用于检测数组中所有元素是否都符合指定条件，若符合返回true，否则返回false；一：some()语法：array.some(function(item,...
2018-06-12 14:28:17
13123
2
原创 怎么判断是Pc端还是移动端？
怎么判断是Pc端还是移动端？console.log(window.navigator.userAgent)移动端返回的是：“Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Mobile Safari/537.36”移动...
2018-06-07 19:40:55
1347
原创 微信小程序实现动态设置导航栏标题
微信小程序实现动态设置导航栏标题微信小程序是可以动态改变导航栏标题的，首先我们先看一下怎样静态的改变导航栏信息进入my.json文件,配置导航栏信息导航栏对应显示：这样一波操作简单的就能实现了下面讲怎样实现动态设置导航栏标题获取数据里面的name如果是点击事件+跳转那我们就要用到传参数了首先加点击事件，和自定义事件其次通过wx.navigateTo({})利用？把name拼接到路径后面跳转到哪个页...
2018-05-18 11:31:56
1651
原创 小程序开发(适合初学者)
小程序开发(适合初学者)1.开发小程序的步骤注册小程序账号激活邮箱信息登录登录小程序管理后台完善小程序信息绑定开发者2.环境搭建以及开发工具介绍3.小程序的版本预览版本——手机本地预览(要填写AppID才能在手机上预览）开发版本——上传成具有具有版本号的小程序应用，具有开发者权限的可访问体验版本——在小程序管理后台可以将开发版本切换成体验版本，具有体验权限的成员可见审核版本——提交审核的版本线上版...
2018-04-10 20:06:03
5031
原创 小程序的开发模式
微信小程序(入门)1.什么是微信小程序?小程序是一种不需要下载安装即可使用的应用，它实现了应用"触手可及"的梦想，用户扫一扫或者搜一下即可打开应用。也体现了"用完即走"的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但用无需安装卸载。2.不需要下载安装即可使用???从技术角度分析：小程序一开始时代码包限制1MB现在增加到2MB,不需要下载安装实际上是因为小程序体积非常小，当用...
2018-04-09 18:53:59
3454
原创 Bootstrap 轮播（Carousel）插件
Bootstrap轮播(Carousel)插件1.页面布局轮播图的容器添加类名 .carousel 声明为相对定位的容器包含所有内容的容器添加类名 .carousel-inner轮播的每一项添加类名 .item，当前轮播的一项额外添加 .active控制轮播的左右按钮添加类名 .carousel-control 左按钮："left" 右按钮："right"若需要添加小圆...
2018-04-02 19:02:46
2432
原创 Bootstrap模态框(Modal)插件
Bootstrap模态框(Modal)插件1.定义模态框(Modal)是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互。2.设置方法模态框设置"modal",一般给它赋予角色 role="dialog"模态框入口设置:通过data属性，在控制器元素(比如按钮或者链接)上设置data-toggle="modal",同时设置d...
2018-03-28 10:39:58
901
原创 Bootstrap基础入门(第四篇)
Bootstrap基础入门(四)一、Bootstrap实现表格表格结构 2.<table>上的类table:为<table>添加基本样式table-striped:为主体内容添加斑马线形式的条纹table-bordered:为所有表格的单元格添加边框table-hover:为主体内容每一行添加鼠标悬停状态table-condensed:可以让表格更加紧凑，单元格中的内...
2018-03-12 19:49:30
761
2
原创 Bootstrap基础入门(第三篇)
Bootstrap基础入门(三)一、Bootstrap选项卡头部导航基类：nav修饰类： (1) nav-tabs nav-justified:内容两端对齐 nav-tabs-justified:下面的线实现两端对齐 (2) nav-pills：胶囊式 说明：也可以设置nav...
2018-03-12 11:27:14
897
3
原创 Bootstrap基础入门(第二篇)
Bootstrap基础入门(二)一、Bootstrap预定义样式风格概念：在一些标签或者组件中用来描述状态的class类常见的预定义样式风格类primary(首选项)success(成功)info(一般信息)wraning(警告)danger(危险) 3.常用预定义样式风格类的标签或组件"*"：代表primary，success,info,wraning,danger按钮样式：btn-*背景...
2018-03-11 21:00:17
1376
4
原创 web前端面试题总结
web前端常见面试题总结1.为何选择前端这个方向？对前端很感兴趣，之前也接触过其他语言，但是直到接触前端才发现真的有兴趣做下去，兴趣是一个人最好的老师。前端很有前途，像现在node.js,rn,微信小程序这类工具和框架可以让前端进行后端和移动开发，所以我觉得前端的前途会更多一点。2.谈谈你对前端的理解？目前前端工程师最核心的技能还是：Html,CSS，JS。前端负责的是用户可以看到的部分，所以也是...
2018-03-01 20:25:54
6925
1
原创 移动端布局总结
移动端布局总结一：viewport概念ViewPort标记用于指定用户是否可以缩放Web页面，如果可以，那么缩放到的最大最小缩放比例是什么。使用ViewPort标记还表示文档针对移动设备进行了优化。ViewPort标记的content值是有指令及其值组成的以逗号分隔的列表。属性width:控制viewport的宽度，可以指定一个值(数字)，也可以是d
2018-02-28 10:29:21
1442
2
原创 Vue.js 常用指令(适合初学者)
Vue.js 常用指令(适合初学者)Vue指令是以(v-)开头的，作用在HTML上将指令绑定在元素上时，会给绑定的元素添加一些特殊行为，可将指令视作特殊的HTML属性（attribute）。下面将介绍Vue中常用的几个内置指令。当然，Vue除了内置指令，也可以根据需求自定义指令。一：先说一下绑定数据的三种方法：v-htmlv-text{{}}v-html：能识别HTML标签<div id=...
2018-02-11 17:17:29
852
1
原创 Git 常用命令总结
每天都在使用git但是很多命令还是记不住，其实把常用的命令记熟练就ok啦 Git常用命令1.首先说一下什么是 版本库？版本库又名仓库，可以理解为一个目录，这个目录里所有的文件都被git管理起来，每个文件的修改，删除，Git都能跟踪，以便于任何时刻都有一个追踪的历史，或者在将来某时刻还原2.怎么创建版本库？...
2017-12-29 09:47:24
435
原创 《揭秘Angular 2》-Typescript 函数
《揭秘Angular 2》-Typescript 函数Typescript再Javascript函数的基础上添加了很多额外的功能，使函数变得更加易用
2017-12-10 21:08:05
548
原创 《揭秘Angular 2》-基本类型
最近在学习《揭秘Angular 2》想向大家分享一下，就从Angular 2入门 TypeScript开始讲起：TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。安德斯·海尔斯伯格，C#的首席架构师，已工作于TypeScript的开发。 ES6中引入了，let变量声明和const常...
2017-12-01 16:06:15
1247
原创 CSS总结
CSS总结CSS英文名：Cascading Style Sheets中文名:汉式层叠样式表作用：用于修饰网页信息的显示样式，控制网页的外观；组成：选择器+一条声明；选择器：表明要应用规则的元素；声明：用于表明应该如何显示选择器指定的元素；语法结构：选择器{属性：属性值} 例：{p:color:#000;}样式表的种类：1.内部样式表 2.外部样式表 3.行内样式表选择器通配符选择器 ...
2017-11-22 12:07:56
351
原创 浅谈HTML
浅谈HTMLhtml：超文本标记语言基本结构：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>网页标题</title> </head> <bo
2017-11-21 16:57:17
405
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人