经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
前端设计:HTMLXHTMLHTML5CSSJavaScriptCSS3HTML DOMjQueryJSONAJAXLESSBootstrapFoundationAngularJSTypeScriptAngularJS2ReactjQuery UIjQuery EasyUINode.jsHighchartsEchartsVue.jsCoffeeScriptEmber.jsExt.jsMeteorSASSOmiMarkdown前端开发规范浏览器webpack
 前端设计
JavaScript进制转换实现方法解析

JavaScript进制转换实现方法解析

本文实例讲述了JavaScript进制转换实现方法。分享给大家供大家参考,具体如下: JavaScript进制转换 十进制转为其它进制 不带参数调用toString( ),即默认toString(10), 如要以其它进制显示数字,只要作为参数传入toString( )即可,如num...[2020/1/18]

vue中使用WX-JSSDK的两种方法(推荐)

vue中使用WX-JSSDK的两种方法(推荐)

公司最近有微信公众号的需求,那么微信登录授权和如何使用WX-JSSDk实现分享等等肯定是最头疼的问题。本人也是第一次开发微信公众号,在网上看了很多篇博客,最终选定了两种方法,并且亲测有效。 一、通过全局,在router.afterEach中定义 1.首先通过yarn add weixin-...[2020/1/18]

解决el-tree lazy懒加载时,连续勾选前两个子节点后第二次进入默认选中时,将父节点也勾选的问题

  在用到el-tree的懒加载和默认勾选功能时,若第一次勾选前几个连续节点,第二次进入默认勾选时,由于el-tree子节点尚未完全加载(只加载出来前几个),默认勾选已经开始(已加载出来的子节点被默认勾选),这时el-tree会认为子节点全部勾选,所以父节点也被勾选,这就导...[2020/1/18]

在 React 中使用 Typescript

前言   用 Typescript 写 React 可比写 Vue 舒服太多了,React 对 ts 的支持可谓天生搭档,如果要用 ts 重构项目,不像 Vue 对项目破坏性极大,React 可以相对轻松的实现重构。 顺便一提:全局安装的 create-react-app ...[2020/1/18]

js实现轮播图效果 z-index实现轮播图

本文实例为大家分享了js实现轮播图效果的具体代码,供大家参考,具体内容如下 实现轮播图 学习前端差不多两三个月,在这里记录分享一下。因本人菜鸟一枚,希望大佬们多多指点,勿喷。 通过计算每一张图片高度实现滑动轮播图 HTML代码: <div cla ="fate"&...[2020/1/18]

vue koa2 nuxt.js 从零开始做个人博客(一) 登录注册功能前端部分

0.效果演示 插入视频插不进来,就很烦。可以出门右拐去优酷看下(点我!)。  1.准备工作 1.1前端框架 前端使用了基于vue.js的nuxt.js。为什么使用nuxt.js? 首先我做的是博客的项目,所以SSR至关重要。虽然跟本文要讲的登录注册没有什么关系,但是文章如果...[2020/1/18]

我的第一个原生Web Components——滑块(SingleSlider) - du-blog

我的第一个原生Web Components——滑块(SingleSlider) - du-blog

  写着写着,就会跑偏,没错又走上了一个岔道……就是不知道这条岔道以后会不会越来越宽,有的说他是未来,有的说…… 这里不知道,也不做什么评断。减少一些重复性的工作,提高开发效率这是最根本的。说白了就是偷懒呗!又说了一大堆废话。接触过...[2020/1/18]

CSS中使用文本阴影与元素阴影

文本阴影介绍 在CSS中使用text-shadow属性设置文本阴影,该属性一共有4个属性值如:水平阴影、垂直阴影、(清晰度或模糊距离)、阴影颜色。 text-shadow属性值说明,在文本阴影实践中:第一个值是设置阴影水平方向移动,第二个值是设置阴影垂直方向移动,第三个值是设置阴影模糊距...[2020/1/18]

react-React深入-一等公民-props-onChange

react-React深入-一等公民-props-onChange

title: '[react]深入 - 一等公民 props & onChange' date: 2017-08-23 10:05:07 tags: react reactjs props onChange 框架 redux categories: ...[2020/1/17]

webpack打包后不能调用,改用uglifyjs打包压缩

背景: 项目基于原生js,没用到任何脚手架和框架,但也需要打包压缩。 项目的js中声明了一些全局变量 供其他js调用。 这时候如果用webpack打包,基于webpack特性,会嵌套一层大函数,会将js中的变量变成局部,不能供其他js调用。  因此弃用了webpack。...[2020/1/17]

jQuery---手风琴案例+stop的使用(解决动画队列的问题)

手风琴案例+stop的使用(解决动画队列的问题)   stop(); 停止当前正在执行的动画   <!DOCTYPE html> <html lang="en"> <head> <meta charset="U...[2020/1/17]

jQuery---音乐导航

音乐导航   <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <...[2020/1/17]

np.dot()函数的用法详解

基本简介 dot函数为numpy库下的一个函数,主要用于矩阵的乘法运算,其中包括:向量内积、多维矩阵乘法和矩阵与向量的乘法。 1. 向量内积 向量其实是一维的矩阵,两个向量进行内积运算时,需要保证两个向量包含的元素个数是相同的。 例1: import numpy...[2020/1/17]

jQuery---京东轮播图

jQuery---京东轮播图

京东轮播图 有个计数的,点右边,计数增加,判断计数是否超过总的长度,超过设置计数为0,再设置当前的图片动画,兄弟的图片动画 左边点击同理,计数是--,判断计数是否等于-1,等于则reset计数为总长度,在设置当前的图片动画,兄弟的图片动画   <!DOCTYPE ...[2020/1/17]

jQuery---自定义动画 animate();

自定义动画 animate(); 第一个参数:{对象},里面可以传需要动画的样式 第二个参数:speed 动画的执行时间 第三个参数:easing 动画的执行效果 第四个参数:callback 回调函数         &...[2020/1/17]

a标签打开一个已有页面自动刷新而不是开一个新标签

https: www.zhangxinxu.com/wordpre 2019/10/a-href-target-window-blank-refresh/ 原文链接:http: www.cnblogs.com/lwwen/p/12206505.html[2020/1/17]

浏览器应用集成嵌入WPS指南

      因为该WPS插件使用NPAPI机制来和浏览器交互,故要求使用插件的浏览器必须支持NPAPI机制且必须开启NPAPI机制。 以下是支持的常见的浏览器及其版本: FireFox浏览器52及小于52的版本(高于52的版本不再支持N...[2020/1/17]

react-mockjs

2020-01-17 react-mockjs 使用 最近参加了公司的一个新的项目,前后端同时开发,这时后端提供不了前端接口,那么就要靠咱们前端自己mock数据啦。 用到mock 数据的工具是 mockjs ,就是这个。      这里是gith...[2020/1/17]

一个简易的 LED 数字时钟实现方法

这个应该是已经有很多人做过的东西,我应该只是算手痒,想写一下,所以,花了点时间折腾了这个,顺便把 Dark Mode 的处理也加上了。 首先可以很明确的一点,这个真没技术含量存在,只是需要点耐心。 LED 数字包含了左右各两条线,中间三条线,一共 7 条线。所...[2020/1/17]

react-路由和Ant design

路由的使用 react-router import React from 'react' 如果要使用 路由模块,第一步,运行 yarn add react-router-dom 第二步,导入 路由模块 HashRouter 表示一个路由的跟容器,将来,...[2020/1/17]

jQuery---美女相册案例

美女相册案例   <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <st...[2020/1/17]

jQuery---prop方法和表格全选案例

jQuery---prop方法和表格全选案例

prop方法和表格全选案例     对于布尔类型的属性,不用attr方法,应该用prop方法 prop用法跟attr方法一样   <input type="button" value="选中"> <input ...[2020/1/17]

jQuery---三组基本动画 show hide

三组基本动画 show hide   show不传参数,没有动画效果 $("div").show();   show(speed) speed:动画的持续时间 可以是毫秒值 还可以是固...[2020/1/17]

vue 查看dist文件里的结构(多种方式)

场景:优化打包后的代码,提高性能。 1.方式一:report-json。   1.1 package.json文件里加入以下命令, "report": "vue-cli-service build --report-json"   1.2 然后控制台运行 npm run r...[2020/1/17]

vue下axios拦截器token刷新机制

vue下axios拦截器token刷新机制

创建http.js文件,以下是具体代码: 引入安装的axios插件 import axios from ''axios'' import router from ''@/router''; import Vue from ''vue'' const qs = require("qs"...[2020/1/17]

解决jQuery中input 失去焦点之后,不能再获取到焦点

编辑过敏史 if(iToolbar == ''editGMS''){ lstype="gms"; var gms=""; if(gmstype=="0"){ gms...[2020/1/17]

jQuery---属性操作

样式:在style里面写的,用c 来操作 属性:在里面里面写的,用attr方法操作   设置单个属性 attr(name, value) $("img").attr("alt", "图破了"); $("img").attr("title...[2020/1/17]

JavaScript基于面向对象实现的无缝滚动轮播示例

JavaScript基于面向对象实现的无缝滚动轮播示例

本文实例讲述了JavaScript基于面向对象实现的无缝滚动轮播。分享给大家供大家参考,具体如下: 无缝轮播 面向对象 一、HTML及CSS部分同前文《原生JavaScript实现的无缝滚动功能》。 JavaScript面向对象部分如下: function Seamle (...[2020/1/17]

JavaScript数组去重实现方法小结

本文实例讲述了JavaScript数组去重实现方法。分享给大家供大家参考,具体如下: 一、ES3方法: var arr = [''a'', ''a'', ''b'', ''b'', ''b'', ''c'', ''e'', ''f'', 1, 2, 2, 3, 3, 3]; ...[2020/1/17]

小结常见布局技巧

1.0 子绝父相,盒子塌陷,创建BFC 当浮动解决不了问题的时候,会考虑用定位实现,而为了页面的稳定性,要给父元素相对定位? 当嵌套的标准流,块级子盒子设置上外边距就会出现塌陷? 触发BFC能解决日常网页开发中很多不必要的麻烦   2.0 布局规律 从上到下,从外到内,...[2020/1/17]

从HTML到node.js以及跨域问题的解决

废话不多说,直接上代码 网页客户端 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=...[2020/1/17]

JS笔记之第一天

JavaScript:简称JS JS的原名不是JavaScript,而是LiveScript JS分为三个部分 1.ECMAScript  标准→JS的基本的语法 2.DOM——Document Object Model  文...[2020/1/17]

vue 查看dist文件里的结构

场景:优化打包后的代码,提高性能。     1.方式一:report-json。  1.1 package.json文件里加入以下命令, "report": "vue-cli-service build --report-json"   1...[2020/1/17]

jQuery---tab栏切换

tab栏切换   <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <st...[2020/1/17]

React Hooks 实现和由来以及解决的问题详解

React Hooks 实现和由来以及解决的问题详解

与React类组件相比,React函数式组件究竟有何不同? 一般的回答都是: 类组件比函数式组件多了更多的特性,比如 state,那如果有 Hooks 之后呢? 函数组件性能比类组件好,但是在现代浏览器中,闭包和类的原始性能只有在极端场景下才会有明显的差别。 ...[2020/1/17]

vuejs中父子组件之间通信方法实例详解

本文实例讲述了vuejs中父子组件之间通信方法。分享给大家供大家参考,具体如下: 一、父组件向子组件传递消息 Parent.vue <template> <div cla ="parent"> <v-child :msg="me ag...[2020/1/17]

清除浮动的4种方式

浮动:让多个块元素可以在一行显示 让多个div放一行 问题:浮动是脱标的,因此会影响别的盒子 ,不在保留原来位置。 清除浮动的本质: 解决父级元素内高为0的问题(子级浮动后),让父级占位子。   相对于定位,在应用的时候,子绝父相,父级元素保留位置,故虽同脱标...[2020/1/17]

详解搭建一个vue-cli的移动端H5开发模板

简介 vue-mobile 是是基于 vue-cli 实现的移动端 H5 开发模板,其中已经搭建好基本的开发框架,可帮助您实现快速开发。 技术栈:vue + vux + axios + le 源码地址:https: github.com/Michael-lzg/vue-mobile ...[2020/1/17]

JS 百度地图路书---动态路线

JS 百度地图路书---动态路线 <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <met...[2020/1/17]

react简介

ReactJS简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。 由于 React 的设计思想极其...[2020/1/17]

vue项目常用方法封装,持续更新中。。。

vue项目中可以直接使用 1、常用工具类untils.js中 /* * 验证手机号是否合格 * true--说明合格 */ export function isPhone(phoneStr){ let myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/; ...[2020/1/17]

JS 百度地图-右键菜单

JS 百度地图-右键菜单     /*-----------------标注右键删除-------------------------*/ var markerMenu = new BMap.ContextMen...[2020/1/17]

react-虚拟dom

react-虚拟dom

React中几个核心的概念 虚拟DOM(Virtual Document Object Model) DOM的本质是什么:就是用JS表示的UI元素 DOM和虚拟DOM的区别: DOM是由浏览器中的JS提供功能,所以我们只能人为的使用 浏览器提供的固定的API来操作DOM对象; 虚拟DO...[2020/1/17]

自定义Redux

实现mini版redux 1. 理解redux模块 1). redux模块整体是一个对象模块 2). 内部包含几个函数 createStore(reducers) reducers: function(state, action){ return newState} ...[2020/1/17]

自定义React-redux

自定义React-redux

实现mini版react-redux 1. 理解react-redux模块 1). react-redux模块整体是一个对象模块 2). 包含2个重要属性: Provider和connect 3). Provider 值: 组件类 作用: 向所有容器子组件提供全局s...[2020/1/17]

react-jsx语法

JSX语法 如要要使用 JSX 语法,必须先运行 cnpm i babel-preset-react -D,然后再 .babelrc 中添加 语法配置; babelrc配置 { "presets": ["env", "stage...[2020/1/17]

react-组件

react-组件

react中的组件组件 react组件介绍 在React中,构造函数,就是一个最基本的组件 如果想要把组件放到页面中,可以把 构造函数的名称,当作 组件的名称,以 HTML标签形式引入页面中即可 注意:React在解析所有的标签的时候,是以标签的首字母来区分的,如果标签的首字母是小写,那...[2020/1/17]

react-react中的css+评论组件

一个小案例,巩固有状态组件和无状态组件的使用 通过for循环生成多个组件 数据: CommentList = [ { user: '张三', content: '哈哈,沙发' }, { user: '张三2', cont...[2020/1/17]

ElementUI的el-table的多选的取消选择和筛选的取消所有过滤器之ref冲突问题

写此文的缘由:现如今,网络上,没有同下的解释形式(或者在外网,所以我没找到,或者大佬觉得太简单所以不屑解释)。然而,我认为这是对VUE+ElementUI的底层框架的理解深入化问题。(为什么要深入理解底层,来自学习java时留下的习惯,挖底层代码是常态) 在API文档中: <...[2020/1/17]

使用gulp

gulp项目构建 多个开发者共同开发一个项目,每位开发者负责不同的模块,这就会造成一个完整的项目实际上是由许多的“代码版段”组成的; 使用le 、sa 等一些预处理程序,降低CSS的维护成本,最终需要将这些预处理程序进行解析; 合并c 、javascript,压缩html、c 、java...[2020/1/17]

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