经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
前端设计:HTMLXHTMLHTML5CSSJavaScriptCSS3HTML DOMjQueryJSONAJAXLESSBootstrapFoundationAngularJSTypeScriptAngularJS2ReactjQuery UIjQuery EasyUINode.jsHighchartsVue.jsCoffeeScriptEmber.jsExt.jsMeteorSASSOmiMarkdown前端开发规范浏览器webpackEcharts
 前端设计

JavaScript 字符串是否包含某个字符串

字符串方式  indexOf()   (推荐) var str = "123"; console.log(str.indexOf("3") != -1 ); true 注:indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索...[2019/11/13]

Vue 2.x 3.x 配置项目开发环境跟线上环境

Vue 2.x 3.x 配置项目开发环境跟线上环境

先找到package.json (这是nuxt版的vue 可能会跟一般vue不一样 当然总体上差不多的)   "scripts": { "dev": "cro -env NODE_ENV=development nuxt", "pro": "cro -env...[2019/11/13]

ES6 箭头函数

           非箭头函数与箭头函数的写法 非箭头函数写法,函数声明function sum(a, b) { return a + b; } 非箭头函数写法,函数表达式 var sum = func...[2019/11/13]

Ueditor 关于视频上传相关问题

    !!!每次改动后记得,清除一下浏览器缓存再试 !!!     4点: 1.修复编辑时视频不能预览问题; 2.插入视频的时候。在预览的窗口提示 “输入的视频地址有误,请检查后再试!” 3...[2019/11/13]

vue 实现 rem 布局的 或者 vw 布局的方法

vue 实现 rem 布局的 或者 vw 布局的方法

vue 实现 rem 布局的 或者 vw 布局的方法 一、实现 rem 布局 移动端 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-sc...[2019/11/13]

rem与em的使用和区别详解【转】

目录 最大的问题是 主要区别 ?rem 单位如何转换为像素值 ?em 单位如何转换为像素值 Em 单位的遗传效果 Em 继承的例子 ...[2019/11/13]

css实现流程导航效果(三种方法)_CSS教程_CSS

css实现流程导航效果(三种方法)_CSS教程_CSS

c 实现流程导航效果,具体内容如下所示: ::tip 使用纯c 线上 流程导航效果。    本文统一采取 flex 布局 ,你也可以采用其他布局实现,核心原理不变 :::   ## 方法一 利用裁剪  该方法IE下不支持 利用裁剪 cl...[2019/11/13]

jquery获取input输入框中的值

如何用javascript获取input输入框中的值,j jq通过name、id、cla 获取input输入框中的value 先准备一段 HTML <input type="text" id="CN_NAME" name="CN_NAME" cla ="CN_NAME">...[2019/11/13]

jQuery实现滑动星星评分效果(每日分享)

每日分享效果,今天分享一个jQuery滑动星星评分效果。 jQuery星星评分制作5颗星星鼠标滑过评分打分效果,可取消评分结果,重新打分。 HTML代码: <!DOCTYPE html> <html lang="en"> <head>...[2019/11/13]

vue项目中锚点定位替代方式

vue项目中锚点定位替代方式

在vue项目中,使用锚点定位会和router的规则冲突,在项目中的表现就是第一次点击url改变了,但是没有跳转到锚点位置,再次点击才会跳转。所以在vue项目中定义一个方法不适用锚点定位: scrollToSection() { let section = document....[2019/11/13]

vue data引入本地图片的两种方式小结

我就废话不多说了,大家直接看吧! 第一种 <template> <img :src="imgsrc"> </template> <script> export default { data () { return ...[2019/11/13]

前端vue-cli项目中使用img图片和background背景图的几种方法

前端中背景图片极其常用,但是很容易出现各种问题. 一种是脚手架本身资源引用方式的问题,如指定静态资源文件夹. 一种是图片资源引入方式,有时候使用绝对或者相对路径会导致错误. c 方法 正常使用background属性即可. 如有问题,应把图片资源放入static静态资源文件...[2019/11/13]

网站优化

1、head部分代码规范化head部分代码是搜索引擎爬行网站的入口部分,将网站的代码规范化,建立起网站独一无二的head部分。2、使用div+c 布局网页大多数网页都在用div+c 另外,一些网站会使用外部文件,将c 和js放在外部文件中,页面html中只要放一行代码调用就可以了,3、c...[2019/11/13]

css之纯css实现流程导航效果

css之纯css实现流程导航效果

:::tip 使用纯c 线上 流程导航效果。     本文统一采取 flex 布局 ,你也可以采用其他布局实现,核心原理不变 :::   ## 方法一 利用裁剪 &n...[2019/11/13]

用canvas写一个简易画图工具

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head>...[2019/11/13]

javaScript 一些小技巧

日历 创建过去七天的数组,如果将代码中的减号换成加号,你将得到未来7天的数组集合 创建过去七天的数组 [...Array(7).keys()].map(days => new Date(Date.now() - 86400000 * days)); 生成随机ID 在原型设...[2019/11/13]

JavaScript为什么能活到现在?

JavaScript为什么能活到现在?

JavaScript能发展到现在的程度已经经历不少的坎坷,早产带来的某些缺陷是永久性的,因此浏览器才有禁用JavaScript的选项。甚至在jQuery时代有人问出这样的问题,jQuery与JavaScript哪个快?在Babel.js出来之前,发明一门全新的语言代码代替JavaScript的呼声...[2019/11/13]

jQuery 源码解析(二十三) DOM操作模块 替换元素 详解

本节说一下DOM操作模块里的替换元素模块,该模块可将当前匹配的元素替换指定的DOM元素,有两个方法,如下: replaceWith(value)     ;使用提供的新内容来替换匹配元素集合中的每个元素。value是新内容,可以是html字符串、DOM元素...[2019/11/13]

前端之html

目录 什么是前端 前端基础 前端必备知识点 软件开发架构 web服务的本质 请求方式 HTTP协议 是什...[2019/11/13]

2.JavaScript中的原型规则以及原型设计模式

原型规则 原型规则 所有的引用类型(数组、对象、函数),都具有对象特征,即可自由扩展属性; 所有的引用类型,都有一个_proto_ 属性(隐式原型),属性值是一个普通对象; 所有函数,都具有一个prototype(显示原型),属性值也是一个普通原型; 所有的引用类型(数组、对...[2019/11/13]

3.Javascript实现instanceof

instanceof instanceof 用于判断某个对象是否是另一个对象(构造方法)的实例。instanceof会查找原型链,直到null如果还不是后面这个对象的实例的话就返回false,否则就返回true 1 function instanceofFunc(obj, co...[2019/11/13]

4.Javascript中实现继承的几种方法及其优缺点

要搞懂JS继承,我们首先要理解原型链:每一个实例对象都有一个__proto__属性(隐式原型),在js内部用来查找原型链;每一个构造函数都有prototype属性(显示原型),用来显示修改对象的原型,实例.__proto__=构造函数.prototype=原型。原型链的特点就是:通过实例...[2019/11/13]

5.Javascript闭包得实现原理和作用

闭包的实现原理和作用 1、闭包的概念:指有权访问另一个函数作用域中的变量的函数,一般情况就是在一个函数中包含另一个函数。 2、闭包的作用:访问函数内部变量、保持函数在环境中一直存在,不会被垃圾回收机制处理       因为函数内部声明 的变量是局部的,只...[2019/11/13]

6.Javascript如何处理循环的异步操作

前沿:参考ES6语法的async/await的处理机制 先上一段代码 1 function getMoney(){ 2 var money=[100,200,300] 3 for( let i=0; i<money.length; i++){ 4 ...[2019/11/13]

Vue.js应用基础

  一  简介     1,什么是vue   Vue (读音 /vju?/,类似于 view) 是一套用于构建用户界面的渐进式框架。所谓渐进式即是指我们可以通过Vue构建从简单到复杂的页面应用,并且Vue.js压缩文件只有33K,构建简单的页面不会显...[2019/11/13]

react新版本配置代理

新学习react 开始配置react跨域的时候   在网上查看到是在packjson.json里面添加如下代码: 1 "proxy": { 2 "/api": { 3 "target": "http: localhost:8080" 4 }, 5 ...[2019/11/13]

7.JavaScript-Promise的并行和串行

Promise 并行 Promise.all是所有的Promise执行完毕后(reject|resolve)返回一个Promise对象。 最近在开发一个项目中,需要等接口拿到全部数据后刷新页面,取消loding效果 1 项目中请求接口 2 function getShow...[2019/11/13]

8.Javascript-map、reduce、filter 等高阶函数

高阶函数 高阶函数是对其他函数进行操作的函数,可以将它们作为参数或通过返回它们。简单来说,高阶函数是一个函数,它接收函数作为参数或将函数作为输出返回。 例如Array.prototype.map,Array.prototype.filter并且Array.prototype.reduc...[2019/11/13]

jquery获取input输入框中的值

如何用javascript获取input输入框中的值,j jq通过name、id、cla 获取input输入框中的value 先准备一段 HTML <input type="text" id="CN_NAME" name="CN_NAME" cla ="CN_NAME"...[2019/11/13]

vue-cli3和element做一个简单的登陆页面

1.先用vue-cli3创建一个项目 2.安装element模块  全局安装 npm i element-ui -S 3在main.js引入模块 import ElementUI from ''element-ui''; import ''element-ui...[2019/11/13]

ES6 解构 destructuring

解构的作用:简化书写长度,提升开发效率。 解构对象 在开发中我们常用到使用ajax请求数据,并且把数据渲染到页面上。可能这个数据返回的对象或数组。例如返回一个obj{name:''zwq'',age:18,sex:woman}而我们获取里面的值保存在变量里会用 var name = ...[2019/11/13]

Vue

Vue

Jquery和vue对比   前言:很多人说jquey和vue没有什么可比的,应该和Angular,React来比吧,我到觉得他们倒没有多大的可比性,都是基于mvvm思想设计的框架,无非就是实现的方式不一样,在不同场景下性能上会有一些差异。然而从jquery到vue或者说是...[2019/11/13]

《JS高程》-教你如何写出可维护的代码

1、前言 在平时工作开发中,大部分开发人员都花费大量的时间在维护其他人员的代码。很难从头开始开发新代码,很多情况下都是以他人成果为基础的,或者新增修改需求,自己写的代码也会被其他开发人员调用,所以写好一份高质量可维护的代码就显得十分重要。 2、什么是可维护代码 可维护代码需要遵循以下几...[2019/11/13]

HTML Rendering Error - 纪宇-年华

刚下载的markdown弹窗提示html渲染错误     去官网   http: markdownpad.com/faq.html#livepreview-directx  页面搜索 This view has crashed ...[2019/11/13]

推荐一款酷炫闪烁的告警按钮

效果如下:   代码如下(点击可展开查看源码): <!DOCTYPE html> <html xmlns="http: www.w3.org/1999/xhtml"> <head> <meta http-equiv="Con...[2019/11/13]

打开文件报“EFailed to load resource: net::ERR_FILE_NOT_FOUND”错误

类似这样:   引入文件的路径错误   原文链接:http: www.cnblogs.com/yixiongqiang/p/11842733.html[2019/11/13]

小程序如何实现rem

最近在学习小程序,要把html的代码转换成小程序界面,其中就遇到了rem的转换问题,但小程序不太兼容rem,不是不能用rem,而是没办法设置根元素的font-size,因为rem是相对于根元素的font-size,而小程序的根元素font-size一直是16px。既然我设置了page{ ...[2019/11/13]

day 42

目录 前端 什么是前端 什么是后端 web服务的本质 请求方式 HTTP协议 1.四大特性 ...[2019/11/13]

JavaWeb第一天--HTML

HTML HTML简介 HTML(Hyper TextMarkupLanguage) 超文本标记语言。 超文本: 超越了文本仅仅展示信息的功能范畴,泛指:图片、有样式的文字、超链接。 标记: 标签。 语言: 工具。 HTML是由标签所组成的语言,能展示超文本的效果。 HTML的...[2019/11/13]

CSS浮动

CSS浮动 传统网页布局的三种方式 网页布局的本质——用来CSS来摆放盒子。把盒子摆放在相应的位置 CSS提供了三种传统的布局方式: 普通流(标准流) 所谓的标准流,就是标签按照规定好默认方式排列 块级元素会独占一行,从上向下排列 常用元素:div、hr、p、h1~h6、...[2019/11/13]

CSS基本选择器是什么?基本选择器是如何工作

基本选择器介绍 基本选择器又分为六种使用方式:如、通用选择器、标签选择器、类选择器、Id选择器、结合元素选择器、多类选择器。 基本选择器使用说明表。 选择器 语法格式 含义 举例 通用选择器 *{属性:值;} 通用选择器可以选择页面上的所有元素,并对它们应用样式,用 * ...[2019/11/13]

解决Vue打包上线之后部分CSS不生效的问题

首先注释掉webpack.prod.conf.js中下面的代码 new OptimizeCSSPlugin({ c Proce orOptions: config.build.productionSourceMap ? { safe: true, map: { inli...[2019/11/13]

vue 项目打包时样式及背景图片路径找不到的解决方式

问题描述:vue项目打包后,文件找得到,但是引用的字体及背景图片找不到; 解决方法: 主要是需要单独为 c 配置 publicPath 。 ExtractTextWebpackPlugin 提供了一个 options.publicPath 的 api,可以为c 单独配置 public...[2019/11/13]

vue-element-admin 菜单标签失效的解决方式

设置菜单路由时,代码如下: { path: ''/materieluse'', component: Layout, meta: { title: ''仓库管理'', icon: ''component'' }, children: [{...[2019/11/12]

vue页面切换项目实现转场动画的方法

vue页面切换项目实现转场动画的方法

前言 移动端, 使用vue为了良好的用户体验, 会需要实现APP形式的切换页面的左滑和右滑效果 实现原理, vue的过渡 & 动画 技术栈: vue + vue-router 解决思路 区分前进 和 后退的路由 网上搜索的资料, 找到了两种 监听popstate...[2019/11/12]

NPM常用指令

npm安装模块基本命令 npm install moduleName # 安装模块到项目目录下 npm install moduleName -g #-g 的意思是将模块安装到全局 npm install moduleName -save #-save 的意思是将模块安装到项目目录...[2019/11/12]

js获取列表多条数据(接口)

读取数据: ajax去服务器端校验$.ajax({ type:"post", url:"http: ", data:{deviceid:1}, dataType:''json'', succe : function(data) { var...[2019/11/12]

javascript严格模式详解(含严格模式与非严格模式的区别)

严格模式的优缺点 优点: 提高代码解析与运行速度 禁用一些不合理的语法,减少代码的怪异行为 缺点 某些代码在严格模式下会报错,尤其引入公用与第三方模块的时候需要注意 有些严格模式的特性在不同浏览器的支持情况不同,需要注意兼容问题 严格模式与非...[2019/11/12]

Vue 中 a标签上href无法跳转的解决方式

问题: 使用vue-router 在IE下 a标签里的路由不跳转,火狐,chrome工作正常。 解决: 在App.vue 里增加判断IE浏览器手动修复…… export default { name: ''App'', mounted(){ function ...[2019/11/12]

vue 中几种传值方法(3种)

前言 vue项目中,组件跟组件之间数据的传递是很普遍的行为,在这里总结几种常见的vue组件跟组件之间传值方式,其中,主要有父子组件,非父子组件传值。 父组件向子组件传值 方法:父组件内设置要传的数据,在父组件中引用的子组件上绑定一个自定义属性并把数据绑定在自定义属性上,在子组件添加...[2019/11/12]

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