12 2018 档案
摘要：``` function getClientIp($type = 0) { $type = $type ? 1 : 0; static $ip = NULL; if ($ip !== NULL) return $ip[$type]; if($_SERVER['HTTP_X_REAL_IP']){//nginx 代理模式下，获取客户端真实IP ...
阅读全文
摘要：开发中经常用到时间的一些操作，比如昨天，今天，前天，近七天，一周等等。 实例化这个对象
阅读全文
摘要：PHP将Base64图片转换为本地图片并保存
阅读全文
摘要：php中奖概率算法，可用于刮刮卡，大转盘等抽奖算法。用法很简单，代码里有详细注释说明，一看就懂
阅读全文
摘要：mysql性能优化的一些建议 1、EXPLAIN 你的 SELECT 查询 查看rows列可以让我们找到潜在的性能问题。 2、为关键字段添加索引，比如：where, order by, group by等后面的字段 注意：like '%abc%'; 是不会用到索引的 只有 like 'abc%' 才
阅读全文
摘要：``` 先创建一个demo.php; 然后创建一个imgcode.php ```
阅读全文
摘要：新手用的git配置命令 / 第一次链接远程仓库 本地已有项目需要上传码云 / //1.配置码云用户名 git config global user.name "昵称" //2. 配置码云邮箱 git config global user.email "邮箱" //3.对当前目录进行初始化。输入： g
阅读全文
摘要：PHP操作MySQL事务处理 / 用begin,rollback,commit来实现 / / 方法二 / $conn = mysqli_connect('localhost','root','root','test') or die ("数据连接错误!!!"); mysqli_query("set
阅读全文
摘要：片段 1 片段 2 片段 3 index.html code.php check_code.php
阅读全文
摘要：日记 好久没有分享过东西，一直在学习状态，学的并不好很多东西都没有，也写了很多demo，后续整理出来在分享，就不分享了，不为什么因为今天周六，好不容易双休，大早上的一个人醒来，刷刷知乎，听音乐、分享一篇简单的东西吧。 切入正题 问题的引入就是有关前端和后端的结合，基于tornado框架怎么上传图片到
阅读全文
摘要：Canvas和SVG是html5中支持2种可视化技术，都是可以在画布上绘制图形和放入图片。下面来介绍和分析一下他们。 一.Canvas 和 SVG 简介 1.什么是Canvas？ Canvas 是H5新出来的标签 Canvas画布，利用JavaScript在网页绘制图像 在标签中给上宽高： 不用加单
阅读全文
摘要：vi编辑器是所有Unix及Linux系统下标准的编辑器，它的强大不逊色于任何最新的文本编辑器，这里只是简单地介绍一下它的用法和一小部分指令。由于对Unix及Linux系统的任何版本，vi编辑器是完全相同的，因此您可以在其他任何介绍vi的地方进一步了解它。Vi也是Linux中最基本的文本编辑器，学会它
阅读全文
摘要：1、安装下载jenkins 进入jenkins 的官网 https://jenkins.io/ ， 根据你搭建平台的不同，我们这里用 windows 平台做演示。 然后在浏览器中访问 ： http://localhost:8080/， 你将会看到如下界面 , 代表 Jenkins 已经下载完成了，下
阅读全文
摘要：什么是JSON： JSON：JavaScript对象表示法（JavaScript Object Notation）。 JSON是存储和交换文本信息的语法。类似 XML。 JSON比XML更小、更快，更易解析。 JSON是轻量级的文本数据交换格式；JSON独立于语言，JSON使用JavaScript语
阅读全文
摘要：这个过程主要分为三个步骤： 数据预处理 数据处理就是把数据按照一定的格式写出来，以便网路自己去读取数据 1准备原始数据 我的cloth数据一共是四个类别，每个类别有衣服47张，一用是188张图片，这些大小不一的原始图片转换成我们训练需要的shape。 原始数据放在同一个文件夹下面： 2 编程实现 制
阅读全文
摘要：1.group by 根据表里的字段名分类，相同字段名只显示一行记录，通常与聚集函数max、min合用选择最大值最小值，或者与having合用筛选，结果按照group by的字段排序 例：select from examine group by e_date; 结果： + + + + + + | e
阅读全文
摘要：Python绘制正余弦函数图像
阅读全文
摘要：1.显示隐藏工具栏 注释toolbox即可 2.鼠标划过数据显示对应的数据 3.修改不同产品分类（legend）的样式 4.修改图标的位置 5.柱状图中的柱状样式 6.修改y坐标的数据信息 来源：https://blog.csdn.net/sinat_32900379/article/details
阅读全文
摘要：通过调用库来输出！for循环控制！ 源代码： 代码截图： 哈哈，关键字： 来源：https://blog.csdn.net/weixin_42859280/article/details/85308520
阅读全文
摘要：一、获取哦表单元素 dcoument表单文本对象的集合 all[] 对所有html元素的访问 forms 返回对文档中所有form对象的引用 forms[1] 对所有form对象引用 通过集合来访问相应的对象 1.通过下标的形式 2.通过name形式 2.element获取所有表单元素 表单对象.e
阅读全文
摘要：flex布局： 个人觉得flex布局比起传统布局要优先得多（主要是容易使用），缺点是IE10及以上版本才能使用，甚至某些属性只有在IE11才能使用（而且我发现凡是不兼容主要IE的坑来的多，不是说其他浏览器没有） 不过微信小程序开发时完美适配。 回到主题： 使用flex布局的容器，内部元素自动成为fl
阅读全文
摘要：我自己在用VUE做一个博客网站，查了一下好多人都在用Vue Quill Editor，于是我也把这个插件加入到我的程序里，可是后来却出现了个问题，如图： 简单的代码如下： 可以看到，我在富文本编辑器里写的内容，回显后，会把空格默认给我清空消失掉了，这就不是我所想要的结果了，我看了Vue Quill
阅读全文
摘要：antd是蚂蚁金服推出的ui组件库，给我们在react项目开发中提供了大大的便利。但在使用的过程中，或多或少的会遇到一些问题，毕竟，用的是别人的东西，就得遵守别人的规则嘛！官方文档：https://ant.design/docs/react/introduce cn 1. 国际化（中文化） 通过官方
阅读全文
摘要：React Native 列表的总结 FlatList和SectionList都是React Native中高性能的列表组件。这些新的列表组件在性能方面都有了极大的提升, 其中最主要的一个是无论列表有多少行，它的内存使用都是常数级的。他们有着共同的特点： 完全跨平台。 行组件显示或隐藏时可配置回调事
阅读全文
摘要：windows下python常用库的安装，前提安装了annaconda 的python开发环境。只要已经安装了anaconda，要安装别的库就很简单了。只要使用pip即可，正常安装好python，都会自带pip安装 工具，在python的scripts安装目录下可以查看。具体安装步骤：使用Anaco
阅读全文
摘要：1、要改变组件的样式 找到这个组件的class名，然后覆盖样式。 举例：修改select框，显示圆角。只需给找到类名并写样 2、form表单必须有:model="formInline" :rules="ruleInline" 数据绑定为formInline，这样再以后表单提交的时候，只需提交form
阅读全文
摘要：箭头函数把函数给简写了[0403] 我不是很喜欢箭头函数，总觉得它让原本就不那么严谨的js更加不严谨了，所以有时候看js程序也是一件很头痛的事情，不过在ES6中加入了这么一个新的方法，已然是既定事实，我们所要做的就只能去接纳它，说不定它还真有自己的闪光点。 我在[0401]的文章里总结了三种js函数
阅读全文
摘要：BootStrap实现左侧或右侧竖式tab选项卡 代码如下： 效果如下： 将上面的二者对调可以实现右侧竖式选项卡： 来源：https://blog.csdn.net/qq_39905917/article/details/85157669
阅读全文
摘要：在做项目中，我们会写很多独立的函数，尤其是在javascript中，会有很多的function，但是这些都是独立的个体，只能执行对应的片段功能，但是在实际情况下，很多东西都不是各自独立为营的。 在javascript中，回调是以callback的形式展示的。 1、回调是什么？ 拿舞蹈为例，如果你想看
阅读全文
摘要：前言：做移动端网页下滑/点击切换到下一页的效果，采用了fullpage,js最新的版本 因为他的初始化是酱紫的： anchors属性会在当前页面的地址后面加上当前页的锚点，像这样 1：导致点击手机左上角返回的时候不能返回到上一级页面，如果在page2页面，点击返回会跳转到page1页面。 :2：在微
阅读全文
摘要：从布局出发：宽度自适应，常用百分比的方式。由于父级元素采用百分比的布局方式，随着屏幕的拉伸，它的宽度会无限的拉伸。而子元素由于采用了浮动，那么它们的位置也会固定在两端。该宽度自适应在新的时代有了新的方法，随着弹性布局的普及，它经常被flex或者box这样的伸缩性布局方式替代， 1.rem rem属性
阅读全文
摘要：先介绍一下什么是组件把： 创建组件的两种方式： 全局组件 （简写） 局部组件 需要注意的是子组件的命名无法识别驼峰命名法，当组件做为标签使用的时候需要用“ ”和小写字母替换该大写字母。 1、父子属性传值 子组件不能直接使用父级data的内容，也不能直接修改父组件传递的值，但可以通过设置props属性
阅读全文
摘要：迭代器 迭代器 iterator，在 Javascript 中，迭代器是一个对象（也可称作为迭代器对象），它提供了一个 next() 方法，用来返回迭代序列中的下一项。 next 方法的定义，next 方法是一个函数，执行后返回一个对象包含两个属性：{ done: [boolean], value:
阅读全文
摘要：我们需要达到的效果： 需要什么 1张图片的， 2张图片的， 3张图片的样式各不相同。可以使用js完成子元素的判断，但是这里我使用css来完成 核心知识点 使用css选择器完成子元素的判断 例子： 用css选择器匹配只有一个元素 很好理解：div下面即是最后一个元素也是第一个元素不就是只有一个子元素吗
阅读全文
摘要：说在前面：为了使代码更为简洁方便理解， 本文中的代码均将“非核心实现”部分的代码移出。 一、原型链方式关于原型链，可点击《深入浅出，JS原型链的工作原理》，本文不再重复叙述。 思路：让子构造函数的原型等于父构造函数的实例 缺陷：如果父构造函数中的属性为引用类型，则子构造函数的实例会出现相互影响的情况
阅读全文
摘要：前言：原型链，即原型链条。它是由原型、原型的原型、原型的原型的原型...这一规则组合成的，经常被应用于继承。 原型的作用在JS中，每个对象都有自己的原型。当我们访问对象的属性和方法时，JS会先访问对象本身的属性和方法。如果对象本身不包含这些属性和方法，则访问对象对应的原型。 上述例子中，方法“say
阅读全文
摘要：在wepy里使用进行小程序页面授权，里面包含了用户点击取消的重新授权方案： 来源：https://segmentfault.com/a/1190000017526582
阅读全文
摘要：简介 Redis 是使用非常广泛的 Key Value 内存数据库。因为数据都存放在内存中，所以存取速度非常快。不过，很多情况下我们需要将 Redis 中的数据保存到硬盘中以便做备份。Redis 提供了两种数据持久化方式，分别是 RDB 和 AOP，本文分析这两种方式的使用以及过期键对持久化的影响。
阅读全文
摘要：最近薅了百度云双12的羊毛，1核2G一年150。突然想起以前大学整个宿舍通宵开黑挖泥土的岁月，所以刚好趁着这台服务器，打算自己搭建一个我的世界服务器，重温一下以前的感觉。 超详细Linux搭建Java开发环境 系统要求 google到的MC系统要求： 1.CPU：双核 2.内存：20 40人2GB，
阅读全文
摘要：一、背景 近期项目改版，对原有的h5页面进行了重新设计，数据呈现变成了瀑布流。希望新版兼容ios和安卓两端的情况下，无限制的刷新加载数据。大致效果如下： 整个页面分4部分： 顶部导航 步数状态卡片 用户信息卡片 滚动列表 期望效果：列表滚动到用户信息卡片消失后，展示另一个吸顶的导航栏。 效果如下：
阅读全文
摘要：为class绑定多个值 普通写法 其他 一个值判断a或者判断b 普通写法 其他 引用一个组件 普通写法 node写法 V FOR渲染 一般 解构赋值 CSS私有化 一般 设置比较长的class类名区分，或者使用BEN等命名方法 css module style样式会存在$style计算属性中 缺点：
阅读全文
摘要：体验 开源项目已经部署了体验环境，开源通过扫描下方小程序码进行体验： 我们部署了 Laravel API demo 环境，访问地址：https://demo open admin.ibran... , 访问默认是 Laravel 的欢迎页面，可通过 API 文档了解请求地址和相关参数说明。 我们提供
阅读全文
摘要：自从一年前发布了Vuejs小书的电子书，也有些日子没有碰过它们了，现在因为项目的缘故，需要使用JavaScript全栈开发。所以，我得把这个全栈环境搭建起来。 整个系列，是会采用我的一贯风格，就是不疾不徐，娓娓道来，学习完毕，你可以掌握我提到的全系列的知识，并且得到一个可以直接拷贝的代码模板，并把它
阅读全文
摘要：解决webpack不能匹配post请求的问题 webpack的dev server只能匹配get请求，在本地做本地数据的时候会很不方便。 可以使用如下两种办法解决： 1.在webpack.config.js配置文件中的devServer字段加入 @webpack3.0以后的版本setup需要改成be
阅读全文
摘要：问题背景浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域 在前后端开发过程经常会遇到跨域问题。网上也都有解决方案。 写这篇文章时，我们碰到的一个场景是：要给s系统做一个扩展，前端的html、js放在s系统里，后端需要做一个单独的站点N.B.com。这就导致了跨域问题
阅读全文
摘要：JavaScript经常声称是_异步_。那是什么意思？它如何影响发展？近年来这种方法有何变化？ 请思考以下代码： 大多数语言都处理每一行同步。第一行运行并返回结果。第二行在第一行完成后运行无论需要多长时间。 单线程处理 JavaScript在单个处理线程上运行。在浏览器选项卡中执行时，其他所有内容都
阅读全文
摘要：Node.js的进程管理 node遵循的是单线程单进程的模式，node的单线程是指js的引擎只有一个实例，且在nodejs的主线程中执行，同时node以事件驱动的方式处理IO等异步操作。node的单线程模式，只维持一个主线程，大大减少了线程间切换的开销。 但是node的单线程使得在主线程不能进行CP
阅读全文
摘要：命令行工具，即 Cli(command line interface)。是在图形用户界面得到普及之前使用最为广泛的用户界面，它通常不支持鼠标，用户通过键盘输入指令，计算机接收到指令后，予以执行。在学习这篇教程之前，你需要先了解NodeJs,NPM和一些常用的shell命令！ 对于前端开发者来说，用N
阅读全文
摘要：Promise是什么 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。 Promise是处理异步编码的
阅读全文
摘要：当在controller中处理客户端发来的数据时，我们会去校验数据，当数据错误时，我们会给客户端返回一个信息，如： 但是这样子，返回给客户端的是这样的 这严重不符合restFull风格，那么如何做出像Java一样的全局错误处理呢。 自定义异常类 默认的Error只能传一个string参数，我们先扩展
阅读全文
摘要：动机 一直想把typescript在服务端开发中用起来，主要原因有： javascript很灵活，但记忆力不好的话，的确会让你头疼，看着一月前自己写的代码，一脸茫然。 类型检查有利有敝，但在团队开发中，限制个人的天马行空还是很有效的; node对模块等es6特性的支持不尽人意，目前我只用node长期
阅读全文
摘要：事情是这样的：因为我经常会写一些npm包，但是有时候我写完一个包，npm publish 的时候却被提示说包名字被占用了，要不就改名字，要不就加scope，很无奈。npm 命令行可以通过 npm view 的方式去得知一个包是否存在，但是无法批量得知，所以就想着写一个工具来批量选名:) 本教程的相关
阅读全文
摘要：前言 微信的影响力众所周知，越来越多的人也都离不开它，工作，生活，社交的好帮手。相信大家对微信公众号，小程序也都不陌生，那么在开发公众号，小程序的时候需要调用到微信的接口，固然就会遇到token的问题，有哪些问题，以及怎么解决的呢，我们继续往下看。 问题一：微信接口返回"errcode":48001
阅读全文
摘要：1.使用electron打印的理由 很多情况下程序中使用的打印都是用户无感知的。并且想要灵活的控制打印内容，往往需要借助打印机给我们提供的api再进行开发，这种开发方式非常繁琐，并且开发难度较大。 electron提供的打印api可以非常灵活的控制打印设置的显示，并且可以通过html来书写打印内容。
阅读全文
摘要：前言 异步编程模式在前端开发过程中，显得越来越重要。从最开始的XHR到封装后的Ajax都在试图解决异步编程过程中的问题。随着ES6新标准的到来，处理异步数据流又有了新的方案。我们都知道，在传统的ajax请求中，当异步请求之间的数据存在依赖关系的时候，就可能产生很难看的多层回调，俗称'回调地狱'（ca
阅读全文
摘要：安装了Nodejs之后，NPM也安装好了 NPM 初始化 NPM 安装（模块） NPM 更新 NPM 删除 模块化规范 目前JS模块化开发标准有四种：AMD、CMD、CommonJS、ES6Nodejs端使用的模块化开发规范就是CommonJS前端使用的模块化开发规范就是AMD、CMD、ES6注意：
阅读全文
摘要：很多小白不知道ajax怎么学，所以就弄了个node后台模拟下基本的ajax请求。 环境要求是安装node~ 先上linkMysql.js 主JS server.js,提供连接maysql和不连接mysql两种版本 最后就是前端html页面了~test.html,用了原生写法，具体的就不讲了百度一大堆
阅读全文
摘要：细说后端模板渲染、客户端渲染、node 中间层、服务器端渲染（ssr） 前端与后端渲染方式的发展大致经历了这样几个阶段：后端模板渲染、客户端渲染、node 中间层、服务器端渲染（ssr）。 1. 后端模板渲染 前端与后端最初的渲染方式是后端模板渲染，就是由后端使用模板引擎渲染好 html 后，返回给
阅读全文
摘要：1、简单说一下bind、call、apply的区别 三者都是用于改变函数体内this的指向，但是bind与apply和call的最大的区别是：bind不会立即调用，而是返回一个新函数，称为绑定函数，其内的this指向为创建它时传入bind的第一个参数，而传入bind的第二个及以后的参数作为原函数的参
阅读全文
摘要：Server Server 端主要有 cnpm, mysql, nginx 的配置。 环境： 安装: 配置： 安装依赖： 启动： nginx: (这一步非必须，后边 client 直接用 ip 也可以) cnpm.xx.com registry.cnpm.xx.com 至此，Server 端的配置就
阅读全文
摘要：其实想写 Promise 的使用已经很长时间了。一个是在实际编码的过程中经常用到，一个是确实有时候小伙伴们在使用时也会遇到一些问题。Promise 也确实是 ES6 中 对于写 JS 的方式，有着真正最大影响的 API 特性之一。本文是实际使用使用过程中的一个总结看一下文件创建时间 2017 10
阅读全文
摘要：util.promisify是在node.js 8.x版本中新增的一个工具，用于将老式的Error first callback转换为Promise对象，让老项目改造变得更为轻松。 在官方推出这个工具之前，民间已经有很多类似的工具了，比如es6 promisify、thenify、bluebird.
阅读全文
摘要：和其它面向对象编程语言一样，ES6 正式定义了 class 类以及 extend 继承语法糖，并且支持静态、派生、抽象、迭代、单例等，而且根据 ES6 的新特性衍生出很多有趣的用法。 一、类的基本定义 基本所有面向对象的语言都支持类的封装与继承，那什么是类？ 类是面向对象程序设计的基础，包含数据封装
阅读全文
摘要：集群(cluster)是一组相互独立的、通过高速网络互联的计算机，它们构成了一个组，并以单一系统的模式加以管理。一个客户与集群相互作用时，集群像是一个独立的服务器。负载均衡(Load Balance)，其意思就是分摊到多个操作单元上进行执行 阿里云负载均衡 架构文档 负载均衡好处 节省成本，一个服务
阅读全文
摘要：构建工具是如何用 node 操作 html/js/css/md 文件的 从本质上来说，html/js/css/md ... 源代码文件都是文本文件，文本文件的内容都是字符串，对文本文件的操作其实就是对字符串的操作。 操作源代码的方式又主要分成两种： 当作字符串，进行增、删、改等操作 按照某种语法、规
阅读全文
摘要：概述 ExpressJS 4.0中提出了新的路由Router。Router好比是一个“迷你版”的express应用，它没有引入views或者settings，但是提供了路由应有的API，.use，.get,.param和route。 示例应用 让我们创建一个express应用，仅仅有少量routes
阅读全文
摘要：1.在开发过程中，我们都会接触到token，token的作用是什么呢？主要的作用就是为了安全，用户登陆时，服务器会随机生成一个有时效性的token,用户的每一次请求都需要携带上token，证明其请求的合法性，服务器会验证token，只有通过验证才会返回请求结果。 2.当token失效时，现在的网站一
阅读全文
摘要：前言 列表项目Express是一个简介而灵活的node.js Web应用框架提供的一系列强大特性帮助你创建各种 Web 应用，和丰富的HTTP工具。 正文 一个简单的express框架实例 通过express常用的中间件‘body parser’来实现解析JSON、Raw、文本、URL encode
阅读全文
摘要：文件系统（File System）： 在Node中，文件系统的交互是非常重要的，服务器的本质就是将本地的文件发送给客户端， Node通过fs模块来和文件系统进行交互，该模块提供了一些标准的文件访问API类打开、读取、写入文件、以及与其交互。 要是用fs模块，首先要从核心模块中加载； 使用 const
阅读全文
摘要：分页接口的实现，在偏业务的服务端开发中应该很常见，PC时代的各种表格，移动时代的各种feed流、timeline。 出于对流量的控制，或者用户的体验，大批量的数据都不会直接返回给客户端，而是通过分页接口，多次请求返回数据。 而最常用的分页接口定义大概是这样的： 接口传入请求的页码、以及每页要请求的条
阅读全文
摘要：本次将介绍如何使用Fetch API（ES6 +）对REST API的 HTTP请求，还有一些示例提供给大家便于大家理解。 注意：所有示例均在带有箭头功能的 ES6中给出。 当前的Web /移动应用程序中的一种常见模式是从服务器请求或显示某种数据（例如用户，帖子，评论，订阅，付款等），然后使用CRU
阅读全文
摘要：前言 JavaScript是一门解释型的语言 , 想要运行JavaScript代码需要两个阶段 编译阶段: 编译阶段就是我们常说的JavaScript预解释（预处理）阶段，在这个阶段JavaScript解释器将完成把JavaScript脚本代码转换到字节码 执行阶段: 在编译阶段JavaScript
阅读全文
摘要：nodeJs 基础篇整合 最近有朋友也想学习nodeJs相关方面的知识，如果你是后端想接近前端，node作为一门跑在服务端的JS语言从这里入门再好不过了。如果你正好喜欢前端，想走的更高，走的更远。nodeJs同样也是不二之选。node的地位虽然在实战项目中运用的不是很多，但也不能否认它在处理高并发,
阅读全文
摘要：本人微信公众号：前端修炼之路，欢迎关注 最近做项目的时候有一个上传图片的需求，由于没有后端的配合，所以决定自己来搭个服务器，实现上传图片功能。以后如果需要修改成java或者php为后端，直接使用即可，而不用等到后端联调的时候再去动手。 这里使用的技术为node.js + qiniu nodeJS S
阅读全文
摘要：1.什么是跨域？ 浏览器对于javascript的同源策略的限制,例如a.com下面的js不能调用b.com中的js,对象或数据(因为a.com和b.com是不同域),所以跨域就出现了。同域的概念又是什么呢?所谓的同源是指，域名、协议、端口均为相同。 2.如何解决跨域？ JSONP:JSONP 是一
阅读全文
摘要：什么是请求钩子？说白了，就是在执行视图函数前后你可以进行一些处理，Flask使用装饰器为我们提供了注册通用函数的功能。 before_first_request:在处理第一个请求前执行 before_request:在每次请求前执行 after_request:每次请求之后调用，前提是没有未处理的异
阅读全文
摘要：需求：当我们页面上正在播放视频或者播放背景音乐时，我们屏幕自动息屏或者切换程序去看消息时，我们希望暂停视频或背景音乐，回到程序我们希望继续播放视频或播放背景音乐。小程序上提供了 onUnload返回 onHide退出 onShow重新进入等生命周期，h5提供了一个visibilitychange，可
阅读全文
摘要：在mysql的命令行模式中，通过insert语句插入中文数据的时候报错，类似于下面这样： 造成这个错误通常是由于创建数据表的时候使用了不正确的编码格式,可以使用如下命令查看操作的目标数据表的编码格式。 通过结果就可以看到目标表的目标字段对应的编码格式，我们只需要把该列的编码格式转化为utf8即可。
阅读全文
摘要：CSS布局之左右布局与左中右布局 方法：为子元素设置浮动，然后在其父元素上使用clearfix类来清除浮动。代码示例： 水平居中 子元素为内联元素、单个块状及多级块状元素布局方案不同，具体总结如下： 内联元素：对父元素设置text align: center； 单个块状元素：对子元素设置margin
阅读全文
摘要：摘要 谈到跨域，不论前端还是后端，多少有点谈虎色变，面试中也常会问到这些问题，浏览器和服务器端到底怎么做才能跨域，他们都做了什么？ 同源 vs 跨域 同源，字面意义是相同的源头，即同一个web服务器（比如tomcat启动的一个实例），好比一个家庭；跨域就是从一个web服务器向另一个服务器发送或获取数
阅读全文
摘要：性能优化是前端开发必不可少的一环，而图片优化又是性能优化中必不可少的一环，但不知道有多少开发者在网页的开发过程中会注意图片的使用，图片使用不当可能会导致网页加载卡顿、网页加载速度慢等问题，这篇文章将会将我以往对图片的处理做个总结。 不同格式图片优劣对比 有人可能会问说好的图片优化呢？怎么说到图片格式
阅读全文
摘要：前言 因为最近面试了二、三十个人，发现大部分都还是只是停留在 Vue 文档的教程。有部分连教程这部分的文档也没看全。所以稍微写一点，让新上手的 Vuer 多了解 Vue 文档的其他更需要关注的点。 因为 Vue 文档已经是个很成熟的文档，并且实现的 demo 简洁明了，我就不具体写实现代码了，文内只
阅读全文
摘要：为什么要做dynamic import？ dynamic import不知道为什么有很多叫法，什么按需加载，懒加载，Code Splitting，代码分页等。总之，就是在SPA，把JS代码分成N个页面份数的文件，不在用户刚进来就全部引入，而是等用户跳转路由的时候，再加载对应的JS文件。这样做的好处就
阅读全文
摘要：在react里面使用jquery插件 背景: jsplumbspacetreelenchart 首先要在react里面安装jquery 将$变量挂载到window下面，可以在项目中直接使用$,不用再引用 使用jquery插件的姿势 首先用 require(/your/path/jquery.plug
阅读全文
摘要：安装配置Babel babel preset es2015 ES6语法包，使代码可以随意地使用ES6的新特性。 babel preset react React语法包，专门用于React的优化，在代码中可以使用React ES6 classes的写法，同时直接支持JSX语法格式 安装Babel lo
阅读全文
摘要：Props 验证使用 propTypes，它可以保证我们的应用组件被正确使用，React.PropTypes 提供很多验证器 (validator) 来验证传入数据是否有效。当向 props 传入无效数据时，JavaScript 控制台会抛出警告。 常见的验证器： React.createClass
阅读全文
摘要：做项目遇到一个百度地图api 的跨域问题。由于使用fetch ，在调用类似 http://api.map.baidu.com/geocoder/v2/callback=renderReverse&location=39.983424,116.322987&output=json&am
阅读全文
摘要：在之前的文章中，已经说明如何避免在react jsx中使用箭头函数和bind(https://medium.freecodecamp.o... 但是没有提供一个清晰的demo展示为什么要这样做。 现在来一些例子吧。 在这个例子中，我们通过使用一个箭头函数(=>)来bind用户ID到每个删除按钮
阅读全文
摘要：组件state必须能代表一个组件UI呈现的完整状态集，即组件的任何UI改变都可以从state的变化中反映出来；同时，state还必须代表一个组件UI呈现的最小状态集，即state中的所有状态都用于反映组件UI的变化，没有任何多余的状态，也不应该存在通过其他状态计算而来的中间状态。 state vs
阅读全文
摘要：创建 通过列表创建 通过 np.arange() 创建 通过对象创建 属性 查看Series的values 查看Series的index 方法 获取元素 对值过滤 重置编号 Series默认编号为int类型的数字，我们可以重置Series的编号 在创建时重置 通过 reindex() 方法重置 re
阅读全文
摘要：标签： python奇淫技巧 最优线程数 Ncpu=CPU的数量 Ucpu=目标CPU使用率 W/C=等待时间与计算时间的比率 为保持处理器达到期望的使用率，最优的线程池的大小等于$$Nthreads=Ncpu Ucpu （1+W/C$$ cpu密集型任务，即$W<<C$，则$W/C≈0
阅读全文
摘要：起步 Python 中的枚举类型 Python 的原生类型中并不包含枚举类型。为了提供更好的解决方案，Python 通过 PEP 435 在 3.4 版本中添加了 enum 标准库。 枚举类型可以看作是一种标签或是一系列常量的集合，通常用于表示某些特定的有限集合，例如星期、月份、状态等。在没有专门提
阅读全文
摘要：起步 Python 的 raise 和 raise from 之间的区别是什么？ 输出： 而 raise from ： 输出： 分析 不同之处在于，from 会为异常对象设置 __cause__ 属性表明异常的是由谁直接引起的。 处理异常时发生了新的异常，在不使用 from 时更倾向于新异常与正在处
阅读全文
摘要：Python 函数参数魔法 事情的起因是感觉目前项目中的参数校验方法写的太简单了,很多时候需要在server层再if else处理,于是就动手准备写一个好用一点的,可以自定义校验参数规则的参数校验器,考虑到要可以灵活的配置就萌生了大概的印象: 使用map 参数A:ruleA,参数B ruleB..等
阅读全文
摘要：Python的3.0版本，常被称为Python 3000，或简称Py3k。相对于Python的早期版本，这是一个较大的升级。为了不带入过多的累赘，Python 3.0在设计的时候没有考虑向下相容。许多针对早期Python版本设计的程式都无法在Python 3.0上正常执行。为了照顾现有程式，Py
阅读全文
摘要：应用发现 flask命令在Flask库安装后可使用，使用前需要正确配置FLASK_APP环境变量以告知用户程序所在位置。不同平台设置方式有所不同。 Unix Bash (Linux, Mac, etc.): Windows CMD: Windows PowerShell: FLASK_APP环境变量
阅读全文
摘要：1、注释 在python中，注释是以任何存在于 右侧的文字，其主要作用是写给程序读者看的笔记。 2、Python2的中文编码问题 python2中默认的编码不支持中文，如果要在python2中支持中文，需要在.py文件的开头声明使用的编码。 3、python2和python3中输入功能不同 pyth
阅读全文
摘要：1 let 和 const 作用域： 只在声明指令的块级作用域内有效。① let所声明的变量可以改变，值和类型都可以改变，没有限制。 ② const声明的变量不可改变值，这意味着const一旦声明变量必须立即初始化，不能以后赋值。 对于复合类型的变量，如数组和对象，变量名不指向数据，而是指向数据所在
阅读全文
摘要：含义 async函数是什么？一句话，它就是Generator函数的语法糖。 一比较就会发现，async函数就是将Generator函数的星号替换成async，将yield替换成await，仅此而已。async函数对Generator函数的改进，体现在以下四点。（1）内置执行器Generator函数的
阅读全文
摘要：在签到统计场景中，可以使用 bitmap 数据类型高效的存储签到数据，但 getbit 命令只能获取某一位值，就无法最优的满足部分业务场景了。 比如我们按年去存储一个用户的签到情况，365 天，只需要 365 / 8 ≈ 46 Byte，1KW 用户量一年也只需要 44 MB 就足够了。 但如果我想
阅读全文
摘要：前言 then/promise项目是基于Promises/A+标准实现的Promise库，从这个项目当中，我们来看Promise的原理是什么，它是如何做到的，从而更加熟悉Promise 分析 从index.js当中知道，它是先引出了./core.js，随后各自执行了其他文件的代码，通过requeir
阅读全文
摘要：前言 大多数Vue项目要支持SSR应该是为了SEO考虑，毕竟对于WEB应用来说，搜索引擎是一个很大的流量入口。Vue SSR现在已经比较成熟了，但是如果是把一个SPA应用改造成SSR应用，成本还是有些高的，这工作量无异于重构前端。另外对前端的技术要求也是挺高的，需要对Vue比较熟悉，还要有Node.
阅读全文
摘要：传统方法 以前在单页面路由中，就只能在html文件中定一个固定的网站的title。如果想要动态的去修改，需要使用如下的方法。 这样会让我们做很多无用功。显得十分蠢。 使用Vue Router的方法 首先打开/src/router/index.js文件。找到如下代码。 vueRouter只是一个变量名
阅读全文
摘要：一、全局引入文件 1、先定义共用组件 common.vue 2、在需要使用的地方导入 3、使用 二、main.js中引入全局变量和方法 1、定义共用组件同上2、main.js中引入并复制给vue 3、使用 三、定义common.js文件，直接在main.js中引入，直接使用1、common.js 这
阅读全文
摘要：在最近的项目中，使用了bootstrap vue来开发，然而在实际的开发过程中却发现这个UI提供的组件并不能打到我们预期的效果，像alert、modal等组件每个页面引入就得重复引入，并不像element那样可以通过this.$xxx来调用，那么问题来了，如何通过this.$xxx来调用起我们定义的
阅读全文
摘要：也不知道哪股风潮，钻研源码竟成了深入理解的标配。我只想说一句，说的很对 准备工作 从GitHub上面下载vue的源码（https://github.com/vuejs/vue） 了解下Flow,Flow 是 facebook 出品的 JavaScript 静态类型检查工具。Vue.js 的源码利用了
阅读全文
摘要：冒泡的表现 近期用vue做了一个需求，大概是同一个区域，点击不同位置有不同的响应函数，还有个总的响应函数，好吧，如下图所示: 他们的DOM结构如下: 冒泡在这里的表现就是当用户点击图中事件1或事件2区域时，事件3也会执行。这是因为时间冒泡机制，导致点击'handleClick1'时'handleCl
阅读全文
摘要：异步更新队列 例如，当你设置 vm.someData = 'new value' ，该组件不会立即重新渲染。当刷新队列时，组件会在事件循环队列清空时的下一个“tick”更新。多数情况我们不需要关心这个过程，但是如果你想在 DOM 状态更新后做点什么，这就可能会有些棘手。虽然 Vue.js 通常鼓励开
阅读全文
摘要：1.单页面应用与多页面应用的去别 2.简述一下Sass、Less，且说明区别？ 他们是动态的样式语言，是CSS预处理器,CSS上的一种抽象层。他们是一种特殊的语法/语言而编译成CSS。变量符不一样，less是@，而Sass是$;Sass支持条件语句，可以使用if{}else{},for{}循环等等。
阅读全文
摘要：组内负责的几个项目都有一些一样的公共组件，所以就着手搭建了个公共组件开发脚手架，第一次开发 library，所以是参考着 iview 的配置来搭建的。记录如何使用webpack4搭建一个library的脚手架 前言 使用 webpack4，需要安装 webpack 和 webpack cli 然后就
阅读全文
摘要：vue 仿今日头条 为了增加移动端项目的经验，近一周通过 vue 仿写今日头条，以下就项目实现过程中遇到的问题以及解决方法给出总结，有什么不正确的地方，恳请大家批评指正^ _ ^！，代码仓库地址为 github 一、实现功能 首页展示 查看消息 图文懒加载 滑动选项卡，切换频道，点击频道切换不同新闻
阅读全文
摘要：微信JS SDK的功能 如果你点进来，那么我相信你应该知道微信的JS SDK可以用来做什么了。微信的官方文档描述如下。 微信JS SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可
阅读全文
摘要：vuejs通过css3实现元素固定高度到auto高度的动画和auto高度到固定高度的动画。 循环列表，html: 在css上加上动画transition 重点是下面js的实现： 分为两种情况： （一）初始状态是收缩时： （二）初始状态是展开时： 稍微改动： 来源：https://segmentfau
阅读全文
摘要：Vue的watch属性 Vue的watch属性可以用来监听data属性中数据的变化 可以从上述代码中实践得知，输入框内的值变化多少次，控制台就会打印多少次 同时还可以直接在监听的function中使用参数来获取新值与旧值 其中第一个参数是新值，第二个参数是旧值 同时Watch还可以被用来监听路由ro
阅读全文
摘要：在日常的项目开发中，我们会用到各种第三方库来提高效率，但随之带来的问题就是打包后的vendor.js体积过大，导致加载时空白页时间过长，给用户的体验太差。为此我们需要减少vendor.js的体积，从本质上来解决这种问题。 webpack的外部扩展(externals)可以有效的解决。external
阅读全文
摘要：vue router的HTML5 History 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 当你使用 history 模式时，URL 就像正常的 url，例如 http://yoursite.com/user/id， 就是长这样的！
阅读全文
摘要：七牛云服务器的储存区域 存储区域 地域简称 上传域名 华东 z0 服务器端上传：http(s)://up.qiniup.com 华东 z0 客户端上传： http(s)://upload.qiniup.com 华北 z1 服务器端上传：http(s)://up z1.qiniup.com 华北 z1
阅读全文
摘要：props使用细节 在Vue.js中我们可以使用 props 实现父组件传递数据给子组件，下面我们总结一下props的使用细节 其中每一项也有很多细节，具体看demo 来源：https://segmentfault.com/a/1190000016309630
阅读全文
摘要：vue做移动端经常碰到弹窗的需求, 这里写一个功能简单的vue弹窗 popup.vue 组件html结构, 外层divposition:fixed定位, 内层div显示弹窗内容 popup.vue只有2个属性: 文本和显示时间。组件显示隐藏由内部属性visible控制，只暴露给外界open和hide
阅读全文
摘要：单选 当我们用v for渲染一组数据的时候，我们可以带上index以便区分他们我们这里利用这个index来简单地实现单选 首选定义一个selectedNum,当我们点击item时，便把这个selectedNum更改为我们所点击的item的index，然后每个item上加入判断selectedNum是
阅读全文
摘要：最近在逛各大网站，论坛，以及像SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，楼主自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的结业项目。 在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以
阅读全文
摘要：先问大家一个简单的问题： 还有人记得 jquery 里面的 data 方法是如何让 DOM 节点绑定对应的数据对象的吗 有时候我们做节点关联设计的思路其实有一点类似，但是在 vue 里面多了很多概念，比如： 1、vnode: 如何生成的，包含子父关系、属性 data2、内置的 ref 对象的 cre
阅读全文
摘要：我来打自己脸了!!!!...刚刚发现在中文输入法下是无效的,有人能解决这个问题么 如果要求input只能输入数字怎么做？ 设置type="number" ? 那我如果想限制长度，此时maxLength=“6” 会失效，js限制长度？ 太麻烦了 并且type="number" 还存在的一个问题是，当输
阅读全文
摘要：前言 在H5项目中，需要用到翻页效果，通过 Swiper 来实现，安装 Swiper 但是实际使用中，发现低版本 iOS < 11 会出现下面这个错误： 原因 Swiper.js 这个 npm 包里面还使用了 dom7 和 ssr window，所以需要对这两个插件进行 Babel 转 ES5
阅读全文
摘要：废话不多说先上成果图 实现思路 主要分界面与逻辑两大块 界面分为5个部分 左滑块长度 左内容位置 中间长度 右滑块长度 右内容位置 逻辑 touch3个事件 各滑块长度及位置计算 选中时变色 具体实现步骤 首先我们明白整个容器的长度是不变的等于左边+中间+右边所以我们可以通过先获取总的容器的宽度并用
阅读全文
摘要：一、前言 我发现将DOM转化为图片是一个非常常见的需求，而自己手动转是非常麻烦的，于是找到了html2canvas这个插件，既是用得比较多的也是维护得比较好的一个插件。 注意：版本比较多，这里介绍最新版 二、代码 1. 安装 现在最新的版本应该是1.0.0，另外还有一个比较经典的版本是0.5.0，网
阅读全文
摘要：1. 概述 1.1 简介 Java 8 引入了一套全新的时间日期API，操作起来更简便。简单介绍下，LocalDate和LocalTime和LocalDateTime的使用； java.util.Date月份从0开始，java.time.LocalDate月份从1开始并且提供了枚举。 java.ut
阅读全文
摘要：vue2 editor的入门使用准备工作： 使用 npm install vue2 editor save 安装到项目中去； 使用 在需要的单文件内引入 import { VueEditor } from 'vue2 editor',注册组件 具体demo 注意事项： 对于这个上面的customTo
阅读全文
摘要：在看这篇文章之前，需要你对构建多页面应用有一定的基础认识，如果没有的话，可以先参考这篇文章webpack 构建多页面应用。 多页面应用是由一个个独立的页面组成。因此，细粒度的处理一个个单页面是构建单页面框架之后的一个重要实现。 因为所涵盖的知识点较碎，所以就不按照页面的位置结合组成元素来讲，如：he
阅读全文
摘要：起因 搜索引擎搜索tapable中文文档,你会看见各种翻译,点进去一看,确实是官方的文档翻译过来的,但是webpack的文档确实还有很多需要改进的地方,既然是开源的为什么不去github上的tapable库看呢,一看,确实,比webpack文档上的描述得清楚得多. tapable 是一个类似于nod
阅读全文
摘要：ES6 export 和 export default的区别 昨天帮一个网友解决一个typescript的问题，看了一下，归根结底还是对js的import和export用法的不熟悉。让我想起来当年学这个知识点的时候，也是云里雾里跌跌撞撞『猜』了很久用法，踩过坑。当时主要看的是阮一峰的这篇文章 hpt
阅读全文
摘要：本文由云+社区发表 1. 需求 最近的项目中，需要实现在vue框架中动态渲染带提示框的单选/多选文本框，具体的效果如下图所示，在输入框聚焦时，前端组件通过接收的kv参数渲染出选项，用户点击选项，可以将选择的选项的key拼装到输入框中，同时允许用户自由输入。 由于项目中使用的element ui，首选
阅读全文
摘要：JavaScript&jQuery获取url参数方法 这个函数呢是自己在写基于Vue+ElementUI管理后台时用到的,，下面列出来两种使用方式： 最普通的，封装一个js函数 在Vue组件化开发时，我是这样写的 写了一个工具文件utils.js，将其作为工具包引入Vue的main.js，并将其附给
阅读全文
摘要：Vue源码探究 源码文件组织 源码探究基于最新开发分支，当前发布版本为v2.5.17 beta.0 Vue 2.0版本的大整改不仅在于使用功能上的优化和调整，整个代码库也发生了天翻地覆的重组。可见随着使用者的增加与声名传播，Vue自身的格局发生了很大的突破，特别体现在对Weex框架做了内部支持。不管
阅读全文
摘要：keep alive key <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="./vue.js"></sc
阅读全文
摘要：最近我司项目中需要加入流程图制作功能，于是乎百度各种找可视化绘制拓扑图的轮子，大部分都是国外的，看文档太吃力，不过好在最终让我发现了AntV G6流程图图表库，最新版为2.0，不过编辑器在2.0版本还没有进行开源，所以只能退而求其次，使用了1.2.8版本。希望2.0版本的编辑器尽早开源，在交互方面1
阅读全文
摘要：vuejs单页应用的权限管理实践 一、前言 在广告机项目中，角色的权限管理是卡了挺久的一个难点。首先我们确定的权限控制分为两大部分，其中根据粒的大小分的更细： 接口访问的权限控制 页面的权限控制 菜单中的页面是否能被访问 页面中的按钮（增、删、改）的权限控制是否显示 下面我们就看一看是如何实现这些个
阅读全文
摘要：项目中我们可能会碰到导出Excel文件的需求，一般后台管理系统中居多，将table中展示的数据导出保存到本地。当然我们也可以通过一些处理来修改要导出的数据格式，具体需求具体对待。 1、首先我们需要安装3个依赖，file saver、xlsx和script loader。 使用npm安装： 使用yar
阅读全文
摘要：前端加密 使用crypto js加解密 第一步，安装 第二步，在你需要的vue组件内import 第三步，使用 注意这个mymessage是字符串，如果你要加密的用户id（number类型）得先转成字符串 更多使用请访问官方文档 记住密码 实现原理是登录的时候，如果勾选了记住密码（把‘记住密码’状态
阅读全文
摘要：axios axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。在前端框架中的应用也是特别广泛，不管是vue还是react，都有很多项目用axios作为网络请求库。我在最近的几个项目中都有使用axios，并基于axios根据常见的业务场景封装了一个通用的r
阅读全文
摘要：vue 数组和对象渲染问题 最近项目有点忙碌，遇到好多问题都没有总结(╥﹏╥)，在开发过程中，取vuex中的数组渲染完成之后，再次修改数组的值，数据更新了，但是视图并没有更新。以为是数组更新的问题，后来又以为是因为vuex导致的问题. 最后强制刷新组件解决了问题，但是还没有找到根本问题的所在...
阅读全文
摘要：前言: 本文基于vue 2.5.2, webpack 3.6.0（配置多页面原理类似，实现方法各有千秋，可根据需要进行定制化） vue 是单页面应用。但是在做大型项目时，单页面往往无法满足我们的需求，因此需要配置多页面应用。 1. 新建 vue 项目 2. 安装 glob glob 模块用于查找符合
阅读全文
摘要：用 nodejs 写一个命令行工具 ：创建 react 组件的命令行工具 前言 上周，同事抱怨说 react 怎么不能像 angular 那样，使用命令行工具来生成一个组件。对呀，平时工作时，想要创建一个 react 的组件，都是直接 copy 一个组件，然后做一些修改。为什么不能将这个过程交给程序
阅读全文
摘要：问题： 公司有个项目，功能很简单，读取业务数据，展示在页面上。 一个很简单的问题，却因为目标浏览器是IE9，卡了三天。 前端给的反馈是： 在IE9下，程序一会儿对，一会儿不对……第一次刷不出来，多刷几次就刷出来了。 这些话，听着就觉得怪，如果听之任之，就成了不明就里一笔糊涂账。 于是，我开始跟他们一
阅读全文
摘要：关于js执行机制，老早之前就一直想写篇文章做个总结，因为和js执行顺序的面试题碰到的特别多，每次碰到总是会去网上查，没有系统地总结，搞得每次碰到都是似懂非懂的感觉，这篇文章就系统的总结一下js执行机制。 任务队列 大家都知道js最大的特点就是单线程执行，这就是为什么js简单易学的一个重要原因，不需要
阅读全文
摘要：Vue 中的受控与非受控组件 熟悉 React 的开发者应该对“受控组件”的概念并不陌生，实际上对于任何组件化开发框架而言，都可以实现所谓的受控与非受控，Vue 当然也不例外。并且理解受控与非受控对应的需求场景，可以让我们在设计一些基础组件时思路更加清晰，暴露出来的组件 API 也更加合理、统一。
阅读全文
摘要：如何使用webpack构建多页面应用，这是一个我一直在想和解决的问题。网上也给出了很多的例子，很多想法。猛一看，觉得有那么点儿意思，但仔细看也就那样。 使用webpack这个构建工具，可以使我们少考虑很多的问题。 我们常见的单页面应用只有一个页面，它考虑问题，解决问题围绕着中心化去解决，因此很多麻烦
阅读全文
摘要：相信大家在面试的过程中经常遇到查看执行顺序的问题，如setTimeout,promise,async await等等，各种组合，是不是感觉头都要晕掉了，其实这些问题最终还是考察大家对js的运行机制是否掌握牢固，对promise，async的原理是否掌握，万变不离其宗，这次就来彻底搞懂它。 1 js引
阅读全文
摘要：一、for Javascript中的for循环，它用来遍历数组 九九乘法表： 二、foreach forEach循环我们可以直接取到元素，同时也可以取到index值。但是forEach也有一些局限，不能continue跳过或者break终止循环 三、for in for(var item in ar
阅读全文
摘要：在用vue来写一官网的时候，想引入外部字体文件，毕竟总感觉他自己的字体有点难看，在这里记录下 1.先下载字体文件所需的.ttf文件 我这里想引入的是华文行楷字体 百度后下载了一个3M多的ttf文件 2.将字体文件引入 自己定义一个文件夹，放入下载好的.ttf文件 先自己定义一个font.css文件，
阅读全文
摘要：创建一个Vue实例 每个Vue应用都是通过Vue函数创建一个新的Vue实例开始： 数据与方法 当一个Vue实例被创建时，它向Vue的响应式系统中加入了其data对象中能找到的所有属性。当这个属性的值发生变化时，视图将产生"响应"，即匹配更新后的值。 值得注意的是只有当实例被创建时data中存在的属性
阅读全文
摘要：模板语法 Vue使用基于HTML的模板语法，允许开发者声明式的将DOM绑定至底层Vue实例的数据。 在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应系统，Vue能够智能的计算出最少需要重新渲染多少组件，并把DOM操作次数减少到最少。 插值 (1)文本插值： 使用v once指令，可以执
阅读全文
摘要：计算属性 模板内的表达式非常便利，但是在模板中放入太多的逻辑会让模板过重切难以维护。对于任何复杂逻辑都应该使用计算属性。 这里声明一个计算属性reverseMsg。我们提供的函数将作用属性vm.reverseMsg的getter函数。 我们可以在表达式中调用方法来达到和计算属性相同的作用。但是计算属
阅读全文
摘要：MVVM相关概念 1） MVVM典型特点是有四个概念：Model、View、ViewModel、绑定器。MVVM可以是单向绑定也可以是双向绑定甚至是不绑定 2） 绑定器：声明性的数据和命令，存在于ViewModel之中，让ViewModel和Model二者进行自动或手动通信，接下来的“MVVM在Re
阅读全文
摘要：操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以使用v bind处理它们：只需要通过表达式计算出字符串结果即可。不过拼接字符串比较麻烦，因此在v bind用于class和style时，vue做了专门的增强，表达式结果的类型除了字符串之外，还可以是对象和数组。
阅读全文
摘要：工作中的项目不止有页面繁多的模块化项目，还会只有一两个页面的类似于填写信息参与活动的活动页。这个时候，就可以回归以前的三剑客模式，在 index.html 里引用 vue.js 进行开发。 关键点： 引入 babel polyfill 以转换 es6 的代码，需要作为第一个引入的 script 脚本
阅读全文
摘要：v if 字符串模板中，我们可以像这样写一个条件块： 在Vue中，我们使用v if指令实现同样的功能： 也可以使用v else添加一个else块： (1)在<template>元素上使用v if条件渲染分组因为v if是一个指令，所以必须将它添加到一个元素上，如果想切换多个元素呢？可以使
阅读全文
摘要：在做的项目是使用 vue cli 脚手架为基础的，只能使用微信浏览器打开的。在某次更新功能代码后，被反馈在一些手机上会出现白屏。经过一番探索，多管齐下解决了问题 白屏可能的原因： es6 代码没有被编译成 es5 ； 文件打包路径错误； 运营商塞入的广告 js 服务器报错，连累项目不能下载资源； 针
阅读全文
摘要：用v for把一个数组对应为一个组件元素 我们用v for指令根据一组数组的选项列表进行渲染。v for指令需要使用item in items形式的语法： 在v for块中，我们拥有对父作用域属性的完全访问权限。v for还支持一个可选的第二个参数为当前项的索引。 也可以用of替代in作为分隔符，因
阅读全文
摘要：关于axios的拦截器是一个作用非常大，非常好用的东西。分为请求拦截器和响应拦截器两种。我一般把拦截器写在main.js里。 1. 请求拦截器 请求拦截器的作用是在请求发送前进行一些操作，例如在每个请求体里加上token，统一做了处理如果以后要改也非常容易。 2. 响应拦截器 响应拦截器的作用是在接
阅读全文
摘要：Vue CLI 3 配置兼容IE10 最近做了一个基于Vue的项目，需要兼容IE浏览器，目前实现了打包后可以在IE10以上运行，但是还不支持在运行时兼容IE10及以上。 安装依赖 在入口文件 main.js 引入依赖 修改 babel.config.js 修改 .browserslistrc >
阅读全文
摘要：vue中axios的使用与封装 分享下我自己的axios封装，多多点赞收藏~axios是个很好用的插件，都是一些params对象，所以很方便做一些统一处理 当然首先是npm安装axios 很简单$ npm install axios save在src下新建文件夹 service / index.js
阅读全文
摘要：案例 UI美眉说咱家的选项菜单太丑了，小哥哥能不能美化一下呀，洒家自然是说小意思啦~自定义一个select组件，so easy~ 简单粗暴型： option作为数据进来就ok啦。 然后发现下列问题: key value，不是所有的接口都是id name option要disabled 怎么办？ op
阅读全文
摘要：博客文章链接：管中窥Vue Vue和Angular、React.js的相同点和不同点？ 与React的相同： 都使用了Virtual DOM 提供了响应式和组件化的视图组件 将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。 与React的区别： 组件的响应式渲染 React的
阅读全文
摘要：如果在你项目中需要多处用到同级组件通讯，而又不想去写繁琐的vuex，可以参考这个小思路。本人在写项目中琢磨出来的，感觉挺好用，分享一下。 1.在utils文件夹下添加BusEvent.js 注释已经很详细了，也很简单，不再过多阐述。 import Vue from "vue"; const Bus
阅读全文
摘要：微信 jssdk 在 vue 中的简单使用 以上是微信官方给出的示例代码，但是对于实际项目使用，还需要进一步对代码进行封装。本文基于 vue 进行示范，其余类框架同理。 在微信公众平台的官方文档中已经指出，由于安全性考虑，需要将签名逻辑放在后端处理，所以签名原理不在此赘述，主要讲讲如何使用后端返回后
阅读全文
摘要：Vue源码探究 状态初始化 Vue源码探究 源码文件组织 Vue源码探究 虚拟DOM的渲染 本篇代码位于vue/src/core/instance/state.js 继续随着核心类的初始化展开探索其他的模块，这一篇来研究一下Vue的状态初始化。这里的状态初始化指的就是在创建实例的时候，在配置对象里定
阅读全文
摘要：Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化、运行中、销毁。 实例、组
阅读全文
摘要：前面的啰嗦话，写一点吧，或许就有点用呢 使用过vue的小伙伴都会感觉，哇，这个框架对开发者这么友好，简直都要笑出声了。 确实，使用过vue的框架做开发的人都会感觉到，以前写一大堆操作dom，bom的东西，现在用不着了，对开发者来说更容易去注重对操作逻辑的思考和实现，省了不少事儿呢！！！ 我是直接从原
阅读全文
摘要：从入口开始 我们之前提到过 Vue.js 构建过程，在 web 应用下，我们来分析 Runtime + Compiler 构建出来的 Vue.js，它的入口是 src/platforms/web/entry runtime with compiler.js： 摘选entry runtime with
阅读全文
摘要：组件并不总是具有相同的结构。有时需要管理许多不同的状态。异步执行此操作会很有帮助。 实例： 组件模板某些网页中用于多个位置，例如通知，注释和附件。让我们来一起看一下评论，看一下我表达的意思是什么。评论现在不再仅仅是简单的文本字段。您希望能够发布链接，上传图像，集成视频等等。必须在此注释中呈现所有这些
阅读全文
摘要：看到这个标题就知道这篇文章接下来要讲的内容，我们在使用vue的时候methods、watch、computed这三个特性一定经常使用，因为它们是非常的有用，但是没有彻底的理解它们的区别和各自的使用场景，也很难用好它们，希望接下来的介绍为你答疑解惑。 computed 我们先来看计算属性:comput
阅读全文
摘要：Preface The first time I met .sync modifier, I didn't know it very well. So, I seldom use that. Today, I am going to get it. Main In the past, I use “
阅读全文
摘要：父组件通过props向子组件传值 在子组件script中声明所要接收的参数名称以及类型 在父组件template中使用子组件并向子组件传值 完成上面的步骤后可直接在子组件中使用传递的参数值（方法与访问data中的值一样） ２. 子组件通过事件向父组件传参 在子组件中： 在父组件中： 3 通过路由进行
阅读全文
摘要：使用场景 在开发过程中,往往会有很多自己定义公用组件,我们通过import 导入,components挂载到实例上就行,项目刚开始还好,但是随着项目迭代,组件越来越多,同一个组件不同的方式用需要重复导入挂载,就显得冗余这里是通过require.context的一种便捷操作 实例 文件结构 compo
阅读全文
摘要：vue.use（plugin, arguments） 语法 参数：plugin(Function | Object) 用法： 如果vue安装的组件类型必须为Function或者是Object<br/>如果是个对象，必须提供install方法 如果是一个函数，会被直接当作install函数
阅读全文
摘要：本人微信公众号：前端修炼之路，欢迎关注 背景介绍 经过上一篇文章uni app官方教程学习手记的学习之后，我就着手做这个项目了。 目前已经初步搭出了整体的框架，秉着取之于社会，回馈于社会的原则，我将这个项目开源到GitHub uni shop，发展壮大uni app社区。项目肯定有不足和考虑不周之处
阅读全文
摘要：实用的函数集合总结 基本类型的判断 在项目实例中，难免要做一些容错处理或者是对实例的类型判断，那么就可以把这部分的判断整理成公共的js文件，供全局使用。 利用object.prototype.toString.call可以判断对象的类型 变量的两种类型值:1、基本类型：String,Number,B
阅读全文
摘要：起步 Python 的原生类型中并不包含枚举类型。为了提供更好的解决方案，Python 通过 PEP 435 在 3.4 版本中添加了 enum 标准库。 枚举类型可以看作是一种标签或是一系列常量的集合，通常用于表示某些特定的有限集合，例如星期、月份、状态等。在没有专门提供枚举类型的时候我们是怎么做
阅读全文
摘要：前端面试常考知识点 js 1.CSS3的新特性有哪些 点我查看 CSS3选择器 . CSS3边框与圆角 CSS3圆角border radius:属性值由两个参数值构成: value1 / value2，值之间用/分隔，value1代表圆角的水平半径，value2代表圆角的垂直半径盒阴影box sha
阅读全文
摘要：这应该是vue项目在适配移动端时候，最简单的方法之一下面是基本步骤（使用cnpm）1.下载并引入lib flexible 在main.js中 ：import 'lib flexible/flexible'2.引入px2rem loader 3.将px2rem loader添加到cssLoaders
阅读全文
摘要：几乎所有的项目都要解决这样一个问题：判断一个元素是否出现在浏览器窗口中？因为通过它我们可以极大的优化项目的性能，进而提升用户的的体验。原生javasxript获取浏览器的滚动距离和可视窗口的高度 使用场景及技术分析 所涉及的业务实现，比较常见的就是电商平台或者是图片展示类的网站。电商网站，如：淘宝、
阅读全文
摘要：前言 在前端项目的规模和复杂性不断提升的情况下，各类构建思想和相应工具层出不穷。本文竭己所能对比了当下13个构建工具，包括Browserify、Webpack、Rollup、Grunt、Gulp和Yeoman6个广为流行的工具，FIS、Athena、WeFlow和Cooking等4个国产工具，以及三
阅读全文
摘要：最新React全家桶实战使用配置指南 这篇文档 是吕小明老师结合以往的项目经验 加上自己本身对react webpack redux理解写下的总结文档，总共耗时一周总结下来的，希望能对读者能够有收获， 我是在这基础多些加工！ 目录 1.版本说明 2.目录结构 3.初始化项目 4.webpack 5.
阅读全文
摘要：场景： 有时候我们在vue项目页面做了一些操作，需要刷新一下页面。 解决的办法及遇到的问题： this.$router.go(0)。这种方法虽然代码很少，只有一行，但是体验很差。页面会一瞬间的白屏，体验不是很好 用vue router重新路由到当前页面，页面是不进行刷新的。 location.rel
阅读全文
摘要：面试问到数据交互的时候，经常会问跨域如何处理。大部分人都会回答JSONP，然后面试官紧接着就会问：“JSONP缺点是什么啊？”这个时候坑就来了，如果面试者说它支持GET方式，然后面试官就会追问，那如果POST方式发送请求怎么办？基础扎实一些的面试者会说，使用CORS跨域，不扎实的可能就摇摇头了。 这
阅读全文
摘要：正如标题所述，JavaScript闭包对我来说一直有点神秘,看过很多闭包的文章，在工作使用过闭包，有时甚至在项目中使用闭包，但我确实是这是在使用闭包的知识。 最近看国外的一些文章，终于，有人用于一种让我明白方式对闭包进行了解释，我将在本文中尝试使用这种方法来解释闭包。 准备 在理解闭包之前，有个重要
阅读全文
浙公网安备 33010602011771号