经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
前端设计:HTMLXHTMLHTML5CSSJavaScriptCSS3HTML DOMjQueryJSONAJAXLESSBootstrapFoundationAngularJSTypeScriptAngularJS2ReactjQuery UIjQuery EasyUINode.jsHighchartsEchartsVue.jsCoffeeScriptEmber.jsExt.jsMeteorSASSOmiMarkdown前端开发规范浏览器webpack
 前端设计
Vue路由配置history模式

Vue路由配置history模式

我的博客: https: github.com/Daotin/fe-note i ues vue需要node.js吗? 你可以用 script 标签的形式引入vue.min.js 这样的,不需要nodejs。 使用node有几件事,打包部署,解析vue单文件组件,解析每个vue...[2020/4/2]

原生Javascript使用Promise对象借助关键字async&await设置JS休眠时间

  偶然间遇到,需要在JS中解决类似于C#中的线程休眠问题,JS有Promise对象,可以帮助我们实现这一点,网上有很多类似文章,我这里列举一个使用示例:   定义休眠方法--使用Promise创建一个异步可等待的方法: 设置JS休眠一定时间后执行的动作 va...[2020/4/2]

原生Javascript使用fetch发起请求_模拟get|post|文件流下载等

原生Javascript使用fetch发起请求_模拟get|post|文件流下载等

  有时候,我们无法借助熟悉的jquery发起请求,原生JS里是支持fetch函数的,这是个高度封装的方法,帮助我们做了很多底层的封装,下面列举一些发起请求的示例:     1-发起Get请求: httpGet请求 var httpGet = async fu...[2020/4/2]

原生Javascript使用Dom对象实的querySelectorAll实现jquery筛选器效果

  还是那句话,有时候你可能没有Jquery可用,那么我们可以借用原生JS中Dom对象的新方法:querySelector和querySelectorAll   实现Jquery筛选器同样的筛选节点的效果,下面列举一些示例:   1-直接从页面中筛选元素...[2020/4/2]

可视化工具D3.js教程 入门 (V5版)

可视化工具D3.js教程 入门 (V5版)

    可视化工具D3.js,就不赘述他的简介与下载了,官网上看,直接上教程:   可视化工具D3.js教程 入门   (第一章)——  hello world 可视化工具D3.js教...[2020/4/2]

JavaScript中数组的选择排序和冒泡排序

选择排序 代码 <script> let arr = [1, 4, 6, 8, -2]; console.log(arr); for (let i = 0; i < arr.length; i++) { for (let j = ...[2020/4/2]

可视化工具D3.js教程 入门 (第五章)—— 一个简单的图表

从这里开始  我们就将开始画一个简单的图表了 在此之前 ,最好掌握以下svg的基本知识。 一个间的的例子如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset=...[2020/4/2]

可视化工具D3.js教程 入门 (第六章)—— 比例尺的使用

   1、比例尺是什么?   比例尺能将“一个区间”的数据映射到“另一个区间”。   例如[0, 1]对应到[0, 300],当输入0.5时,输出150。或者将[0, 1, 2]对应到["red", "green"...[2020/4/2]

第一篇:前端开发-css元素类型详解

 c 元素类型详解  c 元素类型可分为三类:块状元素、内联元素以及可变元素(具有争议) 1、块状元素 特点:   a、在页面中以矩形区域显示;   b、自上而下排列,独占一行;   c、可直接添加宽高;   d、一般情况下直接作为其他元素或内容的容器...[2020/4/2]

第二篇:前端开发-css盒模型简介

c 盒模型简介 1、c 盒模型是网页布局的基石!盒模型从内到外一共包含四个区域:   内容区 、内填充(补白)、边框、外间距。其中内填充和外边距得以实现的途径要依靠padding和margin两个属性。 2、padding用法:   1、padding长在内容区与边框之间,在盒子...[2020/4/2]

第三篇:前端开发-css选择符归纳

c 选择符归纳 1、类选择符(标签选择符):所有的HTML的标签都可以直接当做选择符来使用     特点:能选中当前结构里面所有同名的标签。 2、id选择符:     特点;唯一性!同一个页面中一个id名只能用一次。     应用:主要用来划分外围结构。     起名规范: ...[2020/4/2]

js数组方法

js数组方法

 join() join,就是把数组转换成字符串,然后给他规定个连接字符,默认的是逗号(  ,) 书写格式:join(" "),括号里面写字符串  ("要加引号"), 原数组不变 var arr = [1,2,3]; conso...[2020/4/2]

ajax post下载flask文件流以及中文文件名问题

ajax post下载文件 后端返回文件流,flask中可使用 return send_file(文件路径) 返回二进制文件流,在headers中传送文件相关信息(如文件名)。 前端使用 URL.createObjectURL() 创建创建一个  DOMString URL对象,...[2020/4/2]

webpack3.0升级4.0的方法步骤

1.webpack 3.11升级4.26 为了提升打包效率,在webpack3.11基础之上做了升级,webpack4.0发布以来,零配置的webpack对项目本身提供的“打包”和“压缩”功能已经做了优化,如果在项目开始使用4.0而不用vue-cli的默认配置,遇到的问题或许能少一些。 ...[2020/4/2]

基于js实现逐步显示文字输出代码实例

今天清理chrome书签,突然就点到了一个关于 知乎五周年的网页,这帮程序员的脑子真有趣,就算是保存一年后再看也还是觉得好有趣,下边是一个截图图片描述 这个网页展示了一个类似ide接口的小窗口,文字逐步输入,并且还伴随一些有点炫的c 动画,为个人生成专属数据。当然这个展示还包括了其他一些...[2020/4/2]

JS实现图片懒加载(lazyload)过程详解

对于图片较多的页面,使用懒加载可以大幅提高页面加载速度,提高用户体验。 懒加载的意义(为什么要使用懒加载) 对页面加载速度影响最大的就是图片,一张普通的图片可以达到几M的大小,而代码也许就只有几十KB。当页面图片很多时,页面的加载速度缓慢,几S钟内页面没有加载完成,也许会失去很多的用户...[2020/4/2]

每个前端工程师都应该懂的前端性能优化总结:

采用c 雪碧图(c sprite/c 图片精灵)技术 采用c 雪碧图(c sprite/c 图片精灵)技术,把一些小图合并到一张大图上,使用的时候通过背景图片定位,定位到具体的某一张小图片上c 代码如下: .pubBg{ background: url(''././img p...[2020/4/2]

Vue的生命周期

  Vue的生命周期图   红色圈出来的都是钩子函数,成对的,和el、template、data一个级别。 组件也是一个Vue实例,也有这些生命周期,并不是说要显式new Vue()才是一个Vue对象。       dem...[2020/4/2]

倒影box-reflect(可图片可文字)

倒影box-reflect(可图片可文字)

需要写兼容写法: -webkit-box-reflect:below 3px -webkit-(repeating)linear/redial-gradient(...); 1.先写direction定义方向: above:倒映在其对象的上边 below:倒映在其对象的下边 le...[2020/4/2]

弹性盒模型

flexbox  通过给父级添加display: flex;  使父级变成一个弹性盒模型,以此来影响后代元素(不会影响自身) 设置过弹性盒模型的父级,其子代一般不会超出父元素的内部范围,除非被内容撑开子元素的宽高,导致无法改变子元素的大小时会超出,(注意:一串数字或...[2020/4/2]

想学web前端缺乏学习路线?看这里,必须收藏!

web前端这块算是比较简单,也比较有意思的,下面列举一下学前端的几个阶段,大家可以根据自己的情况循序渐进的学习。 第一阶段: HTML+CSS: HTML、CSS基础、div+c 布局 JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAsc...[2020/4/2]

viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)

一、简介 Viewer.js 是一款强大的图片查看器。 Viewer.js 有以下特点: 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转(类似微博的图片旋转) 支持水平/垂直翻转 支持图片移动 支持键盘 支持全屏幻灯片模式(可做屏保) 支持缩略图 支持标题...[2020/4/2]

js正则匹配table,img及去除各种标签问题

核心代码 获取公示栏内容 s = "$row.detail$"; mainContent =s; 如果有多个table使用下面注释的正则只会匹配成一个table var tabReg = /<table[^>...[2020/4/2]

sharp.js安装过程中遇到的问题总结

由于Sharp基于C++的libvips库来实现,本地Mac开发完后在部署时安装sharp模块时会基于测试环境Liunx平台编译安装,测试环境安装时发现请求github下载libvips-8.9.1-linux-x64.tar.gz,所以只能失败告终。后来看源码和文档发现sharp项目考虑周到优先...[2020/4/2]

JavaScript DOM 样式操作

JavaScript DOM 样式操作 JavaScript 样式操作包括:通过 style 属性控制元素内联样式,通过 getComputedStyle 方法获取元素生效的样式,通过改变元素类名改变伪元素样式以通过计时器实现样式动画 style 属性 DOM 不能直接操作 C...[2020/4/2]

Vue 向组件中插入内容

  向组件中插入内容有2种方式 槽点 子组件     demo  使用槽点向组件中插入内容   Vue.component(''Parent'',{ template:` <!--反引号比引号更好用-->...[2020/4/2]

零基础想学习web前端?这套教程是你正在苦苦寻找的吧

你也许会觉得Web前端开发是一个很简单的工作,但当你深入其中时,一定会发现好像Web前端开发不是那么简单,光网站性能优化、响应式、框架就让你焦头烂额。确实,做前端开发就是先易后难,想成为一个优秀的Web前端开发,没有那么简单。不过,天下事难则不会,会则不难,你只需要掌握11项技能就可以成为...[2020/4/2]

JavaScript中数组的常用方法

目录1. 增加元素2. 删除元素3. 更改元素4. 查询元素5. 清空数组6. 逆置数组7. 拼接两个数组8. 将数组转换为字符串9. 取出指定范围的数据10.统一给数组中的元素赋值 1. 增加元素 在数组开头增加 通过unshift方法 注意点:该方法会返回增加后数组的长度 例如:...[2020/4/2]

javascript正则表达式入门先了解这些Adagio-

前言 此内容由学习《JavaScript正则表达式迷你书(1.1版)》整理而来(于2020年3月30日看完)。此外还参考了MDN上关于Regex和String的相关内容,还有ECMAScript 6中关于正则的扩展内容,但不多。在文章末尾,会放上所有的链接。 迷你书共七章,我都做了相应...[2020/4/2]

Vue 父子组件之间的通信

  组件之间的通信分为2种 父子组件之间的通信 非父子组件之间的通信     父组件向子组件传数据    <div id="app"></div> <script> ...[2020/4/2]

JS弱类型语言的优势——之模板字符串

  ES6中,开始支持模板字符串。   尽管Java和C#这样的高级语言有非常多吸引人的地方,但是想js这样的弱类型语言,也有独到之处。   equType:有四种类型,分别是:chl、chwp、cwp、cot,后端java接口提供了四个接口,四个接口对应四个函数调用,每一个函数名的...[2020/4/2]

Vue 非父子组件之间的通信

  实现非父子组件之间的通信,有以下几种方式 Bus总线。创建一个空的Vue对象作为Bus中央事件总线(中间组件)。 vuex(适合大型项目,小项目效果不明显) provide/inject(同根往下派发) 本地存储  第一种是最常用的...[2020/4/2]

JavaScript模块化-CommonJS、AMD、CMD、UMD、ES6

前言:模块化开发需求 在JS早期,使用script标签引入JS,会造成以下问题: 加载的时候阻塞网页渲染,引入JS越多,阻塞时间越长。 容易污染全局变量。 js文件存在依赖关系,加载必须有顺序。项目较大时,依赖会错综复杂。 引入的JS文件过多,不美观,且不易于管理。 一、Common...[2020/4/2]

Vue webAPP首页开发(一)

接上篇 https: www.cnblogs.com/chenyingying0/p/12609330.html   首先说下格式化的问题: vscode可以安装Vetur插件    安装之后重启编辑器,鼠标右键,有一个格式化代码选项...[2020/4/2]

jquery点击事件click无效

  在做图片删除的时候发现动态添加的图片右上角叉叉点击事件click无效? 试试这个解决方法(click后面参数加子元素) 图片删除 $(''#addImgBox'').on(''click'',''.img i'',function(){ console....[2020/4/2]

jquery如何判断鼠标是否在当前div上,实战方法

如图,想实现模糊查询点击文字赋值到搜索框,离开则关闭模糊查询提示,但失去焦点时模糊查询div隐藏就无法实现点击赋值的事件了,这时候需要隐藏时判断是否离开模糊查询,附上代码 全局变量 var x,y; $(document).mousemove(function(e){ ...[2020/4/2]

详解CSS标签中的显示模式_CSS教程_CSS

标签的显示模式(重点) div和span标签 ​1.样式完全相同,标签不同,显示的结果完全不同 ​2.每个div会独占一行,多个span会并列一排 1.块元素 特点:宽度默认是100%,高度默认是0,可以设置宽度和高度,会继承父级的宽度,换行显示&mda...[2020/4/2]

CSS适配iPhone全面屏的方法_CSS教程_CSS

一、media query方式 /*iPhone X 适配*/ @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { ...[2020/4/2]

如何做才能让你真正实现前端进阶?

很多读者经常问我:恺哥,我怎么样才能进阶前端呀?能推荐一些资料嘛? 首先我们定个基调,这里的进阶指的是让自己成为厉害点的人,能够找工作不难的人,相信大家都是想成为这样的选手吧~ 其实大部分情况下你多学会了一门框架 / 库的使用,或者多会了一门语言,确实能让你做的事情更多了,但是离你真...[2020/4/1]

HTML与CSS基础day1

目录术语HTMLCSS版本和兼容性开发环境的准备HTML 术语 web:互联网。 w3c:万维网联盟,非盈利组织,官网:w3.org。为互联网提供各种标准。 代替网址:MDN:Mozilla Development Network。Mozilla开发者社区。有中文。 ISO:国际...[2020/4/1]

Vue搭建课程首页

按照国际惯例先放效果图     项目结构搭建 首先修改app.vue <template> <div id="app"> <router-view/> </div> </templa...[2020/4/1]

Vue 组件开发

  将页面拆分为多个组件,简化了页面开发,方便维护,组件也可以复用。   组件的类型 通用组件,比如表单、弹窗、菜单栏、分页组件等 业务组件,实现某一业务的组件,比如抽奖组件 页面组件,也叫做单页,一个页面就是一个组件,只完成功能,不复用   ...[2020/4/1]

关于React.Fragment

官方文档:React 中一个常见模式是为一个组件返回多个元素。Fragments 可以让你聚合一个子元素列表,并且不在DOM中增加额外节点。 作用:代替div作为外层的包裹层。 Fragments看起来像是一个空的标签。 render() { return ( <...[2020/4/1]

vue项目准备与骨架搭建(一)

首先保证这些条件满足:     然后全局安装vue cnpm install -g vue-cli 安装完成后可以使用vue -h查看vue的帮助文档     vue list 查看vue支持的模板 我们接下来会用到的是w...[2020/4/1]

Vue 入门

  vue是国人开发的一个js框架,国人用得比较多。     Vue等框架与jQuery的区别 jQuery基于dom操作 Vue框架以数据驱动、组件化开发为核心     下载vue.js 如果安装了node,...[2020/4/1]

vue项目准备与骨架搭建(二)

接上篇 https: www.cnblogs.com/chenyingying0/p/12608666.html   为什么导航不使用fixed定位: 首先解释下,手机端的头部导航和底部导航,位置一般都是固定不变的 但是我们这里不使用固定定位fixed,因为它...[2020/4/1]

Vue 常用指令

Vue 常用指令

  指令是以数据去驱动DOM行为,简化DOM操作。常用指令如下 v-text    innertext,不能解析文本中的html标签 v-html   innerhtml,可解析文本中的html标签 v-show ...[2020/4/1]

Vue 过滤器

  内容中的{{var}}会直接显示,使用过滤器:{{var | 过滤器名}},会先用过滤器处理var,再显示。 按作用域划分,有2种过滤器:全局过滤器、组件内过滤器。     demo  组件内过滤器    <div id="a...[2020/4/1]

JavaScript DOM 常用尺寸

JavaScript DOM 常用尺寸 JavaScript 操作 DOM 时经常会用到一些尺寸,本文介绍怪异模式和标准模式下的滚动条距离、窗口尺寸、文档尺寸、元素文档坐标的兼容性写法以及窗口滚动到指定位置的方法 怪异和标准模式 浏览器在解析 CSS 时有怪异和标准两种模式,目的是...[2020/4/1]

如何支持组件的子元素任意摆放

一个筛选组件如下图: 筛选组件包含一个 button 和一个 form,button 能控制 form 的显示与隐藏。设计里 button 和 form 在一行,实现时理所当然地把这一行封装成了一个组件。 但在另一个项目里,设计有区别,button 被放到了面板的右上角,之前写的...[2020/4/1]

57
2
记录数:13231 页数:1/26512345678910下一页尾页
加载更多