Suoz-CSDN博客

原创 thinkjs 生成小程序码分享朋友圈

业务需求微信小程序中支持分享给朋友，但是无法直接分享至朋友圈，所以只能通过分享一个小程序码出去，其他人通过扫码进入到指定的页面。前端实现步骤前端调用服务端的接口，把生成小程序码需要的参数传递过去。（因为前端无法直接调用该接口）。前端把服务端返回的图片转换为buffer格式存储在微信的文件管理器中，返回图片的路径。通过调用canvasdrawer的api把小程序码图片和想要添加的元素绘制到画布上。后端实现步骤服务端通过appid和secret调用微信提供的api获取全局唯一接口

2020-10-13 20:32:58 269

原创小程序+thinkjs框架+mysql 实现登录功能

// user/index.wxml<view class='btn-login' bindtap='goAuth'>点我登录</view>// user/index.jsPage({ goAuth: function(e) { wx.navigateTo({ url: '/pages/app-auth/index', }); })}// utils/index.js/** * login Pr

2020-10-12 14:21:24 545

原创 webpack2 基础入门详解（二）

1. 区分npm install xxx –save 与 –save -dev开发环境与线上环境所需要的依赖包不一样，比如在npm build打包文件通过babel-loader转译es6->原生js。而在打包文件之后并不需要babel了。–save：将依赖的模块放进package.json文件中”dependencies”中，代表线上环境还会依赖该模块。 –save-dev：将依赖的模块放进pa

2017-11-22 17:42:09 473

原创 JS 异步队列

hello 好久没学博客了最近实习忙项目以及规划行程(哈哈哈我就是爱旅游的孩子)我们常说JS是单线程的，那到底什么是单线程？什么是同步？什么是异步？如何解决回调地狱??同步：你在做一件事情，不能同时去做另外一件事。异步：你在做一件事情，这件事可能会耗时很久，而此时你可以在等待的过程中，去做另外一件事。比如煮开水这件事吧..在这过程，你担心水沸了而不去做其它事情，就等到水沸腾，那就是同步。

2017-09-14 23:04:09 4427

原创 Vue mock & vue-resource & JSONP

前提为什么要运用Mock模拟数据？直接将数据放在data内部不就可以了吗？这样显得数据过多，后期不利于维护。直接在某个文件夹下创建json文件模拟，不就可以了吗？但是你还要计算url相对于某个文件，好像也挺麻烦的。相当而言我更喜欢mock..入门在src目录下创建一个mock文件夹，在该文件夹内部创建相关的data.json文件。在build配置文件夹下找到dev-server.j

2017-07-30 17:59:50 2584

原创 Vuex

为什么需要Vuex对于多个组件之间使用着相同的data数据，如果某个数据发生了改变。 1. 不能很好的调试知道数据发生变化的过程。 2. 操作麻烦，需要多个组件都进行相对应的操作。 3. 由于在Vue中各个组件之间的作用域是独立的，就比如父组件与子组件间通讯需要props/events，子组件与子组件间通讯还需要定义一个空的vue实例，进行数据传递。在大型单页面SPA，提供了vuex插件，能让

2017-07-25 21:44:16 546

原创 webpack2 基础入门详解

看过许多关于webpack的文章，最近终于有时间（实习+学校课程设计）去解决之前mac终端npm command not found的问题，再去使用webpack工具啦~前提使用webpack的前提条件：我的电脑是mac，先下载node-XXX.pkg。在下载完成之后，我输入node -v，并没有显示版本号，而是node command not found。很多时候我都是卡在mac的文件夹权限问题

2017-07-07 12:03:05 1064

原创 toString & valueOf

这几天在看《深入理解ES6》，这本书的作者是Nicholas C. Zakas，也就是我最爱的《高程》作者~~不过还是得把目标中的文章部分写一下。今天我要讲的是toString()和valueOf()。toString()相比于toString()，我更愿意叫它实例对象.proto.toString()。顾名思义：toString()就是将任何数据类型转换为字符串类型（Null、undefined以

2017-06-28 09:22:12 384

原创 2017 随笔一

上周面了三家公司，目前只收到一个埃森哲的offer。其主要原因应该是内推以及自己恰好学习了thinkphp框架，这算是一个优势吧。其它的一面结果暂时没有回应，距今应该是3-4个工作日。朋友说再等等吧…万一是人家忙，要群面呢（虽然希望不大，但是还是想抱着一丝的希望，有上进心的孩子总会有好结果，可能不是现在，但是以后肯定会有）。如果你问我现在心情如何，当然是不太愉悦，你能想象每天抱着书反思自己，手机一直

2017-06-26 12:35:52 434

原创 JavaScript 深拷贝 & 浅拷贝

在看《你不知道的Js（上卷）》的时候，有遇到深浅拷贝的知识，但是书中只是粗略的讲解，于是乎我便度娘各种有关于深浅拷贝实现的文章。前提：这里仅仅涉及”引用数据类型”的深、浅拷贝~浅拷贝定义：一个引用类型变量复制另一个引用类型变量，将所指向的对象引用地址赋值给另一个变量。实现了两者共同指向同一个对象。只要其中一个改变对象的属性，另一个也会受到影响。第一种实现方法：var obj1 = { "na

2017-06-25 21:09:04 480

原创 JavaScript 单线程 & 定时器

Js单线程同步 & 异步任务队列Event loop（事件循环）定时器setTimeout setIntervalJavaScript单线程同一个时间内只能做一件事情。为什么JavaScript不能像Java语言一样多线程呢，这样可以同时处理多个事情不是更好吗？首先它是浏览器端的脚本语言，JavaScript就是为了与用户进行互动，以及操作DOM，这决定了它只能是单线程，否则会带来很复

2017-06-24 15:25:29 933

原创高性能 DOM & 重排重绘

相信学过JavaScript的人都会知道一个道理”DOM操作会影响性能”。有些人仅仅是知道，并不深入了解其中的原理（比如我…自从第一次面试以后,告诉自己不仅要巩固基础和实践操作,同时也要慢慢深入一些知识）DOM是用来操作XML和HTML文档的应用程序接口（API），用JavaScript去操作DOM是一个昂贵的操作把DOM和JavaScript（这里指ECMAScript）各自想象成一个岛屿，

2017-06-23 15:50:09 893

原创 CSS3 Flex布局

CSS2.1布局： 1. 块布局：呈现文档的布局模式 2. 行内布局：呈现文本的布局模式 3. 表格布局：用格子呈现2D数据的布局模式 4. 定位布局：能够直接地定位元素的布局模式 CSS3引入的布局模式Flexbox布局，主要思想是让容器有能力让其子项目能够改变其宽度、高度（甚至顺序），以最佳的方式填充可用空间（主要是为了适应所有类型的显示设备和屏幕大小)。（1）主轴：通过这个伸缩盒

2017-06-22 21:22:56 766

原创 2017 面经一

CSS3动画与JS动画的区别？什么情况下使用JS动画？JS异步回调函数有什么缺陷？前端优化promisescript标签中的async和defer不知道元素的宽度和高度，如何实现水平和垂直方向的居中（多种解决方法）三栏布局除了bootstrap能实现响应式布局，还有其它的框架吗？AJAX实现的过程跨域的方式==和===的区别？[1,2] == [1,2] 如何实现浮点数的相加

2017-06-20 13:21:58 374

原创你不知道的JavaScript(上)

Object.create与new Object区别var obj = new Object();console.log(obj.__proto__); //{} 其实是Object.prototypevar o = Object.create(null);console.log(o.__proto__); //undefined从上面可以得出，第一个参数传递null，相当于o对象没有Obje

2017-06-10 11:43:27 674

原创 JavaScript 创建对象

对象字面量 var obj1 = { name : "suoz", age : 20, hobby : function(){ console.log('I like run'); } }; var obj2 = { name : "张三", age : 22,

2017-05-30 20:21:38 300

转载 Webpack

我相信，有不少的朋友对webpack都有或多或少的了解。网上也有了各种各样的文章，文章内作者也写出了不少自己对于webpack这个工具的理解。在我刚刚接触webpack的时候，老实说，网上大部分的文章我是看不懂的。。webpack里面有很多名词，是没有接触和理解过模块化的同学都难以理解的。我感觉，学习任何一项新技术，要弄清楚为什么使用它，它是什么，它有什么用等概念，弄清楚这些概念之后，我相信，在日后

2017-05-30 14:28:03 834

原创 Shell/Bash/git/github

Shellgit （1）要使用git来管理我们的代码，首先获得一个仓库，进入根目录，执行git init这样就可以创建一个.git隐藏目录(仓库)（2）git config 配置用户信息(只需要配置一次)git config --global user.name 用户名git config --global user.email 用户邮箱注：可以通过git config --list查看用户配置

2017-05-10 16:30:01 505

原创 CSS3

选择器属性选择器：div : 标签选择器id : ID选择器class : 类选择器div .p : 交集选择器div p : 后代选择器div>p : 子代选择器div+p : 相邻选择器(div标签相邻的p标签)div~p : (div标签后面的所有p标签)E:[attr]E:[attr=value]E:[attr^=value]E:[attr$=value]E:[attr

2017-04-13 21:34:54 999

原创 JavaScript 传统 & 现代DOM加载

处理页面文档加载的时候，遇到一个难题，如果使用window.onload这种将所有内容加载后(包括DOM文档结构，外部脚本、样式，图片音乐等)这样会导致在长时间加载页面的情况下，JS程序是不可用的状态。而JS其实只需要HTML DOM文档结构构造完毕之后就可以使用，没有必要等到比如图片、音乐和外部内容加载才去执行。传统DOM加载window.onload = function(){ //执行

2017-03-17 21:32:47 310

原创 JavaScript 跨浏览器添加移除事件

那么我们希望解决非IE 浏览器事件绑定哪些问题呢？ 1.支持同一元素的同一事件句柄可以绑定多个监听函数； 2.如果在同一元素的同一事件句柄上多次注册同一函数，那么第一次注册后的所有注册都被忽略； 3.函数体内的this 指向的应当是正在处理事件的节点（如当前正在运行事件句柄的节点）； 4.监听函数的执行顺序应当是按照绑定的顺序执行； 5.在函数体内不用使用event = event ||

2017-03-17 10:30:35 496

原创 Javascript运动各个运动bug以及仿Flash的图片轮换实例

52-js.html文件<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>js运动实例-仿FLASH的图片轮换效果</title> <link rel="stylesheet" type="text/css" href="52-js.css"> <script type="text/javascri

2017-03-12 23:42:19 478

原创 Javascript学习路程(更新中)

一、Array数组的函数var arr = new Array(1,2,3);var arr = [1,2,3];push() // pop()unshift() // shift()sort()reverse()concat()splice() 与 slice() 注意两者区别join()二、arguments不定参function css(obj,name,value

2017-03-04 13:10:56 672

原创 Json (php+jquery)

相关文章介绍Json： http://www.cnblogs.com/snowinmay/archive/2013/05/26/3099799.html通过AJAX进行理解： $(function(){ $.ajax({ type : "POST", url : "json.php",

2017-02-21 16:16:44 285

原创 thinkphp3.2 微博系统项目

深入Thinkphp3.2框架遇到很多小问题果然在学习语法知识的过程中做项目是最好的检验成果问题：MVC： M:Model模型、V：View视图、C：Controller控制器View视图：存放模板文件.html,结合html+css+jquery等将完整的页面在Controller中通过$this->display()渲染出来Controller控制器：控制器可以将View AJAX传

2017-02-04 13:50:50 1038

转载 a href="#" 或 javascript:void(0)区别

javascript:void(0)的意思就是什么也不做！他不是页面URL，而是一个javascript语句void(0)，void是一个操作符，该操作符指定要计算一个表达式但是不返回值，这个要计算的表达式是“0”，所以，这个基本是坑爹的写法，完全是糊弄浏览器的。如果你鼠标悬停于一个链接上，在浏览器底部状态栏上显示该链接的目标地址是这个的话，说明这个网页的编写者希望这个链接被点击时不是直接跳转到某个

2017-02-04 13:11:26 310

原创连接json选择下拉菜单

html部分<div id="info"> 省份：<select id="one"><option>请选择</option></select> 市级：<select id="two"><option>请选择</option></select></div>css部分#info{ width: 350px; height: 30px; font-size:12

2016-12-02 14:41:58 5183

原创 jquery 简单的登录验证

CSS部分：<style type="text/css"> #waimian{ width: 375px; height: 500px; background-color: yellow; position: relative; z-index: 0; } #info{ width

2016-11-25 23:36:39 7012

原创 jquery联级下拉菜单

CSS部分：info{ width: 350px; height: 30px; font-size:12px; float: left; } Script部分：<script type="text/javascript"> $(function(){ //初始化 function init(obj){

2016-11-24 13:21:42 748

Suoz的博客