深入了解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(更新中···)
在上一章中,我们又引出了一个知识点:
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]