yan_dk的专栏

介绍Uniapp是 DCloud公司于2012年开始研发的能够一次代码开发，生成H5、小程序（微信、支付宝、百度、华为等）、APP等应用的技术的统称，开发工具是HBuilderX，功能非常强大，由此引申出许多技术社区与生态环境。引言Uniapp开发移动端上传，需要前端、后台接口的配合，是比较常见和通用的需求场景，包括许多细节的实现，如：前端上传页面ui，选择文件（图片或视频等），选择时上传文件大小的判断、上传状态的设定，上传后调用后台服务器上传接口上传到服务器，上...

介绍 Uniapp是 DCloud公司于2012年开始研发的能够一次代码开发，生成H5、小程序（微信、支付宝、百度、华为等）、APP等应用的技术的统称，开发工具是HBuilderX，功能非常强大，由此引申出许多技术社区与生态环境。参考uni-app官网https://uniapp.dcloud.io/uView 2.0 - 全面兼容nvue的uni-app生态框架 - uni-app UI框架uView UI，是uni-app生态最优秀的UI框架，全面的组件和便捷的工具会...

介绍JWT，JSON Web Token，开放的、行业标准(RFC 7519)，用于网络应用环境间安全传递声明。JWT的声明一般被用来在身份提供者和服务提供者间传递被认证的用户身份信息，以便于从资源服务器获取资源，也可以增加一些额外的业务逻辑所须的声明信息。特点：跨语言：支持主流语言自包含：包含必要的所有信息，如用户信息和签名等易传递：很方便通过HTTP头部传递具体来说：JWT 默认是不加密，但也是可以加密的。生成原始 Token 以后，可以用密钥再加密一次JWT 不加密的情况下，不能

介绍Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。引言Vuex的store组件，主要存储应用中的状态，具体应用中如何来用呢？存储我们也可以使用缓存比如uni.setStorageSync(...) uni.getStorageSync()，来存储应用级的状态，也可以实现相应需求。单纯缓存数据可能并不能很好满足一定的业务场景，而且缓存数据是多样化的，状态的交互在应用中存在很多，不同模块间互

绍TypeScript是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码，可运行在任何浏览器，任何操作系统。TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准（ES6 教程）。TypeScript 由微软开发的自由和开源的编程语言。TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，

web3.js开发环境安装安装nodejs，参考Nodejs入门及技术指南_yan_dk的专栏npm 安装web3$ npm install web3 --save检测是否安装成功$ node>require("web3")显示如下：说明web3.js已经安装成功。安装testrpc（在本地使用内存模拟的一个以太坊环境）>npm install ethereumjs-testrpc -g安装成功后，启动testrpc 区块链节点>test

uni-app是一个使用Vue.js开发小程序、H5、App的统一前端框架。官网地址：https://uniapp.dcloud.io安装IDE工具环境HBuilder开发工具HBuilder，下载地址HBuilderX-高效极客技巧：HBuilderX-高效极客技巧HBuilderX是当前最快的HTML开发工具，强大的代码助手帮你快速完成开发，最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛https://www.dcloud.io/hbuilderx.html：下载后，安装...

介绍 秒杀多用在电商中，秒杀、抢购、抢票等实现特定需求场景，都可以归为一种资源争用模式，要保证交易的安全性、可靠性，实现方法较多。先看下秒杀的特点、逻辑。 秒杀特点：抢购人数远多于库存,读写并发巨大 库存少,有效写少 写需强一致性,商品不能超卖 读一致性要求并不高 秒杀逻辑： 1.获取秒杀抢购数据信息 ⒉.校验抢购商品的信息，主要商品类型，库存，上下架，时间进行校验 ...

准备laravel基础和环境搭建可以参考《laravel入门及技术指南》https://blog.youkuaiyun.com/yan_dk/article/details/117375890

参考https://blog.youkuaiyun.com/yan_dk/article/details/117375890

介绍dingo dingo api包是给laravel和lumen提供的Restful的工具包，它可以与jwt组件一起配合快速的完成用户认证，同时对于数据和运行过程中所产生的异常能够捕获到并且可以做出对应的响应。 主要功能： 1. Router Version 路由版本管理 2. http Exception 异常处理 3. response transform 转化响应格式。 jwt jwt全称JSON Web Tokens ,是一个非常轻巧...

介绍参考https://learnku.com/docs/laravel/5.7/installation/2242

我们在页面开发中比较常见的功能是鼠标移入移出，或点击时，需要特定元素显示或隐藏的操作，实现方法很多，下面给出比较通用的方法注：需要页面引入jquery，这个不用多说。页面元素代码部分<div class="freepub_box" id="d_freepub_box" style="display:none;"> <div class="freepub_box_sub"> <div class="freepub_title"&gt...

在小程序中增加外部链接的方法如下：我们设置显示外部链接的页面文件，如out.wxml，在app.json中增加路由页面{..."pages":{ "page/out/out"...}out.wxml的内容如下：<web-view src="https://www.baidu.com/"></web-view>调用页面，和调用一般小程序页面一样，如下：wx.navigateTo({ url: '/out/out', })...

Atom作为一种开发工具，可以编辑多种语言，是程序员的开发利器。总结一下使用经验备忘，后续持续更新完善。1.安装网上或atom官网上下载安装程序atom.zip，具体安装很简单就不用多说了。atome的插件包可以直接复制.atom.zip，放置在C:\Users\【用户】\.atom 目录下即可。也可以自行安装插件包。推荐先安装汉化插件包。在Fiel->setting->Install，安装好自动就汉化了。安装vue插件，推荐安装language-vue、vue-...

web项目中很多有国际化多语言的需求，

web应用，使用ajax调用，请求参数类型为json时，php仅用$_POST或$_REQUEST方式时，会出现接受不到请求参数，因为是json格式需要一定的转换处理。我们抽取方法代码如下：/** * 获取 post 参数; 在 content_type 为 application/json 时，自动解析 json * @return array */ public function initPostData() { $data=f...

web应用特别是cms管理系统，经常出现远程图片本地化的需求实现，很多已插件方式提供，很多只是配置使用，但是做到自己定制化实现特定的需求可能就力不从心了。我们来实现一下远程图片本地化的功能。 远程图片本地化，主要实现思路是，远程图片可能是一个url地址，也可能是一个base64编码的图片，我们只要将这个图片通过方法下载到当前服务器路径下，然后改变存储路径，一般可能是一篇文章中包含的图片，那么我们只要遍历其中的图片，用上述方法做本地化，然后把这个文章的html串中的图片远程路径替换成...

web前端调用ajax接口，一般使用jquery框架调用，如$.post，$.get，$.ajax等，但是也会遇到很多问题。下面谈谈看。$.get的范例代码$.get("/Api/User/userinfo",{uid:a_uid},function(data){ console.log("userinfo.data=",data); var data=JSON.parse(data); //获得响应数据后的处理逻辑 });$.post的范例代码$.p...

web开发中伪静态的配置比较常见，主要用在nginx、apache应用服务器，语法也不相同，其中要用到正则表达式，这方面我们可以看看相关的文档。配置文件一般在web根路径下，如下图：nginx的配置文件如下if (!-d $request_filename){set $rule_0 1$rule_0;}if (!-f $request_filename){set $rule_0 2$rule_0;}if (!-e $request_filename) {rewr...

一般的应用网站，尤其cms类的网站，上传图片、文件是很常见的功能，但一般上传文件实现都是保存在本网站所在上传文件夹下，也就是上传的图片文件跟随程序文件一起来部署的，这样一般来说没什么问题，但是文件增大后，移植和部署有些不够灵活，如果把这个上传文件目录独立出来，单独部署，存储在不同的服务器上（文件服务器），这样单独维护，比较灵活，分散程序服务器的压力，对网站的优化也很有帮助。下面给出一个PHP实现的ftp远程上传文件的方法。注：本文使用的是thinkphp框架，其他框架实现方法也类似。...

thinkphp的页面，以前很多用php语法输出，如<?php echo 'hello';?>，这样在页面中看起来很混乱，最好使用thinkphp提供的标签，或者可以二者混合使用，这样页面更加简洁清晰易读。下面总结一下比较常用的页面标签。volist标签一般用于循环迭代集合类变量的输出，范例如下：<volist name="news_List" id="v" empty="暂时没有数据"> <li><a href="/news/{$v....

我们在web页面开发或H5开发中常见滚动加载分页的功能，下面写出一个实现范例和技巧。 使用VUE框架来实现。关于vue，可以参考https://mp.youkuaiyun.com/editor/html/104135161 var vm = { data() { return { onFetching:false,page:1 }; }, mounted() { let sw = true;//滚动控制开关 docume...

VUE作为一种视图模型的解决方案，不同于jquery的对dom结构处理的解决方案。vue组件在项目中运用时，按常规控件（比如标签@click）的使用方法都能正常执行，可能有时也会遇到各种问题。比如html页面中控件是可能需要动态生成的，那么直接使用标签@click的字符串来拼接html生成页面，页面是不能正常解析标签@click的，我们看到vue项目的“标签@click“，在最后页面实际展现后，是看不到"@click"，是因为VUE容器加载后，来解析这个控件的click事件相应的。那么我们如...

需求页面定时每隔1分钟刷新一次，人工可以控制点击暂停后，停止间隔刷新，再次点击后，继续间隔时间刷新。实现先上一个效果图上图就是，点击暂停和继续的切换控制。实现具体编码如下页面代码<div style="float:right;padding-right:10px;"> <i class="fa fa-bolt" onclick="toggole_refresh_onoff(this)" style="padding-right:5px;">&lt

安装nodejs，参考https://blog.youkuaiyun.com/yan_dk/article/details/90633166安装nodojs环境不再细述。开发实例1-后台系统下载开源的后台系统模板：https://github.com/iview/iview-admin/tree/template解压后的目录是这样。然后在当前目录，执行命令行cmd安装依赖包>cnpm install也可以安装ivew版本包>cnpm install ivi...

文件上传是web应用中经常遇到的，如果没有掌握其用法，有时会造成项目进度的拖延。笔者就遇到过，拖延了3天左右才解决，下面把一些要点、心得总结一下。页面中--增加图片的调用按钮<div onclick="to_add_mediaDtl(id,name)" style="font-size:30px;border:1px solid gray;width:50px;">+</div>页面中--调用增加图片的弹窗<div class="modal...

Beanstalkd技术及环境搭建参考《消息中间件Beanstalkd技术指南》参见：https://blog.youkuaiyun.com/yan_dk/article/details/104176990Beanstalked的初步了解和使用（包括利用beanstalkd 秒杀消息队列的实现）https://blog.youkuaiyun.com/m_nanle_xiaobudiu/article/det...

初识Vue.jsVue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。本人认为，Vue是一个前端框架，有自己的模板语法，我们知道，传统的视图层是使用后端的模板标签来实现前端的展现逻辑，而Vue是有自己的模板语法，可以不依赖于后端来展现在前端页面，它有自己的模板语法、还有计算函数、事件监听处理、表单处理...

初识Webpack webpack是一个基于node.js编写的资源整合打包器（官方原称：MODULE BUNDLER），通过指定入口文件，他能将该入口文件中引用的所有前端资源都合并打包，并最终输出到你指定的输出目录。参考资料我为什么要使用Webpack?https://www.jianshu.com/p/9f2d0b64f3b8什么是Webpack?怎么使用...

本书第一篇Flask基础篇，主要介绍学习Flask开发的基础知识，第1章从Python语言做Web开发讲起，介绍了Python的几种当前主流的Web框架，以及框架选型的原则建议，第2章进一步讲解开始Flask开发环境的搭建，Flask的开发Python的基础知识，后续第3章以后讲解Flask开发实践运用的相关知识，包括视图和路由，Flask模板、Flask表单、Flask数据库、F...

问题描述：页面中要求文本能够换行，比如显示日志的记录，需要换行显示。文本中使用\r\n，或者、等标记页面解析后仍然不能实现效果。解决方法：在文本中加入特定的页面换行标记，如下红字所示：aaaa bbbb

OperaMasks-UI是OperaMasks团队在2011下半年打造的一款轻量级前端JS组件库，旨在提供一款学习曲线低、定制性灵活、样式统一，且多浏览器支持、覆盖企业业务场景的前端JavaScript UI组件库。http://ui.operamasks.org/website/homepage.html中有许多文档和示例，可以参考学习。下面谈谈我的使用经验。         首先，ecl

javascript可以实现面向对象的思想的用法。其中prototype是常见的关键字，它的含义可以实际上是“引用”，而非“赋值”。也就是给一个类添加一个属性或者方法，是给它添加了个引用，而非赋值一份给它。例子如下：function MyObject(name,size){//方法可以写为一个对象的形式  this.name=name;  this.size=s

功能概述          web页面中，常见先查询取得数据列表，然后选择数据列表中的数据记录，对这些数据记录进行相关的业务逻辑处理。处理思路是这样的，每条数据记录都有一个唯一标识，我们把每条数据记录的标识放置在选择框checkbox控件中，选中选择框后把这些数据记录标识累积赋值到一个输入域中，再将这个输入域传递给后台业务逻辑处理即可。页面效果源码构件1.引用js库：/

功能描述           前端页面中，有时需要页面某些元素，或者整个页面只读显示，如果用js代码逐个来实现，代码量非常多，我们可以用通用的代码来解决。组件介绍1.引入jquery组件/plugins/jquery/jquery-1.7.2.min.js">2.只读方法的js代码如下：//设置页面中相应标记参数下的所有控

问题描述              页面中可能遇到，表格列表中字段过长，撑大表格列，页面会变得很不整齐。解决方法方法1：省略过长字符20">...方法2：自动换行” word-wrap:break-word;word-break:break-all;”>xxxxxxxxxxxxxxxxxxxxxxx

许多浏览器都支持页面源码的查看、调试功能，使用chrom浏览器自带的调试器简洁、方便、功能强大。原理大致是调试器帮助我们将页面的元素解析，我们选中页面元素，通过“审查元素”，很快就能定位到该元素的页面代码，还帮我们对这些页面元素对应的样式、js脚本等进行跟踪解析，让我们了解页面结构化、功能化的实现，这样给我们分析页面源码带来了很多方便，不用一行行代码去阅读枯燥的页面。一般常见的页面分析、调试技巧很

CSS：层叠样式表。CSS选择器标记选择器    p{color:red;font-size:4cm;border:2px solid blue}  类别选择器.p_one{color:red}    您好！  ID选择器   New Document

1.基础js技术集合1.1.js简单方法的调用范例集运算类//说明：以下采用简单函数function的封装，直接调用就可以显示结果，来简单说明js相关方法的使用。