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

深入了解Object.defineProperty

  原来写文章都是一次写两三个小时写完,偶尔看到一个人的博客了解到还有草稿箱这个功能,所以以后写文章的时候就舒服多了哈哈,可以存起来再发,不需要一口气写完了   最近一直在看JavaScript高级程序设计,看到defineProperty的时候感受挺深的,因为大名鼎鼎的Vue的双向数据绑定的原...[2018/9/28]

Vue组件之间通信的三种方式

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 10.5px Helvetica; color: #635e64 } 最近在看梁颠编著的《Vue.js实战》一书,感觉颇有收获,特此记录一些比价实用的技巧。 组件是MVVM框架的核心设计思想,将各功能点组...[2018/9/28]

js 函数节流

js 函数节流

es6语法 export function debounce(func, delay) { let timer 返回一个函数,并拿到参数 return function (...args) { if (timer) { clearTimeout(timer) ...[2018/9/28]

404页面自动跳转到首页

404页面自动跳转到首页

很抱歉,网站搬新家啦! body { margin: 0px; padding: 0px; font-family: "微软雅黑", Arial, "Trebuchet MS", Verdana, Georgia, Baskerville, Palatino, Times; font-size: ...[2018/9/28]

css之表格,表单

一.表格 1.定义 表格由<table>标签来定义.每个表格均有若干行(由tr标签定义),每行被分割为若个单元格(由td标签定义).字母td指表格数据(table data),即数据单元格的内容.数据单元格可以包含文本、图片、列表、段落、表单、水平线等待 2.基本结构 <tab...[2018/9/28]

JS与IOS、安卓的交互

最近做的项目中涉及到了与安卓和ios的交互问题,对于一个新手来说,多多少少会有点迷糊。在调用安卓和ios的callback回调时,很轻松的就调用成功了,而且,步骤也不那么繁琐。刚开始,只知道那样使用可以调用他们封装好的方法,来执行得到想要的效果,但是其中的原理什么的没有过多了了解。但是今天,需要用...[2018/9/28]

ant-design form

表单配置 示例代码 import { Form } from ''antd''; const FormItem = Form.Item; cla NormalLoginForm extends React.Component { handleSubmit = (e) => { ...[2018/9/28]

JavaScript初识(三)

十三丶JS中的面向对象   创建对象的几种常用方式:     1.使用Object或对象字面量创建对象     2.工厂模式创建对象     3.构造函数模式创建对象     4.原型模式创建对象   下面我们详细看一下如何创建对象   1.使用Object或对象字面量创建对象   ...[2018/9/28]

js函数式编程(三)-compose和pointFree

compose即函数嵌套组合 组合compose在第一篇已经初见端倪,可以感受一下。compose函数的实现用闭包的方法。不完善实现如下: const compose = (f, g) => { return x => f(g(x)); }; compose使用实例 你可...[2018/9/28]

react系列(三)组件间通信

组件间通信 React的基本组件元素是一个个组件,组件之间可能存在关联、组合等关系。不同的组件之间,经常会发生数据传递或者交换,我们称之为组件间通信。 根据传递的复杂程度,可以分为三种情况: 父子间通信,兄弟间通信,同其他外部库通信。 父子间通信 在学习组件的时候,props是输入,组件是输...[2018/9/28]

javascript打印1-100内的质数

<script> /*    质数定义: 质数(prime number)又称素数,有无限个。 质数定义为在大于1的自然数中,除了1和它本身以外不再有其他因数。 1不是质数 */ 声明变量 i ,从2开始 var i =...[2018/9/28]

async语法升级踩坑小记

从今年过完年回来,三月份开始,就一直在做重构相关的事情。 就在今天刚刚上线了最新一次的重构代码,希望高峰期安好,接近半年的Node.js代码重构。 包含从callback+async.waterfall到generator+co,统统升级为了async,还顺带推动了TypeScript在我司的使...[2018/9/28]

javaScript 字符串与unicode码之间的相互转换,函数的封装

在我们的开发过程中,有时在对数据进行储存的时候,我们需要将字符串转成unicode。 比如,在jsp开发时,前端使用页面间传值时,将传值参数先存入cookie中,然后在使用的时候,再从ookie中取出。当存入cookie的参数为汉字或别的什么特殊字符时,就会导致服务器崩溃。 崩溃的大致原因:每...[2018/9/28]

typescript入门,可以一起探讨提点意见互相学习。

  typescript是js的一个超集,TypeScript扩展了JavaScript的语法,所以任何现有的JavaScript程序可以不加改变的在TypeScript下工作。TypeScript是为大型应用之开发而设计,而编译时它产生 JavaScript 以确保兼容性。这个语言添加了基于类的...[2018/9/28]

VUE +element el-table运用sortable 拖拽table排序,实现行排序,列排序

Sortable.js是一款轻量级的拖放排序列表的js插件(虽然体积小,但是功能很强大)   项目需求是要求能对element中 的table进行拖拽行排序 这里用到了sorttable  Sortable.js是一款轻量级的拖放排序列表的js插件(虽然体积小,但是...[2018/9/28]

预加载图片

预加载图片

imageData为保存图片路径的数组 function ImgLoading(imageData) { ...... 这里可以显示个图片加载时的提示框 加载图片 var imgWrap = []; for (var i = 0; i < imageDa...[2018/9/28]

history.pushState 实现浏览器页面不刷新修改url链接

  最近遇到了在不刷新页面的情况下修改浏览器url链接的需求,遂求助于万能的度娘,最终通过history.pushState()完美解决问题。现在将我理解的一些内容分享一下,不对的地方欢迎大家指出。   在使用方法前首先需要了解它的兼容性,history.pushState()存在一定的兼容性问...[2018/9/28]

JavaScript for循环

JavaScript for 循环  循环可以将代码块执行指定的次数。  JavaScript 支持不同类型的循环: for - 循环代码块一定的次数 for/in - 循环遍历对象的属性 while - 当指定的条件为true,循环指定的代码块 do/while -&...[2018/9/28]

jQuery之禁止Get请求缓存

  如果两次Get请求的URL完全一样,则IE浏览器会调用上次缓存的结果,不会发起新的Http请求。 解决办法:在URL最后面加上时间戳。   jQuery全局设置禁止缓存 $.ajaxSetup({ cache : false });   &...[2018/9/28]

脚手架vue-cli系列三:vue-cli工程webpack的作用和特点

Vue项目开发过程中,会因为很多不同的实际运用需求不断地对webpack配置进行修改,在此之前,我们需要对webpack有一个基本的认识,了解它到底能为我们做些什么 webpack是一个模块打包的工具,它的作用是把互相依赖的模块处理成静态资源,如下图所示。. webpack的作用: ...[2018/9/28]

jquery头像上传剪裁插件cropper的前后台demo

因为一个项目要做一个头像上传的功能,因此选择了使用jquery的头像插件cropper,cropper是一款使用简单且功能强大的图片剪裁jQuery插件,但是在使用的时候,有一个很大的坑需要注意,那就是当上传的文件不需要转换成base64传输给后台的时候,使用FormData对象异步上传的时候,需...[2018/9/28]

开发时候常用的js方法封装

1、判断是否是一个数组   function isArray(arr){ return Object.prototype.toString.call(arr) ===''[object Array]''; } isArray([1,2,3]) true ...[2018/9/28]

HTTP的Referrer和Referrer Policy设置

Referrer referrer是HTTP请求header的报文头,用于指明当前流量的来源参考页面。通过这个信息,我们可以知道访客是怎么来到当前页面的。这对于Web Analytics非常重要,可以用于分析不同渠道流量分布、用户搜索的关键词等。 但是,这个字段同时会造成用户敏感信息泄漏(如:带有...[2018/9/28]

微信实名资料出售详情查看百度快照

要有多坚强,才敢念念不忘。微信实名资料出售 我们是一枚硬币的两面,永远都不会分离,可是,永远都不可能在一起。国内实名微信号 别等遍体鳞伤才回头 因为你后悔药还没上市呢微信实名账号 微信实名账号[2018/9/28]

c-lodop云打印实现手机打印 JS语句打印

Lodop和c-lodop目前只能安装到windows操作系统上,但是其他操作系统可通过向C-Lodop安装的电脑发送打印任务,实现手机广域网或局域网打印,打印语句也是简单的JS语句,可以轻松实现云打印。 手机用C-Lodop(云打印方式)打印目前有三种方式: 手机访问c-lodop集中打印(局域...[2018/9/28]

css杂项补充

c 杂项补充 一、块与内联 1.块 独行显示 支持宽高,宽度默认适应父级,高度默认由子级或内容撑开 设置宽高后,采用设置的宽高 2.内联 同行显示 不支持宽高 margin上下无效果,左右会起作用,padding不会影响它的高度,背景会影响。 一般不设置内联的margin和padding 3...[2018/9/28]

高级布局补充.过滤以及动画

高级布局补充.过滤以及动画

一.Flex布局 1.概念 下图为flex的相关概念示意图 ? 使用flex布局的容器(flex container),他内部的元素自动成为flex项目(flex item).容器拥有两根隐性的轴,水平的主轴(main axis),竖直的交叉轴(cro axis).主轴开始的位置,即主轴与...[2018/9/28]

CSS的再深入2(更新中&#183;&#183;&#183;)

在上一章中,我们又引出了一个知识点: margin的问题 margin:0 auto;(上下为0,左右自适应)会解决元素的居中问题(auto 自适应) 同时,我们又要学习新的知识: CSS的两个性质和一个标准 1.继承性:后代会继承父系的一些属性(fon、color、text、line)...[2018/9/28]

高级布局

一、文档流(normal flow) 1.概念 将窗体自上而下分成一行一行,块级元素从上至下,行内元素在每行中从左至右顺序排放元素 本质为normal flow(普通流,常规流),文档流就是一个连续具有逻辑上下的页面整体,也可以片面的说,出现在页面中的显示内容都可以理解为在文档流中。 2.BFC...[2018/9/28]

JavaScript switch语句

JavaScriptswitch语句  switch语句用于基于不同的条件来执行不同的动作。 JavaScript switch 语句 使用switch语句可以进行多项选择。 语法:   switch( 变量1 ){   case 变量2:        语句1;   ...[2018/9/28]

移动端适配(2)---viewport适配

移动端适配(2)---viewport适配

通过viewport来适配 <script> (function(){   var w=window.screen.width;   console.log(w); 获取屏幕尺寸   var targetW=320; 之后所有的都是按照320来做   var scale=w...[2018/9/28]

过度与动画

一、过度 从一个状态,以动画方式变成另一个状态的变化过程 1.过度属性 1.transition-duration 持续时间 2.transition-delay 延迟时间 3.transition-property 属性 表示可过度的样式属性(多个值,用逗号连接) transition-p...[2018/9/28]

vue 解决无法设置滚动位置的问题

问题描述 在实现锚点定位的时候发现无法设置滚动条的位置。 在Vue中,使用 document.body.scrollTop=952 无法设置滚动条的高度。 document.body.scrollTop一直是0 原因 因为vue的页面指定了DTD,即指定了DOCTYPE时,使用doc...[2018/9/28]

css定位

html部分 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>c 定位</title> <link rel="stylesheet" href="...[2018/9/28]

nodejs fastdfs

node端fastdfs客户端上传文件 var FdfsClient = require('fdfs'); var fdfs = new FdfsClient({    &n...[2018/9/27]

javascript基础修炼(7)——Promise,异步,可靠性

开发者的javascript造诣取决于对【动态】和【异步】这两个词的理解水平。 一. 别人是开发者,你也是 Promise技术是【javascript异步编程】这个话题中非常重要的,它一度让我感到熟悉又陌生,我熟悉其所有的API并能够在编程中相对熟练地运用,却对其中原理和软件设计思想感到...[2018/9/27]

javascript(九)事件冒泡 onmouseenter onmouseenter 默认事件 和 键盘事件

1 事件冒泡 子元素触发的事件,会往上(父元素)传递; 例子: <div id="box"> <p></p> </div> <script> var oP = document.queryS...[2018/9/27]

字符串的正则方法

字符串对象共有 4 个方法,可以使用正则表达式:match()、replace()、search()和split()。 ES6 将这 4 个方法,在语言内部全部调用RegExp的实例方法,从而做到所有与正则相关的方法,全都定义在RegExp对象上。 String.prototype.match...[2018/9/27]

axios post 踩坑之 post传参 - Cynthia-milk

今天在项目(vue2.0)使用axios进行post请求的时候,使用官方文档的格式传递给后台的数据是一整个json对象,参数已经传递出去了,但是后台获取不到,() 解决方法 利用aixos结合qs来解决 首先先安装qs npm install axios qs --save 然后在m...[2018/9/27]

React项目搭建及依赖安装

一、前提   首先保证node.js已安装完成...   安装完成后,打开cmd命令行,输入 node -v 和 npm -v 来查看版本号,如果显示则安装完成。 二、安装react脚手架   在cmd命令行中输入:  npm install -g create-react-ap...[2018/9/27]

sad 关于一些html5新属性还需要用https才能支持

      像我昨天在搞一个录音的小东西 在本地正常录音正常播放 但是放到线上环境http环境上就出现了如上的错误 功能都不能正常使用 然后就改成https线上环境  然后就正常了       如上 大...[2018/9/27]

Element隐藏组件:scrollbar

  scrollbar是用来替代浏览器原生滚动条的组件,element的文档中并没有对scrollbar的描述。      使用方法:以<el-scrollbar/>包裹要滚动的元素,并设置固定高度。在外部引入的c 中自定义样式(写在scoped中无效)。 ...[2018/9/27]

脚手架vue-cli系列二:vue-cli的工程模板与构建工具

上篇文章我们提到了vue-cli的工程模板。这里我们来详细的进行介绍。 vue-cli提供的脚手架只是一个最基础的,也可以说是Vue团队认为的工程结构的一种最佳实践。对于初学者或者以前曾从事AngularJS/React开发的用户来说,可能对开发环境有自已习惯性用法和熟悉的工具,但我建议用Vu...[2018/9/27]

对 vscode 自动格式化的结果不太满意,我们该如何自己调整直至自己满意为止

前提概述 采用vue-cli 3.0自动生成vue项目,选了ESlint+Prettier,在写request.js的时候,顺手用vscode右击格式化文件(Alt+Shift+F),一下子报了8个问题,如图所示 总结一下,一共两种错误。第一,eslint规定换行后2个空格缩进,vscod...[2018/9/27]

xhEditor编辑器上传图片到 OSS

      前段时间,公司在项目上用到了xhEditor编辑器来给用户做一个上传图片的功能当时做的时候觉得很有意思,想想 基本的用户图片上传到自己服务器,还有点小占地方; 后来....然后直接上传到阿里云 。接下来就是基本操作:   首先,引入官...[2018/9/27]

图片懒加载

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>图片懒加载</title> ...[2018/9/27]

前端 css+js实现返回顶部功能

描述:        本文主要是讲,通过c +js实现网页中的【返回顶部】功能。   实现代码: HTML: 1 <div> 2 <button onclick="returnTop()" id="btnTop...[2018/9/27]

Vue.js库的第一天的学习

Vue.js库的第一天的学习

一,vue.js简介   Vue.js可以作为一个js库来使用,也可以用它全套的工具来构建系统界面,这些可以根据项目的需要灵活选择   所以说, vue.js是一套构建用户界面的渐进式框架   Vue.js的核心库只关注视图层,Vue的目标通过尽可能简单的API实现相应的数据绑定,   ...[2018/9/27]

封装的倒计时方法

html <div cla ="demo_time"></div> js <script>     倒计时    function djs(y,m,d,h,min,dom){      ...[2018/9/27]

js 防止连续点击

简称 js防连点 var flag = true; $(".yzm>span").click(function(){    if(!flag){        return false   &n...[2018/9/27]

0
264
 友情链接:直通硅谷  点职佳  北美留学生论坛
加载更多

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号